Interface Post-WIMP et Paradigmes d’interaction · 2018-02-22 · 2017-2018 Elena Cabrio -...

Pro

g Web

Server -2

01

7-2

01

8

Petit rappel

Pro

g Web

Server -2

01

7-2

01

8

Elena Cabrio - Illustration - Prog Web Serveur 02 / 32

‘’En informatique, une expression régulière, est une chaîne de caractères, qui décrit, selon une syntaxe précise, un ensemble de chaînes de caractères possibles. Les expressions régulières sont également appelées regex. Les expressions rationnelles sont issues des théories mathématiques des langages formels des années 1940. […] Les expressions régulières sont aujourd’hui utilisées pour programmer des logiciels avec des fonctionnalités de lecture, de contrôle, de modification, et d'analyse de textes ainsi que dans la manipulation des langues formelles que sont les langages informatiques.’’ (Wikipedia)

Pro

g Web

Server -2

01

7-2

01

8


• Lors de l'utilisation des fonctions PCRE, il est nécessaire que le motif soit encadré par des délimiteurs. Un délimiteur peut être n'importe quel caractère non alpha-numériqueautre qu'un backslash ou qu'un espace.

• Les délimiteurs les plus courants sont les slashes (/), dièses (#) et les tildes (~).

/foo bar/#^[^0-9]$#+php+%[a-zA-Z0-9_-]%

http://php.net

Pro

g Web

Server -2

01

7-2

01

8


http://php.net

Pro

g Web

Server -2

01

7-2

01

8


• si suivi d'un caractère non alphanumérique, il ne prendra pas la

signification spéciale qui y est rattachée (caractère de protection)

• peux coder des caractères invisibles dans les masques, e.g.– \n nouvelle

– \t tabulation

• précise des types génériques de valeurs, par ex.– \d tout caractère décimal

– \D tout caractère qui n'est pas un caractère décimal

– \s tout caractère blanc

– \S tout caractère qui n'est pas un caractère blanc

– \w tout caractère de "mot"

http://php.net

Pro

g Web

Server -2

01

7-2

01

8


• ^ est une assertion qui n'est vraie que si elle est placée tout au début de la chaîne.– ^a trouve « a » en début de ligne mais pas dans « ba ».

• $ est une assertion qui n'est vraie que si elle est placée tout en fin de chaîne ou juste avant un caractère de nouvelle ligne qui serait le dernier caractère de la chaîne.– a$ trouve « a » en fin de ligne mais pas dans « ab ».

http://php.net

Pro

g Web

Server -2

01

7-2

01

8


• En dehors d'une classe de caractères, un point remplace n'importe quel caractère, même invisible et à l'exception du caractère de nouvelle ligne. Avec l'option PCRE_DOTALL le point remplace n'importe quel caractère, même le caractère de nouvelle ligne.

• La barre verticale | sert à séparer des alternatives. Par exemple, dans le masque "/dupont|martin/" recherche soit "dupont", soit "martin".

http://php.net

http://php.net/manual/fr/reference.pcre.pattern.modifiers.php

Pro

g Web

Server -2

01

7-2

01

8


• Les répétitions sont spécifiées avec des quantificateurs, qui peuvent être placés à la suite des caractères suivants : – Un caractère unique, même s'il s'agit d'un métacaractère

– Le métacaractère .

– Une classe de caractères

http://php.net

Pro

g Web

Server -2

01

7-2

01

8


Les sous-masques sont délimités par des parenthèses, et peuvent être imbriqués. Deux utilités :

• Localiser un ensemble d'alternatives.– Par exemple, le motif cat(aract|erpillar|) trouve un des mots "cat", "cataract",

ou "caterpillar". Sans les parenthèses, cela trouverait "cataract", "erpillar" ou la chaine vide.

• Cela configure le sous-masque comme capturant. Lorsque tout le motif correspond, la portion de la sous-chaine qui correspond au sous-masque est passé à l'appelant grâce à l'argument ovector de pcre_exec(). Les parenthèses ouvrantes sont comptées depuis la gauche vers la droite (commençant à 1) jusqu'à obtenir le nombre des sous-masques capturants.– Par exemple, soit la chaîne sujet "le roi soleil" qui est utilisée avec le masque

suivant : Le ((roi|prince) (soleil|charmant)), les sous-masques capturés sont "roi soleil", "roi", et "soleil", numérotés respectivement 1, 2, et 3.

http://php.net

Pro

g Web

Server -2

01

7-2

01

8


array preg_grep ( string $pattern , array $input [, int $flags = 0 ] )

retourne un tableau qui contient les éléments de input qui satisfont le masque pattern.

Pattern: Le motif à chercher, sous la forme d'une chaîne de caractères.

Input: Le tableau d'entrée.

Flags: Si cette option vaut PREG_GREP_INVERT, cette fonction retourne les éléments du tableau input qui ne correspondent pas au motif pattern.

<?php

// Recherche les nombres à virgule flottante dans le tableau

$fl_array = preg_grep("/^(\d+)?\.\d+$/", $array);

?>

http://php.net

Pro

g Web

Server -2

01

7-2

01

8


string preg_quote ( string $str [, string $delimiter = NULL ] )

ajoute un antislash devant tous les caractères de la chaîne str.

Les caractères spéciaux qui seront protégés sont les suivants : . \ + * ? [ ^ ] $ ( ) { } = ! < > | : -

<?php

$keywords = '$40 pour un g3/400';

$keywords = preg_quote($keywords, '/');

echo $keywords; // retourne \$40 pour un g3\/400

?>

http://php.net

Pro

g Web

Server -2

01

7-2

01

8


int preg_match_all ( string $pattern , string $subject [, array &$matches [, int $flags = PREG_PATTERN_ORDER [, int $offset = 0 ]]] )

Analyse subject pour trouver l'expression pattern et met les résultats dans matches, dans l'ordre spécifié par flags.

<?php

preg_match_all("/$? (\d{3})? $? (?(1) [\-\s] ) \d{3}-\d{4}/x",

"Call 555-1212 or 1-800-555-1212", $phones);

?>

http://php.net

Pro

g Web

Server -2

01

7-2

01

8


mixed preg_replace ( mixed $pattern , mixed $replacement , mixed $subject [, int $limit = -1 [, int &$count ]] )<?php

$string = 'The quick brown fox jumps over the lazy dog.';

$patterns = array();

$patterns[0] = '/quick/';

$patterns[1] = '/brown/';

$patterns[2] = '/fox/';

$replacements = array();

$replacements[2] = 'bear';

$replacements[1] = 'black';

$replacements[0] = 'slow';

echo preg_replace($patterns, $replacements, $string);

?>

The bear black slow jumps over the lazy dog.

Pro

g Web

Server -2

01

7-2

01

8


mixed preg_replace ( mixed $pattern , mixed $replacement , mixed $subject [, int $limit = -1 [, int &$count ]] )<?php

$string = 'The quick brown fox jumps over the lazy dog.';

$patterns = array();

$patterns[0] = '/quick/';

$patterns[1] = '/brown/';

$patterns[2] = '/fox/';

$replacements = array();

$replacements[2] = 'bear';

$replacements[1] = 'black';

$replacements[0] = 'slow';


?>

The bear black slow jumps over the lazy dog.

<?php

ksort($patterns);

ksort($replacements);


?>

The slow black bear jumps over the lazy dog.

http://php.net

Pro

g Web

Server -2

01

7-2

01

8


Partir d’un scénario, le réaliser par itération

Remerciements a Philippe Renevier Gonin pour le materiel du cours

Pro

g Web

Server -2

01

7-2

01

8


• Pierre se marie bientôt. Il organise une liste de cadeaux.

• Sur cette liste, Pierre peut ajouter des propositions de cadeaux.

• Les invités, comme Charles, peut marquer les cadeaux qu’ils vont offrir aux futurs mariés.

• Quand Pierre va sur le site, il ne peut que voir la liste et ajouter une proposition

• Quand Charles (ou les autres invités) va sur le site, il voit la liste, il peut indiquer quels cadeaux il va offrir

• Charles peut aussi renoncer à offrir un cadeau (et le libérer)

Pro

g Web

Server -2

01

7-2

01

8


• Un formulaire• Une session : gestion de 3 états

– Non connecté– Connecté en tant que Pierre– Connecté en tant qu’une personne invitée au mariage (Charles par

exemple)

• Afficher la liste• Ajouter à la liste

– Un formulaire– Enregistrement dans un fichier

• Déconnexion• Affichage pour Charles (un invité)

– Marquer son intention d’offrir (un formulaire pour chaque possibilité)– Renoncer à son intention d’offrir (un formulaire pour chaque cadeau

« marqué »)

Pro

g Web

Server -2

01

7-2

01

8


switch ($i) {case 0:

// code pour le cas $i == 0

break;

case 1:// code pour le cas $i == 1break;

case 42:case 2:

// code pour le cas $i == 0break;

default:

break;}

Valeur (nombre ou string) possible pour $i

break, pour arrêter les tests (sinon cela continue)

Plusieurs cas peuvent se suivre et partager le même code

Cas par défaut si aucune valeur précédente n’a été vérifiéeoptionnel

Pro

g Web

Server -2

01

7-2

01

8


• Lire : fonctions file ou file_get_contents

• Ecrire : file_put_contents($nomfichier, $contenu)– Vérifiez qu’il y ait les droits en écriture

• Format : – D’abord juste « proposition de cadeau »– Puis « proposition ; celui qui offre »– Masqué la seconde partie à Pierre

Pro

g Web

Server -2

01

7-2

01

8


Partir d’un scénario, le réaliser par itérationPoursuivre le scénario, voir une autre option

Pro

g Web

Server -2

01

7-2

01

8



– Non connecté– Connecté en tant que Pierre– Connecté en tant qu’une personne invitée au mariage (Charles par exemple)



• Déconnexion• Navigation• Affichage pour Charles (un invité)


« marqué »)

• Configuration• Autre approche pour l’organisation du code

Pro

g Web

Server -2

01

7-2

01

8


• Dès qu’on est connecté • À inclure sur toutes les pages

– On ne se connecte plus quand on est déjà connecté– Code toujours identique…

// il faut détruire la session : copier coller de php.net...

// Initialisation de la session.

// Si vous utilisez un autre nom : session_name("nom de la session")

session_start();

// Détruit toutes les variables de session

$_SESSION = array();

/* Si vous voulez détruire complètement la session, effacez également le cookie de session. cela détruira la session et pas seulement les données de session ! */

if (isset($_COOKIE[session_name()])) {

setcookie(session_name(), '', time()-42000, '/');

}

// Finalement, on détruit la session.

session_destroy();

// selon la position du code, redirection ou non

header("Location: index.php");

return; // sécurité

Pro

g Web

Server -2

01

7-2

01

8


• Quitte à ajouter la déconnexion… ajoutons une navigation

• $_SERVER["PHP_SELF"]

• Modélisation de la navigation – Soit dans la structure du code (if…)

– Soit dans une structure de données (un tableau, un fichier, etc.) [solution retenue]

• Quitte à ajouter une navigation… ajoutons la génération d’entêtes…

Pro

g Web

Server -2

01

7-2

01

8


• Ajouter une information dans les données : « offrir le cadeau » est-il réservé ?

• Ajout d’une donnée « ; nom de l’offreur » ou « ; » si personne n’a réservé la possibilité d’offrir

• Corriger le code pour les futurs époux…

– Écriture

– Lecture

Pro

g Web

Server -2

01

7-2

01

8


• Parcourir la liste de cadeau, avec trois possibilités– Le cadeau est « libre » : formulaire pour le « prendre »– Le cadeau est « pris » par un autre : on indique « promesse d’offre »– Le cadeau est « pris » par la personne connecté : formulaire pour le

« relâcher »

• Quelle(s) valeur(s) faut-il passer dans les formulaires ?– Un indice : numéro de la ligne il ne faut pas que le fichier change

– Le nom du cadeau il ne faut pas qu’il y ait de doublon Il faut modifier la façon d’ajouter un

cadeau dans marie.php http://php.net/manual/fr/function.in-array.php ou http://php.net/manual/fr/function.array-search.php non utilisables ici (car tableau contenant des tableaux à 2 cases, sans connaitre forcément la seconde valeur)

– Les deux les fonctions ci-dessus sont utilisables. il ne faut pas qu’il y ait de doublon Il faut modifier la façon d’ajouter un

cadeau dans marie.php– Proche de la notion de clés dans les bases de données

http://php.net/manual/fr/function.in-array.php

http://php.net/manual/fr/function.array-search.php

Pro

g Web

Server -2

01

7-2

01

8



– Non connecté– Connecté en tant que Pierre– Connecté en tant qu’une personne invitée au mariage (Charles par exemple)



• Déconnexion• Navigation• Affichage pour Charles (un invité)


« marqué »)

• Configuration• Autre approche pour l’organisation du code

Pro

g Web

Server -2

01

7-2

01

8


• Nom du marié• Affichage ou non • Définition et utilisation de constante :

// definition de la constante, portée globale (connue partout)

define("CONSTANTE", 42);

// utilisation de la constante « CONSTANTE »

echo "<p> CONSTANTE = ".CONSTANTE."</p>\n";

$nom_constante = "CONSTANTE";

// test si une constante existe, retourne vrai ici

defined($nom_constante) ;

// accès à la constante

echo "<p> valeur de la constante sans connaitre son nom au moment de l’écriture du code : ".constant($nom_constante)."</p>\n";

/* peut faire un warning si la constante de nom « $constante » n’existe pas */

Pro

g Web

Server -2

01

7-2

01

8


État Déconnecté(page index)

État Connecté en tant que futur

marié(s)

État Connecté en tant qu’invité(e)

Connexion (Pierre)

Connexion (Charles ou …)

déconnexion

dé

con

nex

ion

état initial

Les transitions entre états = réception de formulaire

Pro

g Web

Server -2

01

7-2

01

8


// état comme un nombre [une string aurait été possible]

// 0 => déconnecté, 1 => Pierre (marié(e)), 2 => Charles (invite(e))

switch ($etat) {

case 1:

// code pour le cas 1, connecté en tant que marié(e)

case 2:

// code pour le cas 2, connecté en tant qu’invite(e)

// c’est le même évènement : la déconnexion.

/* La function deconnexion teste s’il y a la reception du

formulaire de déconnexion et le cas échant change l’état pour 0 */

deconnexion();

break;

case 0:

default:

// code pour le cas 0, déconnecté

// cas également par défaut, si $etat prend une valeur inattendue

/* la fonction connection teste s’il y a la reception du formulaire

de connexion, et change l’état en function du “login” */

connexion();

break;

}

Pro

g Web

Server -2

01

7-2

01

8


// état comme un nombre [une string aurait été possible]

// 0 => déconnecté, 1 => Pierre (marié(e)), 2 => Charles (invite(e))

switch ($etat) {

case 1:

// code pour le cas 1, connecté en tant que marié(e)

include "futur_marie.inc";

break;

case 2:

// code pour le cas 2, connecté en tant qu’invite(e)

include "invite.inc";

break;

case 0:

default:

// code pour le cas 0, déconnecté

include "connexion.inc";

break;

}

Pro

g Web

Server -2

01

7-2

01

8


• Approche itérative– Modification de la planification

– Retour en arrière sur le code : on code en fonction des besoins actuels

• Plusieurs organisations du code possibleschoix de conception (logiciel)– Certains choix sont purement informatique (ex:

machine à état ou pas)

– Certains choix permettent d’appliquer des choix de navigation

Interface Post-WIMP et Paradigmes d’interaction · 2018-02-22 · 2017-2018 Elena Cabrio -...

Documents

Transcript of Interface Post-WIMP et Paradigmes d’interaction · 2018-02-22 · 2017-2018 Elena Cabrio -...