MULTIMÉDIA - SITES WEB

PROGRAMMATION

La Programmation web peut prendre différentes formes :

  • la simple page Web (page statique),
  • la page dynamique avec connexion à une base de données.

OBJECTIFS

- Apprentissage à l’aide d’exemple concrets et illustrés.
- L’élève est accompagné dans sa tâche, afin de la comprendre et pouvoir la réaliser de nouveau facilement et seul.

PROGRAMME

  • L’insertion d’objets
    Une première technique pour rendre une page web plus dynamique, est d’y insérer des objets.
    Les objets seront insérés dans la page HTML grâce aux tags <object>, <img>, <applet> ou <script>.

La programmation web côté client

Les objets ne fournissent pas toutes les solutions aux besoins d’interactivité et de dynamisme des sites ou sont parfois lourds à mettre en place.
Passer à de la programmation permettant une meilleure interaction avec la page HTML est alors possible.

Quand le visiteur demande une simple page HTML (avec ou sans objets) en tapant une adresse ou URL, le serveur web lui renvoie simplement le contenu de la page demandée, c’est le navigateur web qui interprète le contenu HTML et les plug-ins qui interprètent les objets, en demandant à leur tour le contenu des objets au serveur web.

Si du code, côté client, est inséré dans la page, le serveur web renverra également la page au client, y compris le code.
C’est donc, à nouveau le navigateur web qui doit interpréter le code et faire ce que le code demande.

La programmation côté client sera utilisée essentiellement dans le cas de validation de formulaires (champs obligatoires, petits calculs,...) et dans la création de petites animations (menus déroulants, ...).

La programmation côté client utilise des langages de scripts.
À la différence d’autres langages de programmation, ces langages ne sont pas compilés.
Ils sont interprétés par le navigateur web du visiteur, et leur syntaxe est moins stricte que celle des langages de développeurs (variables non-typées a priori, le point-virgule à la fin des instructions est optionnel, ...).

  • JavaScript est le plus utilisé des langages de programmation web côté client.
    Il est reconnu par tous les navigateurs (dans les versions actuelles).
    Il se base sur le langage normalisé ECMAScript et possède une syntaxe issue du langage Java (langage)|Java.
  • JScript, fort proche du JavaScript est simplement une adaptation de celui-ci par Microsoft.
  • VBScript est le langage de script développé par Microsoft sur base du Visual Basic.
    Ce langage n’est interprété que par les navigateurs basés sur ceux développés par Microsoft (soit Internet Explorer et Maxthon).
    Il est donc peu utilisé sur l’Internet (mais utilisé parfois sur des intranets).
  • DHTML n’est PAS un langage de script mais simplement la combinaison, dans une page web, de JavaScript, de HTML 4 ou de XHTML et de CSS.
  • Avantages :

La programmation côté client est légère et relativement simple à implémenter (syntaxe pas trop complexe).

  • Inconvénients :

Le code est envoyé tel quel au client, et donc visible par celui-ci (s’il regarde les sources de sa page) et donc peu sécurisé.
Le bon déroulement du programme dépend entièrement du navigateur du client, de sa configuration et de son niveau de sécurité.

Il n’est donc pas question ici de lier le site web à une base de données.

La programmation web côté serveur

Lors de l’insertion de programmation côté serveur dans une page, lorsque le visiteur demande la page, le serveur va d’abord lire celle-ci, va interpréter le code serveur et encapsuler le résultat dans la page HTML.
Cette dernière sera expédiée au visiteur sans plus aucune trace du code serveur.
Le visiteur reçoit donc une pure page html (avec éventuellement encore du code client).

De ce processus, on gagne énormément en sécurisation du code.
On a aussi un grand nombre de possibilité d’interactions avec d’autres systèmes ou applications comme les bases de données.

Les fichiers des pages "côté serveur" ont généralement une extension autre que .htm ou .html.
L’extension dépendra de la technologie utilisée.

- Les différentes technologies

  • Les technologies Microsoft
  • PHP
  • Les technologies Java
  • Ajax (Asynchronous JavaScript And XML)

COURS

La programmationest apprise en cours de création web