Developpeur web et web mobile

PRESENTATION DU DEVELOPPEMENT WEB MOBILE

 

 

I) OBJECTIF:

 

Développer des applications ergonomique et offrant une experience utilisateur quel que soit le support sur lesquels elles fonctionnent .

 

Ordinateur de bureau

mobile

 

On dit que les applications doivent être responsive design.

 

 

 

II) Types d’application mobile existante

 

Les applications web mobiles : fonctionne sur un serveur mais n’ont pas accés au

Les web app: s’installe sur un mobile et ont accés au matériel

 

III) Fonctionnement générale d’une application web mobile ou d’une webapp

 

Lorsque l’on veut utiliser une application web mobile on utilise un navigateur pour se connecter à cette application . Mais que se passe t’il exactement.

 

Dans le cas d’une application web mobile qui n’est pas installé sur le téléphone mais qui est installé sur un serveur distant (facebook, twitter,….) . Le serveur sur lequel est installé l’application auquel on envoie une requête ecoute les demandes sur ce que l’on appelle un socket qui est constitué d’un port et d’une adresse IP et d’un port qui est un numero correspondant au protocole HTTP qui est l’application reseau qui permet la communication entre le navigateur et le serveur.

 

C’est ce que l’on appelle un fonctionnement client serveur. Dans ce genre de fonctionnement il y a des technologies qui fonctionnent côté client et d’autre qui fonctionne côté serveur.

 

Dans le cas d’une web app le fonctionnement est le même la différence est que la communication entre le client et le serveur se fait via une technologie que l’on appelleles web services.

 

 

III) Technologies utilisées dans le développement d’application web mobile

 

HTML5: Permet de structurer une page web en utilisant des tag

CSS3: Permet de mettre en forme les pages web

Javascript: Permet de réaliser des interfaces web dynamiques.

 

Les pages web construites en utilisant ces trois technologies fonctionnent dans une application que l’on appelle un navigateur web. Les navigateurs web sont des applications qui permettent d’interpreter ces trois technologies et de construire des pages web responsives.

 

Le navigateur web etant installé sur un pc de bureau ou un mobile on dit que ces technologies fonctionnent côté client.

 

IV) Les frameworks côté client

 

Au fur et a mesure des développements on s’est rendu compte que certain aspects des développements avait tendance àse répéter aussi a t’on crée des bibliothéques qui offrent des outils permettant d’accelerer le developpement. Parmi les frameworks côté client les plus utilisé on peut citer.

 

Jquery:

Jquery mobile

Angular+ionic

React

bootstrap

 

V) Les technologies côté serveur

 

Les applications web mobile doivent trés souvent se connecter sur des serveurs distant , que se soit pour rechercher des informations dans des bases de donnée , ou pour un partage de donnée ou pour utiliser des applications.

 

Les technologies qui peuvent être utilisés côté serveur ​​ sont:

 

PHP

J2EE

NODEJS

…………

 

VI) Les frameworks côté serveur

 

SYMFONY (PHP)

STRUTS, SPRING (J2EE)

EXPRESS

…………

 

Ces framework permettent de construire des applications FULLSTACK

 

 

VII) LES CMS

 

Les CMS permettent de construire des applications rapidement en utilisant un menu d’administration et ​​ 

en développant des plugs in ou des templates personnalisés. Parmi les CMS les plus populaires on trouve.

 

Wordpress

drupal

magento

 

VIII) LES BASES DE DONNÉE

Pour persister nos informations on utilise des base de donnée elles nous permettent de structurer nos informations ​​ on peut ainsi les stocker et les retrouver.

 

Les bases de données côté serveur: mysql , oracle, postgre

Les bases de données côté client: sqlite, indexdb, websql

 

IX) Les technologies pour developper des webapp

 

cordova: outil permettant de développer des applications hybrides

reactnative: outil permettant de développer des applications native

 

X) Les technologies de communication entre une webapp et un serveur

 

La communication entre une webapp s’effectue via des webservices les webservices les plus utilisé a l’heure actuelle sont les restfull web service qui se base sur le protocole de communication HTTP.

Les données transféres entre les

 

XI) Les technologie specifique au développement mobile

 

l’expérience utilisateur etant extremement importante sur les applications mobiles il est par exemple hors de question qu’un interface se fige les traitements se font trés souvent de facon asynchrone , aussi on utilise une technologie qui est ajax et qui permet de faire des traitements asynchrones.

 

 

Le programme

 

  • L’algorithmique

  • La programmation procedurale

  • La programmation orienté objet

  • La programmation asynchrone

  • Les bases de données

  • Les tests (unitaires, fonctionnelles ,d’integration, de performance, d’acceptation)

  • La securité des applications web

  • HTML5

  • CSS3

  • JAVASCRIPT

  • PHP

  • MYSQL

  • JQUERY MOBILE

  • CORDOVA

  • REACT

  • REACTNATIVE

  • LES WEB SERVICES

  • SYMFONY

  • WORDPRESS

  • REALISATION D’UN PROJET