to get the file

Programmation sur Internet
Introduction
Conception
Technique
Master Expertise et Ingénierie des Systèmes d'Information en Santé
UEOPT 6 : Techniques de programmation pour Internet
© Gérard Soula, LERTIM, Faculté de Médecine Marseille
Programmation sur Internet
„
Web : modèle client-serveur
„
Programmation = traitements informatiques
„
„
„
sur poste client (contrôles saisie,….)
sur serveur (accès base de données, construction pages)
Langages
„
„
„
„
„
HTML, XHTML
Javascript
PHP, ASP
XML
…..
Modèle client-serveur
„
Architecture client-serveur
„
„
„
un serveur fournit des services (données, requêtes bases de
données, …)
des machines clientes exécutent des programmes clients (client
FTP, client de messagerie, navigateur,…)
Différent d'égal à égal (poste à poste, peer to peer)
„
„
„
pas de serveur dédié
chaque machine joue à la fois le rôle de serveur et de client
chaque machine du réseau est libre de partager ses ressources
Architecture égal à égal
„
Inconvénients
„
„
„
„
très difficile à administrer
sécurité difficile à assurer. Aucun maillon du système ne peut être
considéré comme fiable.
sont préférentiellement utilisés pour des applications ne nécessitant
pas un haut niveau de sécurité ni une disponibilité maximale
Avantages
„
„
coût réduit
simplicité à mettre en oeuvre
Dans un réseau d'égal à égal
La sécurité n’est pas un problème crucial
Architecture Client-serveur
Client
programme
Réseau
message d’appel
Serveur
prise en compte de
la requête
Réveil du serveur
réception du résultat
message réponse
Exécution requête
Architecture Client-serveur
1 - Modèle centralisé
2- Modèle serveur de fichiers
3- Modèle Client-serveur
Architecture Client-serveur
„
Avantages
„
„
„
„
„
„
grand niveau de fiabilité
des ressources centralisées : pas de problème de redondance
meilleure sécurité : moins de nombre de points d'entrée
administration au niveau serveur (pas des clients)
réseau évolutif : ajout et suppression de clients
Inconvénients du modèle client/serveur
„
„
un coût élevé dû à la technicité du serveur
un maillon faible : le serveur Æ nécessité pour le serveur d'une
grande tolérance aux pannes (systèmes RAID,…)
Web : Modèle Client-Serveur
„
Origine Web : CERN (Tim Berners-Lee )
„
Serveur Web
„
„
„
fournit les documents au poste client
selon le protocole HTTP (HyperText Transfer Protocol)
exécute éventuellement des traitements
„
„
„
page construite dynamiquement
accès base de données
Client Web
„
„
„
navigateur (IE, Firefox, ………)
affiche les documents
exécute des traitements en local (javascript,…)
Site WEB
COGNITIF
Conception
Conception
HTML,Javascript,
Javascript,
HTML,
PHP,….
PHP,….
TECHNIQUE
Aspects cognitifs
Site Web & accès aux connaissances
---- -- -- -- ---- -- --- --- --- -- ------- -- --- --- --- -- - -- --- --- -- ----
Accès linéaire
----------
----------
----------
----------
Accès non linéaire
----------
Historique
„
1945 - Approche cognitive
„
„
1960 - Approche informatique
„
„
"La pensée humaine opère par associations. On ne peut penser
reproduire artificiellement ce processus mental"
"l'hypertexte est l'association de texte en langage naturel et des
capacités de l'ordinateur à établir des liaisons interactives d'un texte
non-linéaire qui ne peut être imprimé convenablement sur une page
conventionnelle"
1985 - Diffusion
„
Hypercard
Le WEB
Structure d’un site WEB
„
Nœud d'information
„
„
„
unité d'information avec une entité sémantique
document informatique (plusieurs formats)
Lien
„
„
relation entre 2 noeuds
relation à l'intérieur d'un noeud
Site WEB
Réseau de noeuds interconnectées par des liens
Les liens
„
Ancres
„
„
„
„
Liens "en dur"
„
„
„
une lettre, un mot, plusieurs mots consécutifs
une image ou une portion d'image
ancre
…
----------
lien vers une autre page, une image, PDF, Word….
lien interne à une même page
lien
----------
Liens déclenchant un traitement informatique
„
„
sur le poste client (contrôle saisie,….)
sur le serveur Web (accès base données, création dynamique d'une
page,….)
Structure d’un site WEB
LINEAIRE
----------
----------
----------
----------
----------
Structure d’un site WEB
ARBORESCENCE
----------------------------
-------------------
----------
-------------------
----------
Structure d’un site WEB
RESEAU
----------
----------
-------------------
----------
----------
Cohérence syntaxique
----------
Document absent
----------
----------
----------
----------
----------
----------
Cohérence sémantique ?
Document isolé
Limites des sites Web
„
Surcharge cognitive
„
„
„
„
trop grande exposition à de l'information différente
mémoire à court terme limitée (7 +- 2 mnèmes)
"peut on imprimer ?"
Désorientation
„
„
„
d'où je viens ?
vers où m'orienter ?
revenir à un endroit précis (1ère page)
Vers une interface généralisée
Pages statiques
W
E
B
Pages dynamiques
(base de données)
Répertoires ?