Blog De Voyage

6

Click here to load reader

description

Un projet web à réaliser à l'ENST : un blog de voyage, multimédia et géolocalisé

Transcript of Blog De Voyage

Page 1: Blog De Voyage

Fil rouge Un blog de voyage

http://ww

w.flickr.com

/photos/richlegg/87075885/

Page 2: Blog De Voyage

Blog de voyage

• PHP + XHTML + CSS + Javascript (AJAX)• Code igniter (MVC)• Blog avec back office sécurisé et commentaires• Géolocalisation des billets et des lieux (à l’intérieur

même des billets)• Du multimédia : images, vidéos... à afficher sur la

carte et dans le blog • différentes façons de naviguer dans ces contenus

Page 3: Blog De Voyage

Design

• Trouvés sur Open design• Trouvés sur Open source design• Conçu avec un éditeur Wysiwyg : Kompozer ?• Epuré, moderne, fluide, beaucoup de cinématique,

le moins de rechargements complets possible (AJAX). Effet film vs. effet catalogue de pages.

Page 4: Blog De Voyage

Développement

• Pas de blog du marché ou open source• MVC avec codeigniter (monter code local)• Blog avec création/édition/suppression des billets

en Wysiwyg• Gestion des « pièces jointes » multimédia• Intégration / création de plug-ins• Commentaires riches (multimédia)

Page 5: Blog De Voyage

Multimédia

• A façon ou bien en mashups (webservices trouvés sur programmableweb par ex)

• Pas d’intégration brute à la youtube (iframe, script) sauf en commentaire.

• Photos, audio et vidéo. Utilisation de micro/webcam pour poster du média en commentaire.

Page 6: Blog De Voyage

Navigation

• Sous forme de blog (ante-chronologique)• Géographique : parcours sur une carte avec bulles

de zoom• Sous forme de diaporamas• Sous forme de frise• Par type de média (vidéo...), par auteur etc...