This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
2012_2013:projetstut:diffusioninformations [2012/09/23 18:02] blay [Connexion de la synthèse vocale au diffuseur d'information de l'IRSAM] |
2012_2013:projetstut:diffusioninformations [2012/10/29 15:39] blay [Mode d'emploi] |
||
---|---|---|---|
Line 28: | Line 28: | ||
Pour la **partie Client**, outils et langages : | Pour la **partie Client**, outils et langages : | ||
- | * HTML5/CSS3 | + | * [[http://www.w3schools.com/html/html5_intro.asp|HTML5]]/CSS3 |
* JavaScript | * JavaScript | ||
* Navigateurs supportant Html5 : Firefox, Chrome et Safari. | * Navigateurs supportant Html5 : Firefox, Chrome et Safari. | ||
- | * langage LESS | + | * [[http://lesscss.org/|langage LESS]] |
- | * framework Prototype | + | * [[http://prototypejs.org/|framework Prototype]] |
* Ajax | * Ajax | ||
* Objets JSON | * Objets JSON | ||
Line 48: | Line 48: | ||
Pour la **synthèse vocale** : | Pour la **synthèse vocale** : | ||
* MS ..... | * MS ..... | ||
+ | |||
+ | |||
+ | |||
+ | Pour les tests de javascript, incluant un plugin eclipse : http://code.google.com/p/js-test-driver/ | ||
Relations aux codes | Relations aux codes | ||
+ | ==== Mode d'emploi ==== | ||
+ | |||
+ | * Charger une version d'eclipse pour les développeurs d'applications http://www.eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/junosr1 | ||
+ | |||
+ | * Installer le serveur APACHE 6.0 pour cela : en haut à droite javaEE, puis sélectionner l'onglet **Servers** | ||
+ | |||
+ | * créer un projet de type **Dynamic web Project** de nom **yc-client** de "target runtime" Tomcat v6.0, puis finish | ||
+ | |||
+ | * Recopier le code de la partie IHM qui vous intéresse sous webContent | ||
+ | |||
+ | * lancer le serveur par run sur le projet | ||
+ | |||
+ | * dans le navigateur, lancer le client : http://localhost:8080/yc-client/ | ||
+ | |||
+ | * Pour **ajouter un renderer**, il faut ajouter le chemin dans le contrôleur de la zone. | ||
+ | |||
+ | <note tip>Pour installer un editeur de fichier JSON : http://www.jiahaoliuliu.com/2012/02/edit-json-files-in-eclipse.html | ||
+ | |||
+ | Pensez à aller dans menu EDIT et appliquer un format Text | ||
+ | |||
+ | Remarquer sur le côté la visualisation de la structure. | ||
+ | </note> | ||
===== Pour Tous -- Prise en main des codes -- ===== | ===== Pour Tous -- Prise en main des codes -- ===== | ||
Voici les codes d'un diffuseur d'information sous la forme d'une archive. | Voici les codes d'un diffuseur d'information sous la forme d'une archive. | ||
+ | <note important>Non stabilisé</note> | ||
- | * Déployer l'archive qui vous a été donné => <fc blue> Sur la forge, construire une page wiki expliquant cette étape à destination d'un utilisateur non informaticien. Dans ce contexte, vous préciserez les systèmes sur lesquels vous avez déployé et les problèmes rencontrés.</fc> Ce travail sera mené par l'ensemble du groupe. | + | * (pour tous) Exécuter un client |
+ | * Comprendre le format des données | ||
+ | * Comprendre l'architecture controleur, zone, controleur par zone, renderer... | ||
+ | * Modifier un renderer pour mieux comprendre (Attention de ne pas modifier l'existant mais de bien travailler dans le sandbox. | ||
+ | * Déployer l'archive qui vous a été donné (non encore fournie) => <fc blue> Sur la forge, construire une page wiki expliquant cette étape à destination d'un utilisateur non informaticien. Dans ce contexte, vous préciserez les systèmes sur lesquels vous avez déployé et les problèmes rencontrés.</fc> Ce travail sera mené par l'ensemble du groupe. | ||
* Comprendre les codes fournis | * Comprendre les codes fournis | ||
* Expliciter l'architecture de l'application sous la forme d'<fc blue> un diagramme visualisant les différents "objets" de l'application: renderers, zones, providers, ...</fc> que vous déposerez dans la forge. Ce travail sera mené par l'ensemble du groupe. | * Expliciter l'architecture de l'application sous la forme d'<fc blue> un diagramme visualisant les différents "objets" de l'application: renderers, zones, providers, ...</fc> que vous déposerez dans la forge. Ce travail sera mené par l'ensemble du groupe. |