STIC:STIC II - exercice 10 (Nextor-Pixel)

De EduTech Wiki
Aller à : navigation, rechercher

Cette page fait partie des archives des cours Cours STIC (STIC I, STIC II,STIC III,STIC IV)

1 Enoncé de l'exercice 10

Cet exercice du cours STIC II vous permet:

  • de vous familiariser avec des simples bases de données tabulaires
  • d'apprendre à utiliser 2 services web 2.0

1.1 Tâches

(1) Définir une application (hypothétique) qui nécessite une base de données avec une seule table. Cette application doit permettre la saisie des données et leur affichage. Ces deux fonctionalités peuvent être privées (login exigé) ou publiques.

(2) Implémenter une solution. Il existe plusieurs variantes

(a) Une combinaison "service base de données" avec un service qui permet de créer des pages (webtop, blog, etc.)

  • Prenez un login avec un outil "mini bases de données" comme Zoho Creator (http://www.zoho.com/)
  • Créez une base de données (c.a.d. une interface de saisie) et un vue publique sur les données.
  • Intégrez la vue dans une page qui contient d'autres informations. Exemple: Utilisez un Webtop comme Netvibes et importez un widget pour afficher la base de données Zoho (au moins les résultats, mais éventuellement aussi le formulaire de saisie) and rendez publique la page Pageflakes (pagecast). Adaptez la page Pageflakes pour des éventuels utilisateurs. Cela veut dire qu'il ne faut pas juste inclure le widget Zoho, mais ajouter d'autres éléments.

(b) Vous pouvez aussi utiliser un générateur de sites comme Google sites et son outil "List" et donc créer l'application avec un seul outil.

(c) Voous pouvez installer un portail (c.f. Portalware) et ensuite adjouter une extension/plugin qui fait ce travail.

(3) Créez une page d'accueil/rapport ici:

/etu-maltt/nestor/<login>/stic/ex10/

1.2 Outils

Outils
Un navigateur
Deployment
A votre choix, par exemple zoho (ou un autre service bd) et Pageflakes (ou un autre webtop) ou encore un service comme google sites qui permet à la fois de créer des contenus et de gérer une mini-base de données.

1.3 Contraintes

  • Thème en rapport avec MALTT (à synchroniser peut-être avec un autre enseignement MALTT)
  • A rendre avant la période 5.

Le rapport:

  1. Titre, auteur et date
  2. Liens vers le résulat: Important: Si la saisie des données et leur affichage est privé ou si vous avez implémenté la solution dans un WAMP privé, il faut créer des captures d'écran qui illustrent le fonctionnement du site.
  3. Objectifs de l'application: Elle servirait à quoi / quelle population ?
  4. Solution choisi: Liste de services/outils choisis
  5. Design de la structure de la table (champs, types de données, etc.) (Important !!!)
  6. La production: bref résumé de la démarche (ne pas oublier les captures d'écrant si les enseignants ne peuvent pas voir).
  7. Difficultés, auto-évaluation, remarques
  8. Lien vers la contribution wiki
  9. Ressources utilisées, bibliographie.

1.4 Evaluation

  • Qualité du rapport (surtout la discussion des besoins et de l'architecture de la base de données). Le rapport vaut plus que d'habitude pour cet exercice.
  • On peut correctement voir l'interface de saisie et d'affichage ou le deviner à partir de captures d'écran
  • L'ergonomie du reste de l'application. C'est à dire les écrans bases de données ne sont pas isolés.
  • Participation Wiki. Suggestion: Améliorez une des pages en rapport avec cet exercice.

2 Activités en classe

On va se familiariser un peu avec Zoho Creator

Pour créer une nouvelle table:

  • Button "Create New Application"

Pour rendre public une application/widget Zoho:

  • Cliquer sur Edit this application
  • Ensuite Share the application to the public

Pour exporter le widget code de Zoho:

  • Si vous êtes dans l'interface d'édition, cliquer sur Access this application
  • Selectionnez soit "Participants" soit "Participants View" (vous pouvez créer un widget pour le formulaire de saisie et le formulaire qui montre le résultat).
  • Menu More Actions->Embed in your Website (attention: c'est le "more actions") à côté du nom de la base de données, pas celui qui est tout en haut !!!)
  • Copier le code et coller dans une autre application

Pour importer le widget dans Pageflakes:

  • Creer un "Anything Flake"
  • Cliquer sur le bouton HTML en bas du widget
  • Coller le code Zoho. Vous pouvez ajouter votre code HTML ou modifier le code zoho (si vous savez ce que vous faites).
  • Si le anything flake ne marche plus, tuez-le et refaites-le (on ne peut plus modifier le code une fois qu'il est cuit/baked)

Pour importer le widget dans Netvibes:

  • Créer un Widget HTML/UWA Widget (trouver sous "HTML" dans la liste des essential widgets)
  • Editer le widget
  • Copy/Paste le code widget

Lire aussi l'article sur Netvibes

Google Sites

3 Liens

Pages Wiki (à consulter/compléter selon besoins)
Creating websites with online services (voir pour Google sites)
Google Sites
Netvibes
Pageflakes
Zoho
en:Wordpress installation and configuration (il faut encore ajouter un plugin pour l'exercice).
Transparents
http://tecfa.unige.ch/tecfa/talks/schneide/mons07/mons2007-schneider.ppt (social computing dans l'enseignements.) - consulter seulement si envie.
Liens techniques
Il existe des vidéos pour Zoho