MediaCenter

Demande

Concevoir l'interface d'une application "client" permettant de parcourir et contrôler les médias (films, séries, photos, etc.) contenus dans l'ensemble des serveurs UPnP connectés au réseau local.

Document de lancement : https://docs.google.com/presentation/d/1fzUFK_b5dqxeuKQCXvX-zp25Tzpx9WDMp5IWAbBDWdo/edit

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 – [projet MediaCenter] / 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

---

Mercredi 23 novembre

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

---

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
    • Utiliser Sass
    • Connaître AngularJS
  • 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