[PDF] [PDF] M1IF03 Conception dApplications Web - CNRS

[PDF] Conception et réalisation dune application web pour la gestion des

1 2 8 Les langages utilisés pour la création des applications web Généralement et apr`es la réalisation et l'implémentation d'une application; une derni`ere

[PDF] Conception et réalisation dune application web pour la - FMI

Examinatrice: OUAZINE Kahina Doctorante UNIVERSITE DE BEJAIA Conception et réalisation d'une application web pour la gestion de pharmacie Année 

[PDF] Réalisation dune Application Web - LIPN

La réalisation d'un site Web d'archivage de stages est un projet alliant la création d'un site HTML5/CSS3 : est un langage de base pour la création de site internet, il sert à structurer vote Générations des avis dans un fichier PDF;

[PDF] Thème Conception et réalisation dune application mobile web

27 mai 2015 · la réalisation d'une application web contenant des fonctionnalités d'un Un site web est l'arborescence de fichiers (page HTML, images, PDF, 

[PDF] Conception-et realisation-dun-site-Web-pour-la-gestion-dun jardin

26 mai 2015 · Conception et réalisation d'un site Web durant toute la période de réalisation de ce travail 7 2 Les avantages de l'application web Cette figure représente une facture sous forme pdf , chaque parent trouve sa facture 

[PDF] Conception, réalisation et développement de sites web à l - Enssib

Rapport de stage Conception, Realisation et Developpement de Sites Web devra pas etre modifie pour des raisons de securite (installation d'applications par

[PDF] M1IF03 Conception dApplications Web - CNRS

Conception de pages web Description Outils de conception d'applications Web complexes Cette UE (références bibliographiques) pour comprendre le cours et réaliser les TP http://liris cnrs fr/~lmedini/CCI/Poly_XML_complet pdf  

[PDF] Conception et développement dun site web de e - UVT e-doc

Notre projet portera sur la conception et la réalisation d'un site web commercial pour le Le cycle de vie d'une application comprend toutes les étapes depuis

[PDF] Conception et développement dune application Web de gestion

près ou de loin à la réalisation de ce projet de fin d'études Je remercie M permettant de créer d'une manier efficace des application web Mots clés 

[PDF] exemple d'un mcd gestion du personnel d'une société

[PDF] conception et réalisation d'une application de gestion du personnel pdf

[PDF] projet arts visuels cycle 1

[PDF] séquence d'arts visuels en maternelle

[PDF] observer une oeuvre d art en maternelle

[PDF] questions envisageables pour l'oral du bac théâtre

[PDF] sprechen b1 themen

[PDF] prüfung b1 schreiben

[PDF] b1 prüfung mit lösung

[PDF] prüfung b1 deutsch pdf

[PDF] principe de subsidiarité droit

[PDF] principe de proportionnalité

[PDF] principe de subsidiarité exemple

[PDF] principe de suppléance

[PDF] principe de subsidiarité ue

INTRODUCTION

LIONEL MÉDINI

SEPTEMBRE 2023

M1IF03

Plan du cours

yPartie 1 yPartie 2 {Généralités sur le World WideWeb yComment envisager cette UE ? -un ensemble de services applicatifs

à travers leurs navigateurs Web

yDébouchés {Concepteur / développeur "fullstack» {FRQVXOPMQP ŃOHI GH SURÓHP" {"FRQŃHSPLRQ "»

ÙGL, méthodes de conception, patterns

ÙEt développement !

{"" Web»

Ù2 définitions

|Tout ce qui peut être transféré par le protocole HTTP(S) ‡Pages Web (HTML), autres types de documents (MIME) |Tout ce qui peut être traité dans un navigateur Web yThématique générale "application Web» {Définition provisoire {Large éventail ÙGH VROXPLRQV PHŃOQLTXHV VRŃNHPV VHUYHXUV RHN VHUYLŃHV RHN" ÙDe paradigmes de programmation (POO, architectures distribuées

RX RULHQPpHV VHUYLŃHV"

ÙDe niveaux de complexité (échanges de données, de documents, MSSHOV GH PpPORGHV GLVPMQPHV ŃORUpJUMSOLH GH VHUYLŃHV" ÎAperçu des outils existants forcément limité yPrérequis {Conception de pages web ÙDescription et mise en forme de pages Web : (X)HTML, CSS

ÙStructuration de données :

|XML, DTD, XML-Schema, XSL |JSON, JSON-Schema {Scripting

ÙCôté serveur : PHP (ou similaire)

ÙCôté client : JavaScript

{Autres

ÙAlgorithmique et programmation (C, Java)

ÙGénie Logiciel (design patterns)

ÙRéseaux (couches "basses», sockets...)

ÙPersistance (bases de données)

yAutres UE en parallèle {M1IF05 : Réseaux {M1IF01 : POO {M1IF01 : gestion de projet {M1IF24 : BD NoSQL yUE dépendant de celle-ci {M1IF13 : Programmation Web avancée et mobile {M2 TIW : Intergicielset Services {M2 TIW : Technologies Web synchrones et multi-dispositifs {M2 SRS + TIW : Cloud, Stockage et Virtualisation

Projet commun : multimif

(non alternants) yApproche DevOps {Déploiement / intégration continus {Gestion du "run» (performance) yParadigmes de programmation {3URJUMPPMPLRQ GpŃOMUMPLYH +70I ;6I -63" {Programmation événementielle (JavaScript) {Mécanismes de scripting(côtés serveur et client) yDémarches et outils de conception {Couche persistance non abordée yTechnologies côté serveur

ÙConfiguration et fonctionnement

ÙProtocole HTTP

ÙSécurisation (HTTPS)

{Programmation côté serveur

ÙPOO (Servlets, filtres)

ÙScripting (JSP)

{Initiation aux services Web

ÙREpresentationalState Transfer (REST)

ÎWeb APIs

yTechnologies côté client {Rappels JavaScript et scriptingcôté client

Ù"Dynamisation» des pages statiques

{Mécanismes de requêtes asynchrones

ÙDocument Object Model (DOM)

ÙAsynchronousJavascriptAnd XML (AJAX)

ÙFetchAPI

{Templating

ÙMustache

yPerformance Web

Remarque

Les technologies liées au Web sont nombreuses et très riches yCette UE est

ÙLangages dédiés au Web

ÙProgrammation côté serveur et côté client {une présentation exhaustive de tous les outils existants {une référence complète des outils présentés bibliographiques) pour comprendre le cours et réaliser les TP y30 h de présentiel {10 x 1h30 de CM {10 x 1h30 de TP yÉvaluation {TPs: Code + analyse automatique + compte-rendus+ soutenances {CC final (~examen) : 2èmesession en cours de 2ndsemestre {Coefficients : 66% TP ±33% Examen ÎIl est impératif de travailler en dehors des cours et TP Tout TP rendu en plusieurs exemplaires sera noté yRépartition en TP {Votre groupe de TP est le même que pour M1IF24 {Intervenants professionnels

ÙPratiquent les technos

Ù6RQP MXVVL Oj SRXU UHŃUXPHU"

ÙChaque intervenant passe dans un maximum de groupes de TP

ÎVous devez

|Être présents aux TPs |Ne pas changer de groupe (etavoir un binôme dans le même groupe) yEmplois du temps de TP {Les intervenants extérieurs ont des contraintes professionnelles ÎEmplois du temps qui "sortent» des créneaux habituels

ÎRécupération des créneaux libres

{Pour simplifier : des calendriers Google(à jour)

ÙPlanning des CM et de l'examen

ÙPlanning des TPsdu groupe A

ÙPlanning des TPsdu groupe B

ÙPlanning des TPsdu groupe C

ÙPlanning des TPsdu groupe D

{Certaines salles manquent encore (en attente)

Méthode de travail

{UE de tronc commun, ambitieuse, mais nécessaire ÙPas que pour "faire du Web» : GL, SI, DevOps" {Beaucoup de travail en TP yPour gagner du temps et être efficaces

ÙGit branches

{Mettez en place une infra fonctionnelle dès le début

ÙIDE, VM, CI/CD

{Apprenez à bien utiliser votre IDE ÙConfiguration (Maven, Git), raccourcis clavier, debugger, refactoring" {6L SRVVLNOH XPLOLVH] YRPUH SURSUH PMŃOLQH" yAnticipez les deadlines

Important : à faire avant le début des TPs

yInstaller et configurer votre environnement de travail {Dans cette UE, vous aurez besoin de :

ÙJava : JDK >= 17

ÙHG( GH YRPUH ŃORL["

"PMLV YRXV MYH] MŃŃqV j XQH OLŃHQŃH JetBrainspour IntellJ (Free educationallicenceavec votre adresse email Lyon1) ÙServeur et moteur de servlets Java : Apache tomcat

Réalisez la configuration

Méthode de travail

yUtiliser le Chat {Pour travailler en asynchrone {3 salons

ÙGénéral :

lyon1.fr&path=invite%2Fbt5Xdm

ÙTps :

lyon1.fr&path=invite%2FqYQnXA

ÙFoire aux binômes :

lyon1.fr&path=invite%2FBQxsjA

Sources

yReprise des supports de cours des années précédentes (Lyon 1) {de Pierre-Antoine Champin (IUT Lyon1) yCes supports s'appuient eux-mêmes sur ceux de

{Fabrice Kordon, Isabelle Mounier, Christian Queinnec(PARIS 6), Dominique Bouillet(INT), Laurent Lefèvre (ENS LYON), Olivier Aubert (UnivB 1MQPHV"

yAutres sources {W3C (standards) {Autres organismes de standardisation {Sites et ouvrages cités en bibliographie y0MLV GMQV PRXV OHV ŃMV"

Bibliographie

yOuvrages {" HTML et JavaScript », P. Chaléatet Daniel Charnay, Eyrolles {"Ajax en Pratique», D. Crane, E. Pascarelloet D. James,

CampusPress

ySites Web {http://www.w3.org/ {http://w3schools.com/ {http://www.developpez.com/ {http://www.laltruiste.com/ {http://www.commentcamarche.net/

Plan de ce cours

yPartie 1 yPartie 2 {Généralités sur le World WideWeb

World WideWeb

yPrincipe original : accéder à des documents textuels {situés sur des machines accessibles par Internet {reliés entre eux par un mécanisme de lien "hypertexte» yActuellement : servir des ressources {De différentes natures : texte, image, son, vidéo, contenu

MSSOLŃMPLI"

{Hypermédia {Interactives

PMLOV ŃRQVXOPHU VHV ŃRPSPHV HQ NMQTXH"

ÎNombreuses évolutions techniques

Rappel : Internet

yUn ensemble de matériels, logiciels et protocoles (notamment IP) yUn ensemble de services {Applicationqui utilise un protocoleet un numéro de port {e-PMLO PUMQVIHUP GH ILŃOLHUV ŃRQQH[LRQ j GLVPMQŃH JJJ" {Mécanismes réseau de base (TCP/IP) {Nommage et adressage des ressources (DNS, URL) {Outils et protocoles spécialisés y1959-1968 : Programme ARPA y1970-1982 : Ouverture sur le monde {premières connexions avec la Norvège et Londres {les militaires quittent le navire {les entreprises privées se connectent au réseau {ouverture au grand public {avènement du WEB et du courrier électronique}marché considérable yPrincipe yHistorique ÙVannevarBush, As Wemaythink, Atlantic Monthly, 1945

ÙTed Nelson, projet Xanadu

{Années 1960 : premier système hypertexte fonctionnel

ÙNLS (oNLineSystem), Douglas Englebart

{1987-2004 : diffusion du logiciel HyperCard

ÙProgramme et environnement graphique de programmation, créé par Bill Atkinson pour Mac OS, livré avec les Mac

{1987 : première conférence HyperText

Naissance du Web (1989-1991)

{Origine : Tim Berners-Lee, puis Robert Cailliau(1990) {Choix des technologies TCP/IP et ouverture de la première connexion du CERN avec Internet {Mise au point des 3 technologies de base du Web : URL, HTML et HTTP ySeptembre 90 : 1er site Web fonctionnel (mode texte) {1erserveur Web : nxoc01.cern.ch {1ernavigateur Web : WorlWideWeb(rebaptiséplus tard Nexus), développé en Objective C yAoût 1991 : publication du projetWorldWideWebdans un messagesur UseNet yDécembre 91 : démonstration publiqueà la conférence Hypertext'91 (San Antonio)

Le premier serveur Web,

un NeXTCube (source : Wikipédia)

Historique du Web

y1993 : Mosaic: premier navigateur "grand public» {Marc Andreessen, NCSA : plateformes X, puis Mac et Windows {prise en charge de formulaires interactifs y1994 : création du W3C {président : Tim Berners-Lee {but : standardisation et développement du Web y1994 : Apparition des navigateurs privés {M. Andreessencrée Netscape Communications Corp. y1995 : Microsoft lance la "guerre des navigateurs» y1995 : Altavista : premier "gros» moteur de recherche y1996 : Navigateur Opera y1998 : Apparition de Google y2003 : Apple lance Safari y2004 : Première version de MozillaFirefox y2004 : première conférence " Web 2.0 » y2008 : Google lance Google Chrome yActuellement : explosion du Web mobile yEn cours de développement : Web sémantique, de données, GHV RNÓHPV"

Nombre de sites référencés

1990 :1 (CERN)

1991 :premier site hors

Stanford)

1992 :26

Juin 1993 :130

Juin 1994 :2738

Juin 1995 :23 500

Janvier 1996 :~ 100 000

Avril 1997 :> 1 million

Février 2000 :> 11 millions

Février 2007 :> 100 millions

Février 2009 :~ 216 millions

Aspects techniques du Web

yLes 3 mécanismes de base du Web {URL ÙLe mécanisme de localisation peut faire appel au protocole DNS {HTTP

ÙProtocole de niveau applicatif

ÙParadigme client-serveur

ÙProtocole sans état (pas de "mémoire» des transactions précédentes) {HTML

ÙLangage de description de "pages Web»

|Texte, images et autres objets |Liens hypermédias entre les pages

ÙProgrammation déclarative

Aspects techniques du Web

yLes forces en présence

ÙClient HTTP

ÙPeut effectuer des traitements plus complexes (plugins, moteur dequotesdbs_dbs31.pdfusesText_37