Présentation d'une soutenance au terme de notre semaine de projet consistant à réaliser l'intégration complète d'un site par le biais de maquettes graphiques. H1 P2015 - HETIC - 2nd Trimestre

1. Présentation
Semaine intensive, 2nd trimestre
Olivier Bocquet - Priscillien Gac - Aymeric Gallissot - Vincent Garreau

2. Organisation
• Définition des rôles en fonction de nos
compétences
• A l’école du matin au soir tous les jours,
l’équipe au complet
• Dropbox pour les échanges de fichiers

3. Répartition des tâches
• Priscillien Gac
- Chef de projet
- Intégration HTML/CSS (contenu de pages)
• Olivier Bocquet
- Intégration HTML/CSS (contenu de pages)
- Vérification et validation des fichiers
• Aymeric Gallissot
- Intégration de la structure (HTML/CSS/JavaScript)
- Intégration des sliders et des contenus dans la structure
- Hiérarchisation des fichiers
• Vincent Garreau
- Développement des sliders (HTML/CSS/JavaScript)
- Intégration HTML/CSS infobulles, boutons, etc
- Réalisation du PPT

4. Méthodologie
1) Analyser (structure, techniques, hiérarchie)
2) Réaliser la structure (header, menu, footer, etc)
3) Développer les contenus (sliders, pages #content, etc)
4) Intégrer les contenus dans la structure
5) Valider

5. Techniques utilisées
• XHTML 1.0 Strict
• CSS 2 et 3
• JavaScript / jQuery 1.5.2

6. Astuces utilisées
• Par nos compétences
• Techniques et astuces vues en cours
• Recherches sur internet (MDC, etc)
• Aide des autres groupes et de l’intervenant

7. Structure
H1 H2 H2 H2
• H3
• H3
• H3
• H3
• H3
#header
#content
#footer

8. Quelques problèmes,
résolus par quelques astuces...
(pas forcément les meilleures!)

9. Problème n°1
Le footer ne descend pas jusqu’en bas de page !
Extensible

10. Solution Problème n°1
Ajuster la taille du footer en fonction de la
hauteur de la fenêtre en JavaScript (jQuery)

11. Problème n°2
Désactiver les flèches «suivant» et «précédent»
dans le slider en fonction du slide actif
Extensible

12. Solution Problème n°2
Attribuer aux boutons un style qui va les afficher
ou non en fonction du slide actif
Extensible

13. Problème n°3
Etablir la pagination du slider
Extensible

14. Solution Problème n°3
Etablir la pagination du slider
Extensible

15. Expérience individuelle

16. Merci pour votre attention.
Des questions ?