|
|
2008-2009
|
|
|||
| |
|||
| |
Initiation à HTML, CSS et Javascript. Ce cours permet d'aborder très simplement
la présentation de documents sur le Web à travers HTML. On enseigne d'abord les
concepts principaux de ce langage : liens hypertextes, insertion de médias, formulaires et frames.
Ensuite, on montre comment peut se faire la personnalisation de la présentation à l'aide
de feuilles de style de type CSS. Enfin, on montre comment rendre plus dynamique ces pages HTML en associant
au texte HTML du code JavaScript.
Ce cours est composé de 4 modules : |
fonctionnement |
|
| HTML : concepts et syntaxe |
cours1-HTML hapedit |
||
| CSS : feuilles de style en cascade |
cours2-css cours2-exemples |
||
| JavaScript : concepts et syntaxe |
cours3-javascript cours3-exemples |
||
| JavaScript : notion objet |
cours4-javascript-objet cours4-exemples cours5-javascript-interaction cours5-exemples |
||
| Projet |
projet | ||
|
|
|||
| |
|||
|
Le langage XML et ses dérivés |
10 h cours 10 h TD |
Ce cours présente le langage XML utilisé pour la description des documents semi-structurés.
Il présente également les langages dérivés de XML comme XSL, XPath et XQuery servant à d'autres usages, comme
la transformation de l'arbre XML, son interrogation, etc. Ce cours est composé de 5 modules décrits ci-après. |
fonctionnement |
Des interfaces doivent faciliter les tests
|
interface-xml-cooktop interface-xslt interface-XQuery |
||
| 1) Introduction à la notion de structuration de documents à travers le langage XML. Ce module aborde les notions de balisage, de niveau, d'attributs, de validation par les DTD. |
Cours1-Intro-XML Cours1-XML-exemples TD1-Enonce-XML |
||
| 2) Feuilles de style CSS pour la présentation des fichiers XML |
Cours2-CSS TD2-Enonce-CSS |
||
| 3) La transformation XSLT : introduction puis présentation de la base : le langage Xpath |
Cours3-XSL-Xpath Cours3-XSL-Xpath-exemples TD3-Enonce-XSL-Xpath |
||
| 4) Approfondissement de la transformation XSLT avec les templates |
Cours4-XSL-Plus Cours4-XSL-Plus-exemples TD4-Enonce-XSL-Plus |
||
| 5) La transformation XSLT vue sous l'angle récursif |
Cours5-XSL-Recursif Cours5-Xsl-Recursif-exemples TD5-Enoncé-XSL-Recursif Corrige-TD5 |
||
| 6) Le langage XQuery pour l'interrogation des arbres XML |
Cours6-XQuery Cours6-Xquery-exemples TD6-Enonce-XQuery corrige_TD_XQUERY |
||
| 7) Etude d'un schéma XML, le langage SVG pour la présentation de graphiques |
Cours7-SVG Cours7-SVG-exemples |
||
| 7) Etude d'un schéma XML, le langage SVG pour la présentation de graphiques |
enonce-revisions-XML |
||
| Projet : Trois sujets au choix | Enonce-Projet-XML | ||
|
|
|||
| |
|||
| Initiation à PHP 5 et à MySql | 20h TD |
Ce cours permet l'apprentissage de langages d'interfaces Web: PHP et JavaScript |
fonctionnement |
| 1) PHP : structures de base |
Cours1-structure-base Cours1-Exemples |
||
| 2) Structures évoluées : tableaux et fichiers |
Cours2-tableaux-fichiers Cours2-Exemples Cours2-TD1-TD2 Cours2-correction-exercices |
||
| 3) Gestion des formulaires et récupération des données : interaction avec l'utilisateur |
Cours3-formulaires Cours3-Exemples |
||
| 4) La programmation Objet avec PHP5 |
Cours4-simpleXML Cours4-Exemples Solution-TD4 |
||
| 6) Le lien de PHP avec lma base de données MySql |
Cours5-mysql-php Cours5-Exemples Mon-projet-mysql |
||
| 7) la représentation objet de XML : DOM |
Cours6-DOM-PHP Cours6-Exemples |
||
| 7) la représentation objet de XML : DOM |
enonce-revisions-php |
||
| 5) La gestion de fichiers XML à l'aide de la classe simpleXML |
Cours7-poo |
||
|
|
|||
| |
|||
|
Langage Java |
15 h cours 15 h TD |
Ce cours présente la syntaxe du langage Java. Ce moduleest composé de 12 cours décrits ci-après. Chaque cours est accompagné :
|
fonctionnement |
| Cours 1) : Introduction au LOO, Syntaxe de base de Java |
Cours1-Introduction Cours1-Exemples Cours1-TD1 Cours1-TD1-solutions |
||
| Cours 2) : Classes et Objets |
Cours2-Classes-Objets Cours2-Exemples Cours2-TD2 Cours2-TD2-Solutions |
||
| Cours 3) : Les types de données |
Cours3-Types-Donnees Cours3-Exemples Cours3-TD3 Cours3-TD3-solutions Cours3-TD3-Solutions-expl |
||
| Cours 4) : La programmation structurée |
Cours4-Progr-struct Cours4-Exemples Cours4-TD4 Cours4-Solutions-Exo |
||
| Cours 5) : L'héritage |
Cours5-heritage Cours5-Exemples Cours5-TD5 Cours5-heritage-Solutions-Exp |
||
| Cours 6) : Le paquetage (packages) |
Cours6-Paquetage Cours6-Exemples Cours6-TD6 Cours6-TD6-Solutions* |
||
| Cours 7) : Classes et méthodes abstraites |
Cours7-Classes-abstraites Cours7-TD7 Cours7-TD7-Solutions* |
||
| Cours 8) : Collections |
Cours8-Collections Cours8-Exemples |
||
| Cours 9) : Gestion des exceptions |
Cours9-Exceptions Cours9-Exemples Cours9-TD9 Cours9-TD9-Solutions* |
||
| Cours 10) : Type générique |
Cours10-Types-generiques Cours10-TD10 Cours10-TD10-Solutions* |
||
| Cours 11) : L'interface graphique |
Cours11-GUI Cours11-Exemples Cours11-TD11 Cours11-TD11-Solutions* |
||
| Cours 12) : Les threads |
Cours12-Threads Cours12-TD12 Cours12-TD12-Solutions* |
||
| Projet : Se conformer aux consignes indiquées dans l'énoncé ci-contre | Enonce-Projet | ||
| Cours 11) : L'interface graphique |
Cours13-Revisions |
||
|
|
|||
| |
|||
|
|
22 h TD |
La résolution de problèmes a été traditionnellement un des sujets de
préoccupation principaux pour l'intelligence artificielle. Ce cours donnera une description rapide de
la résolution des problèmes en IA et les algorithmes associés. Pour plus de précision, on étudiera : |
fonctionnement |
| La notion d'état de résolution, d'opérateurs et de recherche la représentation des états de la recherche utilisant des graphes |
cours1_algoIA | ||
| Les méthodes de recherche aveugle : depth-first, breadth-first... |
cours2_RechAveugle |
||
| Les méthodes heuristiques : A*, ... |
cours3_RechHeuristique |
||
| Les arbres de jeux |
cours4_arbre-de-jeux cours4_arbre-de-jeux-avec-soutions awale |
||
| les algorithmes de réduction | cours5_reduction-problemes | ||
| Les satisfactions de contraintes |
cours6_satisfaction-contraintes | ||
| Projet |
Projet |
||
|
|
|||
| |
|||
|
Le langage XML et ses dérivés |
10 h cours 10 h TD |
Ce cours présente le langage XML utilisé pour la description des documents semi-structurés.
Il présente également les langages dérivés de XML comme XSL, XPath et XQuery servant à d'autres usages,
comme la transformation de l'arbre XML, son interrogation, etc. Ce cours est composé de 10 modules décrits ci-après. |
fonctionnement |
Des interfaces doivent faciliter les tests
|
interface-xml-cooktop interface-xslt interface-XQuery |
||
| 1) Introduction à la notion de structuration de documents à travers le langage XML. Ce module aborde les notions de balisage, de niveau, d'attributs, de validation par les DTD. |
XML-DTD-Spacename XML-DTD-Namespace-Exemples TD-XML-DTD-Spacename |
||
| 2) Présentation des schémas XML et la possibilité de définir profondément les éléments. |
Schema Schema-Exemples TD-Schema |
||
| 3) Feuilles de style CSS pour la présentation des fichiers XML |
CSS CSS-exemples.zip TD-CSS |
||
| 4) La transformation XSLT : introduction puis présentation de la base : le langage Xpath |
XSL-Xpath.pdf XSL-Xpath-Exemples TD-XSL-Xpath |
||
| 5) Approfondissement de la transformation XSLT avec les templates |
XSL-Plus TD-XSL-Plus XSL-Xpath-Exemples |
||
| 6) XSLT récursif et modification des variables |
XSL-Recursif TD-XSL-Recursif XSL-Recursif-Exemples |
||
| 7) La base de donnée eXist |
BDXml-eXist |
||
| 8) la classe simpleXML en PHP5 |
PHP-simpleXML PHP-simpleXML-Exemples |
||
| 9) DOM - PHP |
DOM-PHP |
||
| 10) JDOM - Java |
JDOM-Java.pdf |
||
| Projet |
Enonce-Projet-XML AltoEdit doctest-tableau doctest-tablesMatieres doctest-premierepage |
||
|
|
|||
| |
|||
|
Le langage XML et ses dérivés |
10 h cours 10 h TD |
This lecturer presents the XML standard as tool for document representation, structure and publishing on the Web. It is composed of 10 modules described below. |
functionning |
| Module 1: Introduction to XML |
XML-DTD-Namespace XML-DTD-Namespace-Examples HW-XML-DTD-Namespace |
||
| Module 2: XML Schema |
XML-Schema XML-Schema-Examples HW-XML-Schema |
||
| Module 3: XML displaying |
CSS CSS-Examples HW-CSS |
||
| Module 4: Xpath |
XSL-Xpath XSL-Xpath-Examples HW-Xpath |
||
| Module 5: XSL Transform |
XSL-Plus XSL-Plus-Examples HW-XSL-Plus |
||
| Module 6: Recursive XSL |
XSL-Recursif XSL-Recursif-Examples HW-XSL-Recursif |
||
| Module 7: XQuery |
XQuery XQuery-Examples HW-XQuery |
||
| Module 8: eXist Database |
eXistDB eXistDB-Examples HW-eXistDB |
||
| Module 9: PHP-simpleXML |
PHP-simpleXML PHP-simpleXML-Examples HW-PHP-simpleXML |
||
| Module 10: DOM-PHP |
DOM-PHP DOM-PHP-Examples HW-DOM-PHP |
||
| Project : It is question to create an interface for a search-Engine of
english expressions corresponding to requested french expression. These expressions will be used for
scientific paper publishing. The interface may help to find quickly the english expressions from
french words. The HTML file, English-writing, given on the right side, can give some ideas. |
XML-Project projet_netbeans ImagesTest exemples |
||
|
|
|||
| |
|||
|
Interaction Homme-Machine |
15h Cours 15h TD |
Ce cours présente les principes fondamentaux de la conception des interfaces Homme-Machine et
leur mise en oeuvre logicielle ou sur le Web. Il se concentre sur les méthodes et modèles centrés utilisateur
extraits à la fois du Génie logiciel mais également de la psychologie cognitive. Aussi, on étudiera les modèles
Utilisateur, les modèles de tâches, les modèles comportementaux et non comportementaux, les évaluations avec et
sans utilisateur. Ce cours traite également des interfaces graphiques et des interfaces Web, avec étude des
chartes graphiques et des critères ergonomiques. Il traitera également des problèmes d'accès et de la prise
en compte du handicap dans les systèmes interactifs de manière générale. Un dernier volet concernera les nouveaux
systèmes d'interaction, comme le multi touch avec les intercations gestuelles. |
fonctionnement |
| Un module introductif des concepts fondateurs de
l'Interaction Homme-Machine. Plus qu'une introduction, ce module donne les éléments de
conception d'un S.I. en insistant sur le rôle de l'utilisateur dans la conception. |
Cours1-Conception-IHM |
||
| Un module montrant la mise en oeuvre logicielle de ces modèle. On étudiera principalement l'architecture MVC (dans le cadre des architectures 3-tier), les systèmes multi-agents... |
Cours2-Mise-En-Oeuvre MVC-Exemples |
||
| Un module d'évaluation des S.I. Plusieurs méthodes
sont ici présentées et discutées |
Cours3-EvaluationSI |
||
| Un module sur la réalisation d'enquêtes qui est un des
éléments clés dans la préparation de la spécification du S.I. |
Cours4-Realisation-Enquetes |
||
| Un module sur l'évaluation centrée tâche |
Cours5-EvaluationCentrees-taches
CTTE TERESA |
||
| Un module sur le regard de la psychologie sur le
développement des éléments de S.I. en termes de perception, contrôle, action... |
Cours6-MPH | ||
| Un module décrivant les lois psychomotrices qui interviennent
dans les processus d'interaction et dont il faut absolument tenir compte pour bien faire |
Cours7-TestsPsychomoteurs |
||
| Un module sur la description des Interfaces graphiques, leur évoltion, leurs composantes et les normes autour | Cours8-InterfacesGraphiques | ||
| Un module sur les interfaces dynamiques |
Cours9-InterfacesWeb reponses-questionnaire Questionnaire QuestEtudiantFinal12 Rapport-Synthèse-des-Réponses |
||
| Un module sur l'accessibilité pour les handicapés |
Cours10-AccessibiliteWeb |
||
| Un module sur les interfaces multimodales et multimédia |
Cours11-Multimodalite |
||
| Un module sur les interactions gestuelles |
Cours12-InteractionGestuelle |
||
| Le projet doit conduire les étudiants à mener une expérience
d'interaction de bout en bout, depuis l'enquête jusqu'à la réalisation d'une interface en
passant par les modules de spécification et d'évaluation conceptuelle. |
Projet |
||
|
|
|||
| |
|||
|
Interaction Homme-Machine |
15h Cours 15h TD |
Ce cours présente les principes fondamentaux de la conception des interfaces Homme-Machine et
leur mise en oeuvre logicielle ou sur le Web. Il se concentre sur les méthodes et modèles centrés utilisateur
extraits à la fois du Génie logiciel mais également de la psychologie cognitive. Aussi, on étudiera les modèles
Utilisateur, les modèles de tâches, les modèles comportementaux et non comportementaux, les évaluations avec et
sans utilisateur. Ce cours traite également des interfaces graphiques et des interfaces Web, avec étude des
chartes graphiques et des critères ergonomiques. Il traitera également des problèmes d'accès et de la prise
en compte du handicap dans les systèmes interactifs de manière générale. Un dernier volet concernera les nouveaux
systèmes d'interaction, comme le multi touch avec les intercations gestuelles. |
fonctionnement |
| Un module introductif des concepts fondateurs de
l'Interaction Homme-Machine. Plus qu'une introduction, ce module donne les éléments de
conception d'un S.I. en insistant sur le rôle de l'utilisateur dans la conception. |
Cours1-Conception-IHM |
||
| Un module montrant la mise en oeuvre logicielle de ces modèle. On étudiera principalement l'architecture MVC (dans le cadre des architectures 3-tier), les systèmes multi-agents... |
Cours2-Mise-En-Oeuvre MVC-Exemples |
||
| Un module d'évaluation des S.I. Plusieurs méthodes
sont ici présentées et discutées |
Cours3-EvaluationSI |
||
| Un module sur l'évaluation centrée tâche |
Cours4-EvaluationCentrees-taches CTTE TERESA |
||
| Un module sur le regard de la psychologie sur le
développement des éléments de S.I. en termes de perception, contrôle, action... |
Cours4-MPH | ||
| Un module sur la description des Interfaces graphiques, leur évoltion, leurs composantes et les normes autour | Cours6-InterfacesGraphiques | ||
| Un module sur les interfaces dynamiques |
Cours7-InterfacesWeb |
||
| Un module sur l'accessibilité pour les handicapés |
Cours8-Accessibilite-Web |
||
| Un module sur les interfaces multimodales et multimédia |
Cours9-Multimodalite |
||
| Un module sur les interactions gestuelles |
Cours10-InteractionGestuelle |
||
| Partie interface : cours sur XML |
Cours1-XML |
||
| Partie interface : Flex : la vue |
Cours1-Flex-Vue Cours1-Exemples |
||
| Partie interface : Flex : le contrôle |
Cours2-Flex-Controle Cours2-Exemples |
||
| Partie interface : Flex : le modèle |
Cours3-Flex-Modele Cours3-Exemples |
||
| Partie interface : Flex : Vers une interface riche |
Cours4-Flex-Interface-Riche Cours4-Exemples Master-Detail |
||
| Partie interface : Flex : Personnaliser son interface |
Cours5-Flex-personnalisation Cours5-Exemples |
||
| Partie interface : Flex : 3D |
Cours6-Flex-3D Cours6-Exemples |
||
| Partie interface : Flex : Serveur |
Cours7-Flex-serveur Cours7-Exemples |
||
| Partie interface : Flex : Air |
Cours8-Air Cours8-Air-Exemples |
||
| Le projet doit conduire les étudiants à mener une expérience
d'interaction de bout en bout, depuis l'enquête jusqu'à la réalisation d'une interface en
passant par les modules de spécification et d'évaluation conceptuelle. |
Projet |
||
| MIAGE-SID : Multimédia dans les SID | |||
| |
|||
| Le Multimédia dans les systèmes d'Information Distribués | 21h TD |
Ce cours initie à la conception et à la distribution
d'application multimédia sur le web. Trois langages permettant de construire de telles
applications seront appris : SMIL et SVG, des applications XML et Flash avec le langage associé ActionScript |
|
| Séance 1: 1) Explication du fonctionnement du cours 2) Exposé du projet 3) Cours 1 : Initiation au multimédia sur le Web 4) Cours 2 : Le langage SMIL : achitecture, timing : de SMIL1.0 à SMIL2.0 : syntaxe, exemples |
Cours1-Introduction-SMIL Exemples-SMIL TD1-Enoncé-SMIL Enonce-Projet |
||
| Séance 2 : 1) Cours 4 : SVG : éléments du langage 2) TD sur SVG : voir énoncé ci-contre |
Cours2-SVG Exemples-SVG TD2-Enoncé-SVG |
||
| Séance 3 : 1) Cours 3 : Interface d'animation Flex Builder 3 |
Cours3-Flex-Interface-base Cours3-Exemples Cours3-Flex-Interface-base-Soultions-Exo |
||
| Séance 4 : 1) Cours 4 : Gestion de données |
Cours4-Flex-Gestion-de-données Cours4-Exemples |
||
| Séance 5 : 1) Cours 5 : Les interfaces riches (RIA) 2) Point sur le projet |
Cours5-Flex-Interface-Riche Cours5-Exemples |
||
| Séance 6 : 1) Cours 6 : Personnalisation des interfaces 2) Point sur le projet |
Cours6-Flex-personnalisation Cours6-Exemples |
||
| Séance 7 : 1) Cours 7 : Liens avec le serveur |
Cours7-Flex-serveur Cours7-Exemples |
||
| Séance 7 : 1) Cours 8 : FLEX 3D Sandy 3.1 2) Point sur le projet |
Cours8-Flex-3D Cours8-Exemples sandy_3.1_r1006.swc |
||
| Master : Tunisie : Reconnaissance des formes | |||
| |
|||
|
Option :
Reconnaissance des Formes |
Cours + TD |
Cette option est consacrée à l'étude des méthodes de reconnaissance des formes. On s'appuyera sur des applications de reconnaissance de l'écriture. | fonctionnement |
| 1) Introduction au domaine de l'analyse et la reconnaissance de documents, numérisation d'images |
Introduction-RdF Acquisition TD-ApprentMatlaB TD-Interface-Image Interface_Stylo_Yves Interface_Stylo_Sana.zip LireImageMNIST |
||
| 2) Prétraitement, Extraction d'information, Représentation, Distribution |
Pretraitement Distribution TD-Interface-RDF |
||
| 3) Discrimination linéaire, Discrimination probabiliste, Estimation paramétrique-non paramétrique |
Discrimination Séparateur à Vaste Marge TD-K-means-Image-et-Fontes.zip |
||
| 4) Réseaux de neurones, Carte de Kohonen |
RN.pdf TD-applets |
||
| 5) Réseaux de neurones - Modèles de Markov Cachés |
HMM |
||
| 6) Projet : Pour les 4 premiers, il faut utiliser les bases de caractères de MNIST :
les images de caractères sont dans l'Interface RDF : répertoire base : training_mnist_60000, test_mnist_10000. Projet 1 : Prétraitement des images de mots et caractères : redressement, normalisation de la taille, recherche de la ligne de base Projet 2 : Extraction de primitives, réduction de la dimension par : LLE, Isomap et MDS. Proposez une explication claire et complète de ces méthodes ainsi que des fonctions matlab pour les expérimenter sur les caractères de MNIST Projet 3 : Extraction de primitives, classification par Fenêtres de Parzen et Kppv. Proposez une explication claire et complète de ces méthodes ainsi que des fonctions matlab pour les expérimenter sur les caractères de MNIST Projet 4 : Extraction de primitives, classification par Bayes. Proposez une interface d'apprentissage et de reconaissance avec matlab plusieurs types de lois normale, poisson, etc. Projet 5 : Réseaux de neurones : réalisez une petite interface de reconnaissance des caractères MNIST en utilisant comme entrée du réseau soit leurs images brutes, soit des vecteurs de primitives Projet 6 : Interface stylo : la compléter avec toutes les approximations polygonales : la corde, la fusion, Dunham et Wahl Projet 7 : Interface stylo : proposez un algorithme et une fonction matlab pour extraire les points singuliers Projet 8 : Interface stylo : proposez un algorithme et une fonction matlab pour segmenter le tracé en allographes (parties de lettres): allongements, boucles, points diacritiques, etc. Projet 9 : Interface stylo : proposez un algorithme et une fonction matlab pour détecter la ligne de base d'un mot |
|
||