COURS "TECHNOLOGIE INTERNET"             gilles.hunault "at" univ-angers.fr Plan des cours et   exercices avec corrigés 1. Le web et ses langages 2. Les formulaires et les scripts 3. Les scripts et les cgi dont Javascript et Perl 4. Les applets Java 5. Le langage PHP 6. SQL et le Web 7. Interfaces et ergonomie, XML, SVG et AJAX Navigateur conseillé : Firefox 85 et versions ultérieures   avec les extensions Htmlvalidator et Linkchecker (copie locale), et surtout Firebug pour les "experts".   Editeur local conseillé : geany et eclipse plutôt que xemacs ou gvim   pour kwrite : utiliser les options Show Command Line et Show Line Numbers sous windows XP, notepad++ est bien au début, mais Geany est sans doute encore mieux pour un usage intensif...   Note sur l'utilisation du serveur de test (forge) et du serveur officiel (pegase) ainsi que sur l'accès à l'interpréteur php5.

 

 

Objectifs du cours Les objectifs de ce cours sont doubles. D'une part, bien évidemment, il s'agit de fournir les éléments techniques nécessaires à l'élaboration de pages Web, de sites internet dynamiques et interactifs. Mais d'autre part, compte tenu de de l'évolution rapide des technologies liées au Web, l'enjeu majeur est de réussir à faire passer ce qui est conceptuel, ce qu'il y a derrière les pages et les codes HTML afin d'en offrir une meilleure compréhension et de permettre une plus grande adaptation aux dix ou 20 prochaines années, en particulier via XML. Comme il n'est pas possible de tout ensenseigner au niveau Web (le responsive web design et les frameworks et les technologies...), l'accent sera mis sur la compréhension des composants des sites et des pages Web, à savoir HTML, CSS, Javascript, PHP, XML. Les apects techniques du développement (méthodes de développement dont la méthode agile et le TDD, les tests, la documentation, MVC, REST...) seront aussi évoqués et présentés via des exemples. Horaires de cours (licpro) : voir  g467965 . Le "fil rouge" se nomme LTE.

 

 

Documents à consulter 1. sensibilisation aux "pages Web" (gH) au format Html petit cours Html (pN) au format PDF compléments : références HTML en anglais références HTML en français feuilles de style vite fait et en détail (autoapprentissage détaillé avec QCM corrigés) les "frames" ou "cadres" qu'il vaudrait mieux remplacer par des <DIV> en CSS (pourquoi ?) balises "meta" RTF et HTML passer à XHTML mini interpréteur HTML(gH) quel serveur Web personnel utiliser ? 2. formulaires, scripts cgi et programmes pour le web (gH) au format Html compléments : Tuteur Perl (gH) en français PERL Cgi en français PERL LWP en français REXX Cgi en anglais fichier à utiliser comme "action" pour tester un formulaire exemple CSS 2.1 de panneaux de "login" 3. tuteur Javascript (gH) au format Html petit cours Javascript (pN) au format pdf autre petit cours Javascript et programmation événementielle (iS) au format pdf Guide sur les objets, classes et prototypes (Java vs Javascript) 4. cours Applets Java (pN) au format pdf les applets : petit cours par Isabelle Thieblemont les applets : cours de l'Université du Mans des applets pour tout faire ! (sources java fournies) 5. tuteur Php (gH) au format Html et ses exemples cours Php (pN) au format pdf compléments : les sessions PHP (en français) "upload" de fichiers en français    ref1    ref2    ref3 exemple de Diaporama en PHP source des scripts techniques en php que peut-on faire avec Php ? objets en PHP vite fait et en détail histogrammes interactifs en php savez-vous ce que signifie ORM ? ce qu'on peut reprocher à php 6. introd DB (gH) (gH) tuteur MySql (gH) cours Php+Sql (pN) au format pdf exemples rapides en Php+Sql (gH) solutions Php et MySql de l'exercice tplong 7. Tuteur XML (gH) Interfaces, ergonomie et sémiologie graphique, gestion et maintenance des pages et des sites ; HTML 4, XHTML et XML, XSL etc. Allons-nous vers un nouveau Web stylé et sémantique ? XML, XSL, SVG etc. : présentation par Yannis HARALAMBOUS (copie locale).

 

 

Exercices et solutions cours 1 : pages web, formulaires niveau 1 cours 2 : "headers", formulaires niveau 2, scripts cgi cours 3 : pages web et javascript cours 4 : applets java, niveau élémentaire cours 5 : intégration de html et php cours 6 : langage mysql et accès aux bases mysql via php cours 7 : html, xhtml et xml

 

 

Examens passés, évaluations en cours, projets     Projets de programmation         Controle continu Licpro     (2020/2021)     Examen de novembre 2004.     Examen de septembre 2005 succintement corrigé.     Examen de février 2005 corrigé.     Examen de décembre 2005.     Examen de mars 2008 rapidement corrigé.     Autres examens :     cci2008     cci2007     cci2006     Depuis 2008 :                     licpro2009_1     licpro2010_2     licpro2011_1     licpro2012_2  ;                     licpro2015_1     licpro2016_1     licpro2017_1 .     Depuis 2018 :     licpro2018_2     licpro2019_1     licpro2020_1     licpro2021_1 .

 

 

Compléments sur les Systèmes d'information, l'architecture et les serveurs     voir en particulier Distribution des traitements et des données ainsi que Bases de Données vers une architecture n-tiers  version pdf exemple d'architecture trois-tiers oracle/java que sont les bases de données en ligne ?     (descendre à droite dans les pages sur la partie "web dynamique") persistance et J2EE (y compris serveur d'aplication objets) -- 83 pages ; version locale nouvelle économie vers le "clients-services" ? (cliquer sur 11 - système d'information) Ce qui n'est pas couvert en détail dans ce cours : le système CVS et le modèle MVC ; les systèmes CMS comme spip et joomla! ou les frameworks comme zend ; les expressions régulières ; les ASP ; les JSP ; le mapping relationel objet.

 

 

Cartes de référence (PDF) Html CSS 1 CSS 2 panneaux XHTML/CSS (SelfHtml) DOM/GECKO (Mozilla Center FR)

 

 

 

   Retour à la page principale de   (gH)