Projet de blog de voyage géolocalisé

8
Projet de blog de Projet de blog de voyage géolocalisé voyage géolocalisé INF347 INF347 Clément Perrin Clément Perrin Xavier Lottin Xavier Lottin Charles Chandesris Charles Chandesris Sébastien Bérard Sébastien Bérard

description

Projet de blog de voyage géolocalisé. INF347 Clément Perrin Xavier Lottin Charles Chandesris Sébastien Bérard. Organisation générale du blog. Conception centrée autour du service Google Maps Voyages composés d’étapes localisées - PowerPoint PPT Presentation

Transcript of Projet de blog de voyage géolocalisé

Page 1: Projet de blog de voyage géolocalisé

Projet de blog de voyage Projet de blog de voyage géolocaliségéolocalisé

INF347INF347Clément PerrinClément Perrin

Xavier LottinXavier LottinCharles ChandesrisCharles ChandesrisSébastien BérardSébastien Bérard

Page 2: Projet de blog de voyage géolocalisé

Organisation générale du blogOrganisation générale du blog

Conception centrée autour du service Conception centrée autour du service Google MapsGoogle Maps

Voyages composés d’étapes localiséesVoyages composés d’étapes localisées

Tous les médias contenus sur le blog Tous les médias contenus sur le blog correspondent à une étapecorrespondent à une étape

Page 3: Projet de blog de voyage géolocalisé

Accueil du blogAccueil du blog

Carte du monde contenant des marqueurs Carte du monde contenant des marqueurs correspondant aux voyages (étape la plus correspondant aux voyages (étape la plus ancienne)ancienne)

Bulle avec informations de base et lien Bulle avec informations de base et lien vers la carte de ce voyagevers la carte de ce voyage

Accueil alternatif plus classiqueAccueil alternatif plus classique

Page 4: Projet de blog de voyage géolocalisé

Carte d’un voyageCarte d’un voyage

Etapes affichées sous forme de Etapes affichées sous forme de marqueursmarqueursBulle à trois onglets: infos, photos, vidéosBulle à trois onglets: infos, photos, vidéosInfos: informations de base + 1Infos: informations de base + 1erer message messagePhotos: 4 par 4, zoomPhotos: 4 par 4, zoomPhotos et vidéos: liens suivant et Photos et vidéos: liens suivant et précédentprécédentPour tous: lien vers une page Pour tous: lien vers une page correspondantecorrespondante

Page 5: Projet de blog de voyage géolocalisé

Pages de média des étapesPages de média des étapes

Page de message: ajout de commentaires Page de message: ajout de commentaires possiblepossible

Page de photo: miniatures, 8 par 8 sur 2 Page de photo: miniatures, 8 par 8 sur 2 lignes, + 1 grande photo modifiable lignes, + 1 grande photo modifiable interactivementinteractivement

Page de vidéo: liste des vidéos de l’étapePage de vidéo: liste des vidéos de l’étape

Ajout de médias possible depuis ces Ajout de médias possible depuis ces pages, si connectépages, si connecté

Page 6: Projet de blog de voyage géolocalisé

Pages de média du voyagePages de média du voyage

Même fonctionnalités que pour les étapesMême fonctionnalités que pour les étapes

Liens accessibles depuis la page du Liens accessibles depuis la page du voyage et les pages de médias des étapesvoyage et les pages de médias des étapes

Pour les messages: possibilité de voir la Pour les messages: possibilité de voir la localisation de l’étape correspondantelocalisation de l’étape correspondante

Page 7: Projet de blog de voyage géolocalisé

Ajout de donnéesAjout de données

Ajout de voyage : créer au moins une Ajout de voyage : créer au moins une étapeétape

Ajout d’étape : coordonnées à la main ou Ajout d’étape : coordonnées à la main ou placement sur une carteplacement sur une carte

Upload de photos:utilisation de phpFlickrUpload de photos:utilisation de phpFlickr

Upload de vidéos: problèmes avec Upload de vidéos: problèmes avec phpTube, on peut rentrer l’id d’une vidéo phpTube, on peut rentrer l’id d’une vidéo youtubeyoutube

Page 8: Projet de blog de voyage géolocalisé

ConclusionConclusion

Objectifs ambitieuxObjectifs ambitieux

Elément central qui fonctionne bienElément central qui fonctionne bien

Beaucoup de points à améliorer: Beaucoup de points à améliorer: – faciliter la navigationfaciliter la navigation– détails à ajouter sur les pages de médiadétails à ajouter sur les pages de média– youtubeyoutube