Université Paul Valéry Montpellier III arts, lettres, langues, sciences humaines et sociales

Technologies et Usages mobiles

M2 IC - Université Paul Valéry MTP III

Toujours plus de smartphones
Quelques chiffres...

Contrat pédagogique :

Récapitulatif des engagements pédagogiques et des modalités de la formation : Contrat pédagogique

Contrôle des absences :

Suivez votre émargement en ligne : les feuilles de présences de Montpellier

FRAMEWORK 7 :

Une version adaptée du Framework pour app mobile : Framework 7
Site & doc framework 7

CSS :

Une liste des propriétés CSS les plus employées qui vous aideront à structurer votre mise en page

Typographie | Block et positionnement | Background

Gestion de projets multimédias V2:

De l'identification des besoins de communication du commanditaire à la rédaction du Brief et à l'élaboration d'un document de spécification (cahier des charges).
Arborescence, storyboard, zoning, maquettes graphiques, une synthèse des schémas à produire et des exemples de documents contractuels. Les bases de la conception et de la gestion de projet multimédia.

Support de cours

Logiciel FTP :

Comment utiliser un logiciel FTP ? en vidéo...

Fonctionnement Filezilla

Exercices : consignes / corrigés

TD 2 : Les feuilles de styles / Interface graphique et CSS / portfolio mobile
Exo 2 →
Exo 3 → / pas de correction

TD 1 : Mise en page d'un article format mobile / lisibilité web
Exo 1 →

→ Tous les TD

Cours et théorie

Cours 1
- La révolution mobile

Logiciels :

- Notepad ++ (PC) / sublime texte (Mac & PC) / TextWrangler (Mac) → éditeurs de code

Framework / developpement :

- JQuery → Faites du JavaScript plus simplement
- Ninja ! → Le framework OnePage de "l'école du net"
- Swipper → Un plugin JavaScript pour mettre en place une navigation par "swip"
- jQuery Mobile → Un framework complet de navigation par transition et de développement d'application mobile avec JQuery
- Liste des interactions "device" HTML5 & compatibilités → Liste des fonctionnalités HTML5 pour interagir avec les terminaux
- Exemples interactions HTML5 → Du code / des tests
- Phonegap build → Compiler vos fichier pour créer votre application Android / IOS / WP8-10
- Phonegap → Utiliser Phonegap pour profiter de l'intégralité des interations "device"

Gestion de projet :

- Trello → planification et gestion de projet numérique
- Gantt Project → Retroplanning
- Dia / Balsqmiq / Moqups / Invision -> Scénarisation (UI / UX) / storyboard / Wireframing
- MindMap → Arborescence & rubriquage
- InVision → Scénarisation mobile / User Experience

Supports de cours & MooC :

- OpenClassRoom → (MOOC) Apprendre les technologies de programmation
- Alsacreation → tutoriel, apprentissage, information, actualités
- Code Academy → live training !

Communauté / aide au développement:

- Stackoverflow → Communauté d'aide aux développeurs

Ressources Graphiques :

- The noun project → Pictos libres de droits
- Dafont → Typo
- 1001freefonts → Typo