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

Bastien Chudzik : informatique vers informatiqueFlorent Legname : Général vers Gestion de ProjetsThibault 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.

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

444

2 – Animations Flash.

Zones actives sur l'écran: poster, cartes postales, cigarettes, téléphone

Curseurs de moral et sociabilité, nombre de personnes dans le groupe

555

2 – Animations Flash.

Actions lorsque l'on clique sur les zones actives

666

2 – Animations Flash.

Zones d'action sur les différents personnages et objets

777

2 – Animations Flash.Zone d'action avec dialogue possible:Question du personnage

Réponses possibles:

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)

9

4 – Développement XHTML / CSS

HTML : tests auprès du W3C presque entièrement valides, à l'exception des animations Flash (manque de

temps pour appliquer les solutions existantes). Environ 10 erreurs par page.

CSS : feuille de style principale valide à 100%. Feuilles de styles Mootools et menu vertical

valides à 100%.

Validité W3C

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).

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.