Scribd Logo
Hochladen

Willkommen bei Scribd!

  • Information6 HTML

    Hochgeladen von

    jaspe
    11 Ansichten10 Seiten

    Originaltitel

    information6 html

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Verfügbare Formate

    PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    11 Ansichten10 Seiten

    Information6 HTML

    Hochgeladen von

    jaspe

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 10

    HTML (partie II) : interface web / logiciels

    > Une page web peut servir à autre chose que fournir une
    information : elle peut être utilisée comme une interface
    pour exécuter des programmes (et afficher le résultat)

    Client Serveur
    Première étape : fournir les données au programme

    > Comment l’utilisateur (ordinateur client) peut-il fournir les


    informations au programme (hébergé sur le serveur) pour
    qu’il puisse fonctionner ?
    > Le langage HTML permet de créer des formulaires, où des
    champs (de différents types) récoltent les informations que
    l’utilisateur doit fournir

    > Ces formulaires sont similaires à ce qui existe déjà sous les
    OS actuels : boutons, cases à cocher, listes déroulantes ...
    > Les champs sont de deux sortes :
    - choix parmi plusieurs valeurs déjà définies
    - attente d’une nouvelle valeur
    > En HTML, chaque champ est représenté par l’une des trois
    balises, input (plusieurs types), select et textarea

    > Récupération d’un court texte :

    Quel est votre pays ?


    <input name=”pays”>

    balise variable qui stockera l’information

    <input name=”pays” value=”france”>

    valeur par défaut

    pays = “texte tappé”


    > Récupération d’un long texte :

    Quels sont vos commentaires ?


    <textarea name=”commentaires” rows=”10” cols=”40”>

    nombre de lignes nombre de colonnes

    commentaires = “texte tappé”


    > Choix d’une valeur parmi plusieurs :

    Quel est votre systeme d’exploitation ?


    <input type=”radio” name=”os” value=”windows”>Windows

    type radio : une seule des première valeur proposée


    valeurs peut être choisie
    texte illustrant
    ... value=”linux”>Linux cette valeur
    ... value=”macosx” checked>Mac OS X

    indique que c’est cette valeur


    qui sera sélectionnée par défaut

    “windows”
    os = “linux”
    “macosx”
    > Choix de plusieurs valeurs parmi plusieurs

    Que voulez-vous acheter ?


    <input type=”checkbox” name=”achat” value=”pommes”>Pommes

    type checkbox : plusieurs


    valeurs peuvent être choisies

    <input type=”checkbox” name=”achat” value=”poires”>Poires


    <input type=”checkbox” name=”achat” value=”bananes”>Bananes

    [“pommes”]
    achat = [”pommes”, “poires”]
    ...
    > Choix d’une valeur dans une liste

    Quel est votre systeme d’exploitation ?


    <select name=”os”>
    <option value=”windows”>Windows</option>
    <option value=”linux”>Linux</option>
    <option value=”macosx” selected>Mac OS X</option>
    </select>

    indique que c’est cette valeur


    qui sera sélectionnée par défaut

    “windows”
    os = “linux”
    “macosx”
    Deuxième étape : récupérer les données
    > Une balise supplémentaire est nécessaire pour indiquer
    que faire des valeurs fournies par l’utilisateur : form
    > Un champ supplémentaire, de type submit, est utilisé
    pour lancer la procédure de récupération

    <form method=”POST” action=”programme.py”>

    Nom : <input name=”nom”>


    Prenom : <input name=”prenom”>

    Sexe :
    <input type=”radio” name=”sexe” value=”m”>Masculin
    <input type=”radio” name=”sexe” value=”f”>Feminin

    <input type=”submit” value=”Soumettre”>


    </form>
    > Le programme auquel sont transmis les valeurs du formulaire
    (ici programme.py) peut les récupérer via une interface dite CGI
    (common gateway interface)
    > En python, on utilise pour ce faire la fonction FieldStorage() du
    module CGI, qui renvoi une sorte de dictionnaire où toutes ces
    valeurs sont stockées :

    import cgi

    donnees = cgi.FieldStorage()

    donnees[”nom”].value -> “Bonbheur”


    donnees[”prenom”].value -> “Jean”
    donnees[”sexe”].value -> “m”
    Troisième étape : afficher les résultats
    > Grâce à l’interface CGI, un programme peut renvoyer des
    instructions directement en langage HTML
    > On utilise la fonction print, qui au lieu d’afficher du texte
    à l’écran va le transmettre à l’ordinateur client

    print “<html>”
    print “ Votre nom : “, donnees[”nom”].value
    print “ Votre prenom : “, donnees[”prenom”].value
    print “ Votre sexe : ”

    sexe = donnees[”sexe”].value
    if (sexe == “m”):
    print “masculin”
    else:
    print “feminin”

    print “</html>”

    Das könnte Ihnen auch gefallen