Catégorie : Programmation Web

programmation Web

  • Afficher vos vidéos Youtube sur votre site

    youtube-zendPrésentation

    Aujourd’hui, je vais vous présenter une bibliothèque qui vous permet d’afficher vos vidéos Youtube sur votre site.

    Cette bibliothèque était présente sur la version 1 de Zend Framework, mais elle ne l’est plus sur la version 2.

    Cette bibliothèque se prénomme gdata et permet l’interaction des outils de Google sur votre site.
    Parmi les outils, nous pouvons remarquer les plus connu comme Analytics, Calendar, Docs, Spreadsheets et YouTube.

    Voici le lien permettant de récupérer cette bibliothèque sur github.

    Initialisation du projet

    Point 1 : Mettre le dossier Zend de l’archive à la racine de votre site.
    Point 2 : Utiliser le code de base ci-dessous :

    //__Initialisation de la classe "Gdata YouTube"
    require_once "Zend/Loader.php";
    Zend_Loader::loadClass('Zend_Gdata_YouTube');
    $yt = new Zend_Gdata_YouTube();
    
    //__Récupération des vidéos du compte de "TheJeffroland"
    $videoFeed = $yt->getVideoFeed('http://gdata.youtube.com/feeds/users/TheJeffroland/uploads');
    
    //__Affichage des 25 premières vidéos
    foreach ($videoFeed as $v) {
    	$thumbs = $v->getVideoThumbnails();
    	
    	echo $v->getVideoTitle();
    	echo $thumbs[0]['url'];
    	echo $v->getVideoDescription();
    }
    

    Ce code permet d’afficher les 25 premières vidéos du compte demandé.

    Pour en savoir plus sur la documentation, vous pouvez la trouver dans l’archive avec le dossier du même nom : « documentation ».

    Il faut savoir une chose sur cette bibliothèque : elle fait parti de la version 2 de l’API de YouTube Data, et elle est déprécié depuis début Mars 2014.
    Il est toujours possible de l’utiliser dans vos projets.

    Conclusion

    Cette bibliothèque est intéressante et peut permettre beaucoup de chose.
    Vous pouvez toujours voir comment l’utiliser.

  • AdminLTE : système d’administration fait sous bootstrap 3

    AdminLTEBienvenue,

    Dans cette article, je vais vous présenter AdminLTE.
    Comme vous l’avez compris dans le titre, c’est un template de back-end qui a été créé avec bootstrap 3.

    Le template est très complet et contient des fonctionnalités divers et variés (Widgets, formulaire, calendrier, charts, etc…).

    Il peut faire gagner du temps dans le développement de projet Web (site internet, intranet, etc…).

    Lien de démonstration : AdminLTE | Dashboard
    Téléchargement : AdminLTE | Github

    Qu’en pensez-vous ?

  • micro-framework flightphp

    flightphpAujourd’hui, je vais vous présenter un micro-framework qui s’appelle « flightphp« .

    L’adresse du framework est flightphp.com. Pour le télécharger, vous pouvez aller sur github.

    C’est un outil qui permet de créer des sites internet avec une structure organisé.
    Il est très facile d’installation, il suffit de créer un HTACCESS avec les lignes suivantes :

    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)$ index.php [QSA,L]
    

    Ensuite, il suffit de créer le fichier index.php. Le code minimal est :

    require 'flight/Flight.php';
    Flight::route('/', function(){
        echo 'hello world!';
    });
    Flight::start();
    

    Ce code permet d’afficher un « hello world » sur votre navigateur.

    Pour en savoir plus, il suffit de lire la documentation sur la page prévu à cette effet : http://flightphp.com/learn.

    Je conseille ce micro-framework si ne vous voulez pas utiliser de framework plus développé comme symfony ou zend, mais il peut vous permettre d’apprendre les bases pour les utiliser dans le futur.
    En tout cas, il vous permettra d’apprendre les architecture MVC et REST.

  • Comment utiliser Jquery UI et Bootstrap

    jquery-ui-bootstrapDans tous projets Web, que ce soit pour des sites internet, des intranets, ou des ERP, nous devons quelques-fois utiliser des bibliothèques CSS et JS pour nous aider.

    Mais certaines d’entre elles ne peuvent marcher ensemble sous leurs formes d’origine à cause d’une incompatibilité.

    Je vais prendre pour exemple les bibliothèques suivantes : Jquery UI et Twitter Bootstrap.
    Pour éviter les incompatibilité entre ces deux bibliothèques, il existe une solution proposé par 3 personnes : Addy Osmani, Gerits Aurelien, et Vijay Dharap.
    Vous pouvez trouver cette solution sur github, avec le titre jquery-ui-bootstrap.
    Des choix ont été effectué, et la solution marche correctement. Il suffit juste de prendre les meilleurs composants des deux bibliothèques.

    Vous avez une version de démonstration à cette adresse : http://jquery-ui-bootstrap.github.io/jquery-ui-bootstrap/. La démonstration est très complète et contient des exemples pertinents.

    Si vous avez des exemples de solutions de ce type, n’hésitez pas à me les envoyer. J’en parlerai sur le blog.

  • Google Map et base de données – 2eme technique

    Google Map et base de données – 2eme technique

    Dans ce nouveau tutoriel sur Google Maps, je vous montre comment récupérer les informations d’une BDD pour les ajouter sur une Google Maps.

    Le tutoriel fait suite à un autre que j’avais fait il y a un peu plus d’un an (voir à cette adresse : Google maps API et BDD).

    Dans ce tutoriel, je vous montre une deuxième technique qui est plus directe. Tout se fait entre le PHP et le Javascript.

    Vous pourrez récupérer le code source sur ma page de téléchargement. Le code source a pour titre « BDD to Google Maps ».