On oppose en général les applications natives, diffusées sur des Appstores, et les WebApps qui sont des applications adaptées pour le mobile. Mais attention à ne pas confondre WebApp et site en responsive ! Pour y voir clair, venez coder votre première WebApp !

Formation

Je veux plus d'informations
 
5 jours / 35 heures

Objectifs

Vous apprendrez à créer votre première WebApp en choisissant vos spécifications techniques.

Public concerné

Vous êtes graphiste ou Webdesigner, cette formation est faite pour vous.

Programme

Introduction

  • Différenciez une WebApp, d’un application native ou d’un site en Responsive Design
  • Quelle est la place du HTML5, CSS3, jQuery Mobile

Comprendre le rôle du design dans une WebApp

  • Les spécificités du support mobile
  • Les choses que vous devez connaître en design et en ergonomie
  • Créez une icone de bureau et une landing page

Découvrez le HTML5

  • Créez vos fichiers JQuery,  et CSS, intégrez vos Metatags et infobulles
  • Travaillez avec les data-role
  • Déclarez les data-transition

Prévisualisez votre WebApp et mettez-là en ligne

  • Testez la WebApp via différents navigateurs et protocoles de tests
  • Hébergez votre WebApp et paramétrez votre serveur

Architecturez l’information

  • Intégrez du texte, votre police de caractères et vos contenus rich media
  • Créez et gérez des arrière-plans
  • Créez des liens entrants et sortants, travaillez vos contours et visuels
  • Optimisez l’affichage du header et du footer, des call-to-action
  • Créez des  angles arrondis, des ombres, des listes
  • Créez un diaporama d’images en fondu
  • Mettez en place un slideshow avec navigation, l’événement swipe

Incitez vos utilisateurs à entrer en contact

  • Mettez en ligne un formulaire et des liens de prise de contact
  • Travaillez votre base et les données collectées

Tirez parti de la géololocalisation

  • Intégrez et afficher une carte Google Maps
  • Utilisez les API comme celle de Google Maps
  • Personnalisez les repères

Optimisez votre WebApp pour les différents terminaux

  • Découvrez les différentes résolutions d'écran et les modes d’orientation : paysage ou portrait
  • Utilisez les ratios
  • Proposez l’accès à votre WebApp en mode offline

Dans le même domaine

Concevoir et commander des infographies

Formation

Popularisées depuis quelques années, les infographies permettent de communiquer visuellement et d’améliorer la diffusion ainsi que la mémorisation de vos chiffres ou données : les techniques de data visualisation donneront du sens aux différentes informations que vous souhaitez communiquer.

Écrire pour le web

Formation

Les internautes ont une manière bien à eux de découvrir des contenus sur le web : la navigation, les codes, la mise en forme sont différentes. Il est donc nécessaire d’adapter votre contenu éditorial aux spécificités du web afin d’en optimiser la lecture et le partage.