Formation Panorama des technologies informatiques (4/4) : Développement WEB et mobiles

Objectif opérationnel :

Dialoguer avec tout acteur d’un projet de développement Web ou mobile

Objectifs pédagogiques

Concrètement à l’issue de ce cours vous serez en mesure de:

• Comprendre le vocabulaire associé au développement Web (Front, Back, FullStack, etc.)
• Décrire les échanges entre les « briques Front-end » (HTML, CSS, Javascript)
• Décrire le fonctionnement de la partie Back End d’une application WEB (Java, .Net, PHP)
• Voir le site WEB dans son ensemble (référencement, échange de données avec les autres sites, …)
• Décrire les technologies et les spécificités du développement mobile

Collaborateurs de la Direction des Systèmes d’Informations (Chef de projet, Administrateur, Responsable d’activité, Informaticien, Personnel de la DSI, etc.). Plus généralement toute personne recherchant une solide culture générale sur les technologies informatiques et le vocabulaire associé.

Evoluer dans un environnement informatique

Les technologies WEB de base

• Les technologies WEB de base: Un peu de vocabulaire (Wiki, Blog, Podcast, Portail, Push, Back-Office, etc.) Différences entre application WEB et site WEB L’omniprésence du HTML et des CSS Machine virtuelle Java et naviGustur Bien comprendre la complémentarité des technologies (HTML, CSS, XML, JavaScript, …) Qu’entend-on par Ajax(Asynchronous Javascript and XML) ? Exemple de site WEB basique (1 page avec un lien pour comprendre le « surf » et les balises) Principes du web 2.0 (collaboratif) Les apports du HTML 5 (vidéos, dessin, etc.) et des CSS3 Comment un développeur intègre le travail d’un graphiste ?

Développement WEB côté serveur

• Exemples de langage « côté serveur » (PHP, ASP.net, JSP, NodeJS) L’offre « web » de Java et .Net (Spring MVC, JSP, asp.net, , Blazor, etc.) Exemple simplifié de site WEB accédant à une base de données Liens entre serveurs d’application et serveurs WEB

Autour du développement WEB

• Intégrer les réseaux sociaux (facebook, linkedin, X(twitter), etc.) dans un site WEB Proposer du contenu aux autres sites (Mashups) Qu’entend-on par Web sémantique (méta-données)? Comment cela se met-il en œuvre ? Le référencement naturel (SEO) Les outils statistiques sur un site WEB (Analytics, Webmaster tools) Les évolutions vers le WEB 3.0 (sémantique, internet des objets, blockchain, …)

Le développement pour mobile/tablette

• En quoi un site Web pour mobile est-il spécifique ? Qu’entend-on par application mobile ? Les points de convergence/divergence entre mobile et tablette Les applications hybrides pour mobile (HTML, CSS, Javascript) Les projets nécessitant un développement natif (Swift pour Apple/iOS, Java pour Androïd) Exemples et rôles des framework comme Xamarin, Flutter, .NET MAUI, Cordova, Ionic, React Native, etc. Développer sans se soucier des possibilités des équipements ? Le Responsive Web Design L’ergonomie des interfaces mobiles Cohabitation des applications personnelles et professionnelles sur un même mobile ? Ce qu’il faut retenir des technologies pour un chef de projet

Les technologies du développement WEB et mobile représentent maintenant une part essentielle des applications dans le paysage informatique. Dans un premier temps nous présentons les briques de base de ces technologies que l’on retrouve dans pratiquement tous les projets.
Ensuite nous présentons l’architecture type de ces applications et leurs variantes tout en vous faisant comprendre les compromis réalisés par les chefs de projet et les développeurs.
Pourquoi tout le monde n’utilise pas les mêmes technologies ? Les réponses sont-elles les coûts, les performances, la complexité, les fonctionnalités, etc.?
Et puis au-delà des technologies le vocabulaire n’est pas toujours simple car souvent mélangé (différences application Web/ site WEB, responsive design, application hybride, Web Services, API REST, etc.).
La compréhension des technologies simplifiera évidemment le décodage de tous ces termes.
Ce séminaire vous permettra de mieux communiquer avec les experts du développement WEB ou mobile sans déléguer les échanges dès que le niveau technique s’élève offrant ainsi une meilleure qualité de service (recul, réactivité, pertinence, etc.) à tous vos interlocuteurs (service interne, client, fournisseur, etc.).
Pour l’entreprise il s’agit aussi de proposer à ses collaborateurs une culture générale et un vocabulaire commun de haut niveau sans chercher à former des experts sur chaque thème.

Démonstrations vivantes