Le blog de nebuloz

En effet, il n’y a pas que bloc note pour la gestion de projets web en PHP. Est-il utile de préciser que la réussite d’un projet tient avant tout dans l’organisation de l’équipe et des produits utilisés.

Personnellement, j’ai un petit faible et je conseille eclipse. Tout simplement car ce produit est un réel investissement en ce sens qu’il est prévu pour du multi langage. De plus, un module eclipse permet l’intégration de nouveaux plugin. Enfin, l’option de travail collaboratif avec l’intégration de SVN ou CVS est indispensable dans la gestion de projets où interviennent plus de deux personnes.

Le monde de l’internet aime les nouveaux mots. Un buzz ce n’est rien de plus que ce bon vieux phénomène du bouche à oreille.

On parle ainsi du buzz marketing, le marketing s’appuyant sur le bouche à oreille, le téléphone arabe quoi. Un exemple de buzz bien conçu et qui commence a bien fonctionne est cette société espagnole doubleyou qui a placé dans ses bureaux un panneau lumineux piloté par les internautes. Vous pouvez simplement transmettre votre message et vous pourrez voir votre message via la webcam.

Un bon buzz donc…

Dojo est l’API de référence dans le monde AJAX. Cette API est une très bonne entrée en matière pour mettre de l’AJAX dans son site.

Tout d’abord, une fois téléchargée et installée (attention il vous faudra un serveur pour lancer les démos), cette API trouve toute sa puissance à travers une démo très conviviale qui permet d’immédiatement se rendre compte de sa puissance. Ces démos ont également le méritent de bien nous faire comprendre comment l’API fonctionne.

DOJO regroupe de nombreuses fonctionnalités :

• l’aide à la validation des formulaires,
• la mise en page,
• la gestion des menus par onglets
• etc…

Mais Dojo c’est également quelques petites cerises sur le gateau avec notamment :

• le menu fisheye (j’adore!),
• les graphiques,
• l’intégration google map

Dojo toolkit se place donc dans les API indispensables pour la gestion des sites web2.0

Prototype window est un projet open source permettant d’intégrer une gestion de fenètres dans une page HTML. Ce projet s’appuie sur les librairies prototype et scriptaculous.

Vous possédez un site dans lequel l’internaute ouvre des popup, des fenètres, saisit des informations à travers des formulaires? Alors cette API est faite pour vous.

Prototype window est une API très tendance qui vous permet de donner à vos popups, et messages utilisateurs un nouveau souffle.

En temp de développement, cette api demande très peu d’investissement. Comptez une à deux heures pour lire la documentation, appréhender les principes et intégrer à votre code. Le point très positif est donc la facilité d’intégration et sa touche très web2.0. L’API fournit également plusieurs styles de fenètres et plusieurs types d’ouvertures (fondu et arrière plan grisé, ouverture traditionnelle …) De plus, la documentation fournie avec l’API se suffit à elle-même en offrant une large variété d’exemples (c’est surtout ce point qui est appréciable).

En un mot comme en cent, cette API nous a particulièrement séduite avec sa documentation complète et sa facilité d’intégration

De nombreux sites internet utilise l’API youtube. Comment l’utiliser? Comment placer des viséo et rechercher dans cette base de données? L’api de youtube offre une série de lien (url) retournant des fichiers XML. Elle permet de récupérer les vidéos enregistrées sur le site, rechercher des vidéos selon des mots clés donnés, obtenir le détail d’une vidéo. Nous allons, dans les lignes qui vont suivre, vous donner toutes les informations pratiques nécessaires, afin d’intégrer simplement l’API à votre site. Sam Napolitano, a développé une petite api permettant d’effectuer des requètes sur le serveur de youtube, et d’en extracter les vidéos. 1) Les outils a) Rendez vous sur le site de youtube développeur afin d’obtenir un identifiant développeur. b) Télecharger la classe class.youtube. 2) Les méthodes Cette classe est constituée de 2 méthodes de recherche:

• - yt_tag($dev_id, $tag, $howmany,$page), qui permet de rechercher des vidéos correspondants aux mots clés passés en paramètres. Les paramètres de cette méthode sont $dev_id l’identifiant développeur, $tag les tags à rechercher, $howmany le nombre de lignes par page, $page la page de démarrage de la recherche
• - yt_user($dev_id, $user, $howmany), qui permet de rechercher les vidéos postées par un utilisateur. $dev_id l’identifiant développeur, $user le nom de l’utilisateur, $homany le nombre de résultats

Ces deux méthodes font appel au serveur youtube qui recherche dans sa base. Les résultats sont affichés par chacunes des méthodes par l’intermédiaire de la méthode yt_results. Pour formatter la liste de résultats, vous devrez donc modifier cette méthode. Il suffit de modifier l’avant dernière ligne de la méthode yt_results. 3) RECHERCHEZ DES VIDEOS YOUTUBE Dans votre page php, incluez la classe

require_once('class.youtube.php');

A l’endroit où vous souhaitez afficher les résultats placer le code :

$yt = new youTube;
 $yt->yt_tag("votre ID", "tag1", 10, 1);

4) AFFICHEZ UNE VIDEO Là encore rien de plus simple. Il suffit de placer dans votre page le code (remplacer ID_VIDEO par l’identifiant de la vidéo

<object width=”425″ height=”350″><param name=”movie” value=”http://www.youtube.com/v/ID_VIDEO“></param><param name=”wmode” value=”transparent”></param><embed src=”http://www.youtube.com/v/ID_VIDEO” type=”application/x-shockwave-flash” wmode=”transparent” width=”425″ height=”350″></embed></object>

5) TRAITEZ LES ELEMENTS DE LA VIDEO Les champs de la video peuvent être obtenu dans la méthode yt_results. Il est ainsi possible de gérer l’url de la video (url), la description de la vidéo (description), la vignette de la video (thumbnail_url) et l’id de la vidéo. Une fois récupérés, ces champs peuvent être stockés dans votre base de données.

Complétement par hazard, je suis tombé sur cette petite perle ajaxChat. Gratuite (biensur!), graphiquement au point, techniquement simple. Il m’a suffit d’une trentaine de secondes pour l’intégrer à un site. 

Ce script est simplicité qui ferait palir n’importe quels développeur digne de ce nom. Comme de nombreux scripts Ajax, celui ci s’appuie sur la puissance de la fonction  XMLHttpRequest. La solution utilise deux fichiers php. Un pour l’affichage des messages et un pour poster les messages. Une connexion a une base mysql permet le stockage des messages. Chaque utilisateur s’authentifie en temps réel.Ce script est facilement modifiable selon les besoins. C’est pour moi, un parfait exemple de la puissance de la fonction javascript XMLHttpRequest

Dans le domaine de la gestion de galeries photos, les outils, api et autres scripts sont nombreux sur le web. Avec Ajax une nouvelle gamme de scripts fleurissent.

En faisant des petites recherches, nous sommes tombés sur plusieurs petits scripts ajax de gestion de galeries photos. Chacun de ces scripts sont facilement intégrables dans un site web. Quelques toutes petites minutes…

35mm Photo Viewer. Ce script offre une véritable petite application de visualisation de photos. Les images sont affichées en plein écran et un menu qui se place où l’on veut sur la page permet de naviguer dans la galerie. Il permet une gestion de la galerie page par page, et une navigation au sein de chaque page. C’est un script très beau et complet.

Slideshow Viewer API. Une pure API AJAX. Affichage des miniatures et visualisation des photos tout en effets. C’est beau, c’est simple d’intégration. C’est de l’Ajax quoi…

HighSlide JS. Ce script permet de rajouter des effets sur des miniatures de photos. En effet, en cliquant sur la miniature, celle-ci s’aggrandit pour afficher en “live” la photo en grandeur réelle.

minishowcase est une petite et très simple php/javascript galerie photo online sur la base d’AJAX. Ce produit permet une application plus indépendante et complète. Possibilité de regrouper les photos, présentées par miniatures, par thèmes.

JonDesign’s SmoothGallery est une galerie photo plutôt artistique qui ne gère pas les miniatures. La navigation se fait photo par photo

Couloir.org. Cette galerie photos est très en effet tant dans les transitions que dans les affichages. Flash oblige, cette galerie fait très pro…

ThickBox 2.1.1. Présentation par miniatures. Affichage des photos en grisant l’arrière plan. Simple mais beau.

A simple CSS photo-album. Cet album est simple et s’appuie essentiellement sur le CSS. Ici on ne peut pas parler d’Ajax. Une galerie tout en tradition.

Enfin on peut citer ces autres scripts qui méritent quelques minutes d’attention :

• Suckerfish HoverLightbox
• Cross fade anything
• ImageGal
• Satellite
• easyAlbum
• Sliding Photograph Galleries
• Photo scroll gallery
• Hoverbox Image Gallery
• CSS: Photo Showcase
• Cross Browser Multi-Page Photograph Gallery
• Slimbox, the ultimate lightweight Lightbox clone
• Slightly ThickerBox 1.7

 Le grand intérêt de ces scripts sont leur rapidité d’intégration, et l’effet graphique qui rend à l’écran.

Enfin pour compéter le tableau, il est nécessaire de parler de flickr et de sa galerie photo personalisable.

Digg? Vous connaissez? Il n’est plus la peine de vous présenter ce site américain communautaire qui place l’internaute au centre de l’édition et de la rédaction d’articles d’actualités.

Aux 4 coins de la toile fleurissent les DIgg like, ces sites qui fonctionnent sur le même principe que leur grand frère américain.

Ajourd’hui, tout le monde peut créer son propre site digg-like en quelques minutes avec le CMS Pligg. Perso, j’ai mis 5 minutes pour mon ter mon digg-like. Rajoutez une petite demi journée pour revoir le design et le tour est joué. Aller voir mon exemple avec biooz.

Pligg est dans l’ensemble simple d’utilisation et se rapproche énormément des scoopeo, fuzz et autres digg-like. Il y a une gestion des utilisateurs, des karmas, les votes ont un petit effet web2.0, les commentaires sont simples à insérer. Bref, il n’y a rien à dire côté internautes.

L’administration permet, notamment d’intégrer des flux RSS en automatique. Cette partie nécessite une petite adaptation. La gestion des champs des flux étant manuel, vous aurez à vous armez de patience. Mais bon, au bout du compte tout se passe bien. Cette intégration, mixée avec un appel via le site Webcron, permet la mimse à jour journalière des articles du site. Coté multi langue, tout est regroupé pour gérer et modifier facilement l’ensemble des libellés.

Pligg est un CMS encore jeune. On regrettera la pauvreté des design disponibles sur le web. Certains trouvent, que la gestion des pages et des templates de pligg complexifie énormément la création de nouveaux designs.

En conclusion, pligg est un bon compromis facilité développement pour disposer rapidement d’un digg-like.