MediaCenter

Demande

Concevoir l'interface d'un Media Center permettant de parcourir, rechercher et contrôler un ensemble des médias (films, séries, albums, etc.) contenus dans un ou plusieurs appareils connectés au même réseau.

Planning

Vendredi 14 octobre

• 10h-12h – [projet MediaCenter] / lancement
• 13h-17h – [technologies web] / TP

---

Jeudi 20 octobre > mercredi 2 novembre

• Vacances
• Devoirs de vacances
  • Code
    • https://www.codecademy.com/learn/web
    • https://www.codecademy.com/learn/jquery
    • https://www.codecademy.com/learn/learn-sass
    • https://www.udacity.com/course/intro-to-html-and-css--ud304
    • https://www.udacity.com/course/front-end-web-developer-nanodegree--nd001
  • Etat de l'art

---

Vendredi 4 novembre

• 9h-12h – [technologies web] / test devoirs de vacances + point projet
• 13h-17h – [technologies web] point GitHub / p5.js

Mercredi 9 novembre

• 13h-17h – [projet MediaCenter] / liste fonctionnalités/composants + architecture + premiers sketchs

Jeudi 10 novembre

• 8h-12h – [technologie web] / wireframes
• 13h-17h – [projet MediaCenter] / design graphique + prototypage

Lundi 14 novembre

• 9h-12h – [projet MediaCenter] / développement - point templates Angular + Sass
• 13h-17h – [projet MediaCenter] / développement

Mardi 15 novembre

• 10h-12h + 13h-17h – [projet MediaCenter] / développement

---

Jeudi 17 novembre

• workshop

Vendredi 18 novembre

• workshop

Lundi 21 novembre

• workshop

Mardi 22 novembre

• workshop

---

Jeudi 24 novembre

• Mois du graphisme Echirolles

---

Vendredi 25 novembre

• 10h-12h + 13h-17h – [projet MediaCenter] / développement

Objectifs

• UI design

  • architecturer une application
  • concevoir en composants d'interface
  • porter attention aux micro-interactions
  • évaluer une interface (ergonomie)
  • mettre en place un workflow s'appuyant sur des outils pertinents
  • distinguer les différents niveaux de prototypage (fidélité)
  • mettre en place une identité graphique cohérente

• Développement

  • Dev front-end
    • Distinguer structure HTML, mise en forme CSS et transformation JS
    • Structurer une interface en HTML5
    • Mettre en forme l’interface en CSS
    • Transformer l'interface avec jQuery
    • Connaître et mettre en oeuvre un framework CSS : Bootstrap
    • Connaître Sass
  • Workflow
    • Gérer le développement d'une application sur GitHub (contrôle de version)
    • Utiliser la console js et les outils de développement du navigateur
    • Apprendre à utiliser une documentation
  • Data
    • Comprendre la notation objet javascript JSON
    • Être capable de parcourir une structure de données
    • Savoir utiliser une API afin de récupérer des jeux de données choisis