Designed by Derf !
3 en ligne   Boutique | Sites | Bar | Forum | PhpBB | Actu | Glossaire | Codes | Tips | Liens | Livres | Lettre  


 Recherche


Acheter - Vendre
neuf et occasion

pda, jeux vidéo, graveur, cd vierges, dvd vierges, matériel informatique, pc, ordinateur portable, logiciel, antivirus, annonces gratuites

 NewsLetter





   

Introduction à la programmation web (1/3)

et l'art de bien utiliser ce site





Ludo
Votre site jojolafripouille.free.fr est en HTML made in FrontPage. Vous voudriez bien le dynamiser un peu : ajouter des news, un forum etc, mais vous n'y comprenez rien, çà n'est pas votre métier. Qu'est ce qu'un langage dynamique, à quoi celà sert-il, par où commencer?

A la vue des questions (répétitives) des nouveaux arrivants sur le site, il est temps de faire le point et de vous montrer qu'ici vous avez tout pour faire des merveilles!

Alors on relève ses manches, et on se dit qu'on peut y arriver, tout le monde a bien dû commencer un jour, avec de la volonté, un peu de temps, vous y arriverez!


Introduction à la programmation web - Aller, je me lance! - Ok! Mon site marche!



Langages dynamiques - Lesquels? - Pourquoi?

Qu'est ce qu'un langage statique ou côté client?

C'est un langage qui n'utilise pas de serveur pour éxecuter son code, ex : HTML, Javascript, pour éxecuter une page en HTML simple qui est sur votre bureau, il vous suffit de double-cliquer dessus pour voir le résultat.

Qu'est ce qu'un langage dynamique ou côté serveur?

C'est un langage qui DOIT utiliser un serveur pour éxecuter son code, ex : ASP, PHP, CGI, ASP.net, JSP, CFM etc, pour éxecuter une page dans un de ces langages, vous DEVEZ avoir un serveur web (IIS, Apache, etc) PLUS un module qui retranscrira les commandes du langage en actions que vous ne verrez pas (ex : envoi de mail, ajout dans une base) et en code HTML que vous renverra le serveur web à l'écran.

Qu'est ce qu'une page dynamique?

C'est une page qui utilise les langages statiques : HTML/CSS pour la mise en page, Javascript pour vérifier un formulaire avant envoi par ex, et un langage dynamique, par ex PHP qui vient se connecter à une base de données pour lister les inscrits d'une newsletter.
La page affichée à l'écran est donc renvoyée par le serveur, après passage à la moulinette, sous forme HTML simple. Pour preuve cette page-ci, les titres, contenus, liens, pubs, tout est orchestré dynamiquement en PHP, mais si vous faîte un clic-droit puis afficher la source, vous ne verrez que du code HTML!

Les différents langages dont traite ce site sont :
- en statique : HTML, JavaScript, VBScript, VML
- en dynamique : ASP, PHP, ASP.net

Point important : dans une page homogène comprenant HTML, Javascript et un langage côté serveur, (ex : PHP), le code PHP sera toujours éxecuté AVANT tout autre code et de haut en bas, ex : le serveur analyse la page, trouve des instructions PHP en haut et en bas de page, il les éxecute, et renvoit une page HTML contenant en haut le résultat HTML des instructions, le milieu de la page qui était du code HTML, donc renvoyé tel quel, on n'y touche pas, puis le bas de page, éxecuté et renvoyé également en HTML.

Que peut on faire avec ces langages?

Un livre d'or, un forum, redimensionner des images (créer des vignettes), envoyer des fichiers, des mails, gérer un panier d'achat pour un site ecommerce, créer des compteurs en utilisant des cookies, interagir avec des animations en Flash, récupérer les informations postées à partir d'un formulaire, faire une zone 'membre' protégée etc...

Les bases de données

Mais c'est vraiment en couplant ces langages avec une base de données que l'on en tire la quintessence et que les choses deviennent vraiment intéressantes!

A quoi ca sert?

A regrouper des données ayant des points communs sous forme d'enregistrements contenant des champs, regroupés en collections (tables), collections qui peuvent avoir des relations avec une ou plusieurs autres collections.

Exemples :

- un livre d'or; il contient des messages de sympathie ou non :), tous ces messages sont de même forme : le nom de l'auteur, son email, et son message.
- un annuaire de membres; à l'identique tous les membres seront caractérisés par leur nom, prénom, email, âge, et photo.
- les articles d'une boutique; tous ont une désignation, une référence, une description, un prix, une photo etc...

Ces points communs sont matérialisés sous forme de champs.

En pratique : pour ma boutique en ligne, je vais avoir une base de données, appelée 'boutique', qui contiendra plusieurs collections ou tables : une appelée 'clients' qui contient la liste de mes clients qui lors de leurs inscriptions ont rempli plusieurs champs : nom, prenom, adresse etc, une autre appelée 'articles' qui liste mes articles comme vu ci-dessus, et une dernière nommée 'commandes' : un client passe commande d'articles, vous voyez la relation entre les 3 : client, commande, article? :) Réfléchir au regroupement des données, aux différentes relations, aux types de champs enregistrables c'est de la conception de BD.

Pour créer ces exemples, on utilisera l'HTML pour la mise en forme de notre page, ASP ou PHP pour gérer un formulaire d'envoi dans lequel l'internaute remplira des champs, et des requêtes SQL pour insérer ce nouvel enregistrement dans notre base de données. On utilisera à nouveau une requête SQL conjointement à du code ASP ou PHP pour lister tous nos messages du livre d'or.

Qu'est ce que SQL?

Structured Query Language : c'est un langage (encore!) d'interrogation (requête) de bases de données. Il ne sert qu'à çà. A partir d'un langage comme ASP ou PHP on se connecte à notre base de données, on effectue un lien, on demande ensuite grâce à une requête SQL de sélectionner des résultats, d'en ajouter, d'en modifier ou d'en effacer, suivant des critères sur les champs ou non, de les classer, de les ordonner.
Si je reprend mon exemple d'annuaire, je vais construire (pour rester simple) 2 pages : une qui permet d'ajouter des données grâce à un formulaire qui demandera à la personne d'entrer son nom, prénom, email, âge, et photo; et une autre page qui listera tous les membres.
Dans la 1ere page j'utiliserais donc une requête d'insertion : on ajoute un enregistrement.
Dans la seconde page j'utiliserais une requête de sélection : on veut lister tous les enregistrements.

Les requêtes peuvent devenir tres complexes : demander la liste des clients dont le nom commence par la lettre "J", qui habitent à Paris, qui ont commandé l'article référencé "512GH" entre le 1er Juillet et le 1er Septembre, et dont le prix total de la commande se situe entre 100 et 200 euros, puis les classer par montant de la commande, dans l'exemple de la boutique.


Questions fréquentes :

- Comment écrire une page dynamique, avec quel outil? quel éditeur?
Comme une page HTML, c'est un fichier qui ne comprend que du texte, des balises et des commandes. Le notepad peut donc suffir, mais il existen bien entendu des outils plus avancés qui peuvent vous aider à programmer de manière visuelle vos pages avec des drag'n'drop, vous en trouverez une liste ici mais également Dreamweaver pour ASP ou PHP ou encore WebMatrix pour .Net.

- Je voudrais essayer chez moi tranquillement sans acheter d'hébergement?
C'est bien évidemment possible. Il faut installer un serveur web ainsi que les modules : IIS pour programmer en ASP, ASP.net ou PHP, ou Apache pour faire du PHP.

- Où écrire mon code ASP ou PHP et HTML,à quel endroit?
Le code ASP ou PHP s'écrit à l'endroit précis où l'action doit s'effectuer. Celà peut être au milieu d'un tableau, d'un texte, au début, à la fin de lapage, n'importe où, là où vous en avez besoin.

- Avant d'insérer des commandes ASP ou PHP, mon code HTML marchait bien sur Netscape et là plus rien?
L'éxecution des commandes ASP ou PHP ne fait rien d'autre que de produire et renvoyer du code HTML comme VOUS le lui demandez. C'est à vous de rendre compatible votre code, le serveur ne renvoit que ce qu'on lui demande renvoyer.


Ludo le 15/10/2003 (57 638 hits)
Didier Téléchargez gratuitement !!!
7 logiciels illimités dont Visual Studio Pro et SQL Server 2005 !
SQL Server 2008 ß !
[gratuit] 11-12-13 février
les MS TechDays 2008 !!!
Au fil des news  
Dreamweaver CS3 + XML + Ajax - Création d'une région détail
Dans cet article, je vais vous montrer comment utiliser la technique région détail, avec Spry
PHP - joli arborescence dynamique
Magazines - Le N°104 de Programmez est disponible
PHP - PhPBB 3.0.0 !!!
[MAJ] Université de Sherbrooke - située dans un beau coin du Québec, l'Estrie...
- Ajout du programme d'imagerie et de médias numérique - Le département de mathématiques et ...
Magazines - Le N°103 de Programmez est disponible
PHP - Calcul jours ouvrables entre dates, gestion fériés
PHP - WampServer 2.0, la nouvelle version de WAMP5 !
SharePoint 2007 et Workflows Designer - Part 2 - Modifions un workflow dans SharePoint 2007
Dans la première partie, nous avons vu comment créer un WorkFlow dans MOSS avec SharePoint ...
Modifier le ruban de Word 2007 avec Open XML -
Open XML est un format de document bureautique flexible : structure basée sur l'Open Packaging ...
La corbeille de SharePoint 2007 - Fonctionnement de la corbeille de SharePoint 2007
Une des nouveautés de SharePoint 2007 est la mise en place de la corbeille pour chaque site. Il est ...
SharePoint 2007 et Workflows Designer - Part 1 - Créer un workflow simple dans SharePoint 2007
L'automatisation de Workflows, ou Flux de travail, résulte d'une volonté d'amélioration de ...
CSS - Dégradé de couleur
Magazines - Le N°102 de Programmez est disponible
Dreamweaver CS3 + Mysql - Formulaire de redirection
Suite au coup de pouce de DB77, je vous propose ce petit script pour améliorer vos pages Internet. ...
[MAJ] Tutoriel AJAX simple - En avant vers le WEB2.0
Mis à jour le 26/10/2007
Magazines - Le Hors-Série .Net de Programmez est disponible
LINQ et vous - Part 2 - Le .NET Framework 3.5 décortiqué !
Ce nouvel article fait suite à mon premier article de cette nouvelle collection « LINQ et vous ». ...
Présentation des KPI dans SharePoint - Présentation des KPI dans SharePoint 2007
Nous verrons au travers de cet article une présentation détaillée de ce qu'est un KPI et dans quel ...
LINQ et vous - Part 1 - Evolutions du .NET Framework - Visual Studio 2008
Voilà plus d'un an que je n'ai plus posté d'articles sur ma communauté préférée. Il était temps ...
Agenda - 21-22 novembre : Le Forum PHP 2007 !
Microsoft - Essayez gratuitement MS Expression Studio !!!
Les Utilisateurs dans SharePoint - La gestion des utilisateurs dans SharePoint
SharePoint dont le coeur est l'outil collaboratif, Windows SharePoint Services. Chaque utilisateur ...
Magazines - Le N°101 de Programmez est disponible
Hebergement - hébergement de forum gratuit - créer un forum.
Revue de presse - Nouvelle mise à jour chez Adobe
PHP - import csv vers bdd avec verification
PHP5 - Csv2array
PHP - Framework PHP5 - PoppyFramework
Le Moteur de Recherche de MOSS 2007 - Installer le moteur de recherche de MOSS 2007
Nous avons vu dans un précédent article comment mettre en place le moteur de recherche dans un site ...
PHP5 - incrementation alphanumerique
Magazines - Le N°100 de Programmez est disponible
Agenda - Adobe vous donne rendez-vous du 4 au 9 septembre..
ABAP leçon 1 : Les variables - Auteur : Jerome Fortias
je me devais de continuer mon travail de vulgarisation à SAP. En parallèle à mon site destiné aux ...
Agenda - Nov 2007 : Les TechEd Developers à Barcelone !
Microsoft - Vista SP1 et XP SP3 pour bientôt !
Le Moteur de Recherche de WSS V3 - Installer le moteur de recherche de WSS V3
Parmi les évolutions de Windows SharePoint Services V3, on trouve le moteur de recherche. Nous ...
PHP - array2xml convertie un array en xml
Revue de presse - Flash Player 9 Update beta
PHP5 - class Timer - ajouter/enlever du temp au time unix
Tutorial : HTML | Scripting | ASP-PHP | ASP.net | SQL Server | XML
Sharepoint | XAML | Pocket | Dreamweaver | VML | Divers
  Scripts : Scripting | ASP-PHP | ASP.net | Divers
  Boutique | Annuaire | Bannières | Météo | Tribune | Partenariats
v3 © Didier 2003   
 
 Groupes Utilisateurs Microsoft ASP-magazine Wygwam MVP CodePPC TechNet Codes Sources The Inquirer FR El Roubio DotNet Project