Interfaces Homme Machine
Phase 2 : Mise en place des solutions retenues et échanges entre groupes
DOCUMENT : Logiciel HeidiSQL (FAIT) (à installer chez soi) : réaliser un document de présentation du logiciel, avec des explications sur les fonctions utiles du logiciel, le mode opératoire, et à qui est destiné cet outil.
Interface phpMyAdmin (STOPPÉ) : idem que pour HeidiSQL
INTERFACES HTML et PHP :
-
- DOCUMENT : Définir simplement et succinctement pour chaque utilisateurs du système (élèves, professeurs, surveillants, infirmière, cuisines) ses besoins d'interaction avec la base (ce dont il a besoin).
- Pour un utilisateur élève :
- DESSIN : Proposer une interface (croquis) et décrire son fonctionnement
- PAGES WEB : Réaliser des pages WEB :
- page d'accueil : page présentant les informations sur ce projet au lycée (texte + image(s) mis en forme avec KompoZer) = page(s) .html,
- page d'informations sur les utilisateurs : page se connectant à la base de donnée et extrayant des informations, comme par exemple la liste des élèves de 3e (serveur suse.lyceestendhal.it, base rfidtest, utilisateur rfidtest, mot de passe rfidtest) - EXEMPLE DE CODE PHP
Cette page est à mettre en forme, en modifiant, complétant, enrichissant le script fourni. Vous pouvez aisément faire des tests en publiant vos pages modifiées. Vous pouvez aussi me demander des explications par courriel. - simples formulaires : pour lire, puis pour écrire des informations concernant un utilisateur dans la base de données (faites les pages avec les formulaires, je vous aiderai ensuite) :
1 - page élégante avec une case de texte et un bouton ("éléments de formulaires, "Form" dans KompoZer) : l'élève tape son adresse email et clique sur le bouton, et la page lui affiche ses informations de la table "eleves" de la base "rfidtest",
2 - page élégante avec une case de texte et un bouton, pour que l'élève puisse changer dans ses informations son adresse email.
ENVOYEZ MOI VOS PAGES PAR EMAIL, je vous les corrigerai et vous aiderai, et concernant les formulaires, je vous aiderai avec le PHP.
AIDES et COMPLÉMENTS :
Publication de la page sur Internet : nous allons utiliser le logiciel KompoZer (prendre la version en bas de la page WEB : la 0.83b3) : http://kompozer.net/download.php (explications et démonstrations faites en classe).
Documentations pour débuter : Mise en place de KompoZer.pdf, et Configuration_site_KompoZer.pdf
Des installations portables pour Windows sont disponibles pour chaque groupe : KompoZerPortableIHM3A.zip KompoZerPortableIHM3B.zip KompoZerPortableIHM3C.zip KompoZerPortableIHM3M.zip
Comptes Linux : chaque groupe a un compte Linux pour publier et tester ses travaux dans sa page WEB : http://ihm3a.lyceestendhal.it, http://ihm3b.lyceestendhal.it, http://ihm3c.lyceestendhal.it, http://ihm3m.lyceestendhal.it
-
- le serveur est : suse.lyceestendhal.it
- votre compte est : ihm3(a/b/c/m) comme pour votre base de données,
- et votre mot de passe est : le même que celui de la base de données mais en inverssant les caracteres comme indiqué en classe.
Ce compte peut être utilisé dans KompoZer pour publier directement vos pages WEB (.html et .php). Il peut aussi être utilisé avec un client FTP comme FileZilla.
Conception :
- Pages WEB .html : utiliser KompoZer,
- Pages WEB avec scripts PHP : les insérer avec KompoZer, les placer sur le serveur avec votre compte Linux, et tester leur affichage
- Aptana : à utiliser pour apprendre le PHP, et faire des tests plus poussés, testez vos scripts en mode PHP Script (le résultat apparaît dans la fenêtre "Console" en bas d'aptana).
Phase 1 : Planification du projet, et études préliminaires - solutions techniques
Base de donnée : mysql (acquis par Oracle) et mariadb (remplacement pour mysql, installé sur le serveur !)
Exemple de programme gratuit d'édition de base de donnée pour base MySQL : HeidiSQL, MySQL WorkBench, Squirrel SQL Client, etc... Et pour MAC : Sequel Pro
-> Heidi SQL est installé : menu HARP -> Internet -> HeiSQL
Exemple d'administration en ligne : phpMyAdmin, SQLbuddy, etc...
-> HORS SERVICE - phpMyAdmin accessible en http://phpmyadmin.lyceestendhal.it
Pour faire des interfaces de consultation ou de modifications simples, le langage PHP est parfait et peut être appris : php.net
-
- installer Aptana ou Titanium sur Windows, OSX, et Linux ! (Pour OSX, installer PHP et compliqué, me signaler si vous avez une méthode simple).
- installer php 5.3, prendre la version Installer (le mettre par exemple dans le répertoire d'installation de Aptana ou Titanium).
- configurer PHP dans l'IDE choisit, pour Aptana : menu Window -> Preferences -> Aptana Studio -> Editors -> PHP -> PHP Interpreters -> Add... et indiquer la localisation des fichiers php-win.exe et php.ini
- pour tester les fichiers php avec le navigateur en cliquant sur Run : menu Window -> Preferences -> Run/DEbug -> Launching -> Launch Operation -> Always launch the previously launched application, puis exécuter manuellement avec le navigateur au moins une fois.
Pour consultation et recherche de mots clefs : Livre sur le langage SQL