Le document décrit le développement d'une application web pour afficher plusieurs fuseaux horaires de manière graphique, incluant des fonctionnalités telles qu'un écran d'accueil avec connexion, une liste d'horloges et une interface pour la météo. Le design doit s'inspirer d'un template spécifique, avec des technologies frontend en HTML, CSS, JS et un backend en PHP/MySQL. La méthodologie de développement propose un processus instinctif et un refactoring vers un cadre structuré.

1. TP Timezone

2. 1. Objectif

3. Objectif
Créer une application web
permettant d’afficher
plusieurs fuseaux horaires
de manière graphique.

4. L’application
L’application contiendra les écrans suivants :
- home page avec login / password
- Liste des horloges sous formes de grille graphique
- Liste des horloges sous formes de liste
- Recherche , ajout et suppression d’horloge
- Affichage d’une horloge particulière avec météo

5. Le design
Le design de l’application web sera basé sur le
template http://graphicburger.com/time-zone-app-ui/
Les pages déjà designé devront correspondre le plus
exactement possible au template fournis. Les pages
non-designer sont à imaginer en cohérence avec le
design général.

6. 2. Technologies

7. Frontend
HTML / CSS / JS
+ framework

8. Backend
PHP / MYSQL
Aucun framework

9. 3. Méthodologie

10. Principes
Développement à l’instinct
Refactoring
« Frameworkisation » de l’application
1
2
3

11. To be continued …

12. Crédits
4 Free Mockups - Shakuro
https://dribbble.com/shots/1805126-4-Free-Mockups?list=users&offset=0
Time Zone App UI - Graphic Burger
http://graphicburger.com/time-zone-app-ui/