I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de...

19

Transcript of I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de...

Page 1: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.
Page 2: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

I. Introduction

II. Conception1. Étapes

a. Réflexion et maquetteb. Designc. Scripts et base de données

2. Difficultés rencontrées

III. Résultats1. Résultats attendus2. Résultats obtenus

IV. Améliorations

V. Conclusion

Page 3: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Misha Katz, chef d’orchestre, souhaite avoir un site.

Nécessité d’une facilité de mise à jour.

Site fait en xHTML, CSS, et PHP/MySQL.

Page 4: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Etape :Réflexions et maquettes

Page 5: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Thème , ambiance du site ?

Structure simple -> familier à l’utilisateur.

Menu concis : seulement 4 parties.

Site basé sur le visuel.

Page 6: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Etape :Le Design

Page 7: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Sobre et intuitif.

Désir d’un site vivant et dynamique : tons rouge et doré.

-> bannière animée

Page 8: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Etape :Script et Base de Données

Page 9: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Page d’administration qui permet :• Le rajout de textes• Le rajout d’images• Le rajout de vidéos

Utilisation d’un formulaire.

Page 10: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

3 tables : • Pour enregistrer les textes• Pour les images• Pour les vidéos

3 champs par tables :• Un identifiant• Le nom du fichier• Son contenu ou son chemin

Page 11: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Difficultés rencontrées

Page 12: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Le design : flash difficile à apprendre vite

La base de données : Fichiers enregistrés dans la base -> base

alourdie

Page 13: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Résultats attendus

Page 14: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Site dynamique, riche en images et animations, attractif.

Enregistrement de textes, images et vidéo -> affichage.

Présentation de Misha Katz

Page 15: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Résultats obtenus

Page 16: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Rempli le rôle de présentation.

Manque d’animation par rapport à ce qui était prévu.

Site trop statique.

Couleurs choisies pour attirer l’attention.

Page 17: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Améliorations à faire

Page 18: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Plus d’animations -> sans gêner la navigation !

Classement des images -> par date, thème.

Afficher que le début du texte -> lien « lire la suite », gain de place.

Page 19: I. Introduction II. Conception 1. Étapes a. Réflexion et maquette b. Design c. Scripts et base de données 2. Difficultés rencontrées III. Résultats 1.

Flash trop long à apprendre et à mettre en place pour le temps qui nous a été donné