STIC:STIC I (Nestor-Pixel)

Sciences et Technologies de l'information et de la communication

Plan de cours

Daniel K. Schneider avec Stéphane Morand<

promotion "Nestor 2007-2008"

Le domaine STIC comprend deux UF obligatoires (STIC-1 et STIC-2) documentés ici et une UF libre. Les deux UF obligatoires traitent des bases techniques des systèmes d’information et de communication médiatisés par ordinateur. Elles permettent d’abord de concevoir des documents pour réaliser un système d’information partagé (XHTML, XML, XSLT, SVG), de s’initier aux applications interactives sur Internet (PhP, JavaScript) et de se familiariser avec les logiciels et les environnements qui supportent une interaction personne-personne à travers un réseau de communication (portails, groupewares et mondes virtuels). En d’autres termes, il s’agit d’acquérir un certain savoir-faire pratique de fournisseur de services Internet, et particulièrement dans le domaine de l’éducation. Cet enseignement est donc très technique: les participants vont apprendre les outils informatiques de base nécessaires (y compris une petite initation à la programmation) et les mettre en oeuvre mais il comporte également des aspects théoriques et conceptuels qui seront surtout abordés au travers d’une lecture individuelle.

Objectif principal: Bases techniques et conceptuelles pour la réalisation de dispositifs en ligne (conception, rédaction, programmation et mise en forme). D’un point de vue technique, voici les sujets les plus importants:

Stic I: Formats Internet

• HTML avancé (pages interactives, CSS, etc.);
• XML de base (DTD, XSLT de base, XPATH);
• langages du XML Framework (XSLT, XSL/FO, RDF, SVG, etc.)
• graphismes vectoriels interactifs et animés avec SVG / X3D
• Formats pédagogiques

Stic II: Applications Web

• concepts de base de la programmation, langages: PHP et Javascript;
• introduction à la programmation “GUI” (user interfaces), langage: Javascript;
• introduction au “scripting server-side”, langage: PHP;
• introduction aux bases de données SQL sur Internet, système MySQL, langage: PHP.

Travaux

L’apprentissage technique ainsi que l’évaluation des étudiants se fera essentiellement par le biais des travaux. Consultez les instructions en ce qui concerne votre “espace travaux” sur le WWW. http://tecfa.unige.ch/tecfa/teaching/staf10/survival.html

En règle générale un exercice consiste à faire un dispositif informatique. Il doit être opérationnel pour un certain public cible (que vous définissez). Il doit fonctionner sur un plan technique et sur un plan ergonomique et il doit répondre à un petit cahier des charges en rapport avec une thématique «MALTT». Pour obtenir une note maximale il est indispensable de fournir également un très bon travail conceptuel (en rapport avec les thèmes MALTT plus théoriques par exemple). Chaque exercice est accompagé d'une page d'introduction et qui comprend un petit rapport.

Espace travaux

je vous demande de placer vos travaux dans des répertoires précis. Une page d'accueil et qui comprend un rapport doit les accompagner

Voici le schéma à utiliser pour la page d'accueil / rapport

/etu-maltt/nestor/login/stic/exXX/

Par exemple:

/etu-maltt/nestor/dupont/stic/ex1/welcome.html

ou

/etc/-maltt/nestor/duran/stic/ex4/welcome.php

Il est donc obligatoire d’utiliser un fichier que le serveur Web reconnaît comme “index”

Important: Chaque page déposée sur notre serveur doit être datée et signée avec votre page travail ou encore votre home page !

Periode 1

• Introduction à Internet et au WWW.
• Exemples de dispositifs Internet (XHTML, XML, Javascript, PHP, VRML, etc.) développés par les étudiants dans le cadre des cours STAF-14 et STIC 1/2
• Design de simples sites et panorama de “home pages” à Tecfa
• CSS pour (X)HTML
• Introduction technique à XML
• CSS pour XML
• Sensibilisation à XSLT (XML -> HTML)

Exercices

STIC:STIC I - exercice 1

STIC:STIC I - exercice 2

STIC:STIC I - exercice 3