Projet LOT Mini-site web « Looking For You 1 »

Présentation au sujet: "Projet LOT Mini-site web « Looking For You 1 »"— Transcription de la présentation:

1 Projet LOT Mini-site web « Looking For You 1 »
Bastien Chudzik : informatique vers informatique Florent Legname : Général vers Gestion de Projets Thibault Nieva : Informatique vers informatique 1

2 Sommaire 1 – Appropriation du scénario initial.
2 – Aspects techniques des animations Flash créées. 3 – Aspects techniques des animations Javascript créées. 4 – Aspects techniques relatifs à l'intégration et au développement xHTML / CSS. 5 – Bilan critique. 2

3 1 – Appropriation du scénario initial.
Du jeu sur DVD vers le site Internet : Une philosophie différente. Des adaptations nécessaires nécssité de s'inscrire, de gérer les connexions, d'acceuillir le visiteur différament De nouvelles perspectives recentrage par rapport à la réflexion de départ 3

4 2 – Animations Flash. Curseurs de moral et sociabilité, nombre de personnes dans le groupe Zones actives sur l'écran: poster, cartes postales, cigarettes, téléphone 4 4 4

5 2 – Animations Flash. Actions lorsque l'on clique sur les zones actives 5 5 5

6 2 – Animations Flash. Zones d'action sur les différents personnages et objets 6 6 6

7 2 – Animations Flash. Zone d'action avec dialogue possible:
Question du personnage Réponses possibles: 7 7 7

8 3 – Aspects techniques des animations Javascript créées
Pourquoi des menus en Javascript ? (Impossible à faire en css pur pour le menu horizontal/ assurance d'interopérabilité pour le menu vertical) Pourquoi Mootools ? Pourquoi une vérification de formulaires en javascript ? (Consignes exigent un formulaire et aucune interactivité côté serveur...) Quelles conséquences de ces choix ? (référencement lourdeur/ navigation agréable) 8

9 4 – Développement XHTML / CSS
Validité W3C HTML : tests auprès du W3C presque entièrement valides, à l'exception des animations Flash (manque de temps pour appliquer les solutions existantes). Environ erreurs par page. CSS : feuille de style principale valide à 100%. Feuilles de styles Mootools et menu vertical valides à %. 9

10 4 – Développement XHTML / CSS
Compatibilité Logicielle : Tests sous Firefox et Internet Explorer concluants. Permet d'assurer l'utilisation sous Windows et sous Unix (IE pour Windows, Firefox pour Unix). A noter : quelques problèmes d'affichage sous Internet Explorer (animations Flash) sans altérer les fonctions essentielles du site. Accessibilité WAI : Validateur W3C fonctionnel uniquement avec une URL : accès impossible depuis le serveur « IPARLA ». De plus, il semble difficile de respecter les critères à 100% en intégrant des animations Flash (contenu non-flexible). 10

11 5 – Bilan critique Importance de séparer les phases de développement pour assurer une qualité optimale du produit final : problèmes sur le codage des CSS lorsque plusieurs personnes interviennent sur un même fichier. Le site reste accessible, comme le cahier des charges le prévoyait depuis les serveurs de l'IUT. Néanmoins,le possible déploiement d'un tel site impliquerait de le coder différemment Pas de possibilités de développer une base de donnée, donc une gestion de tchat. 11