« STIC:STIC II - exercice 10 (Nextor-Pixel) » : différence entre les versions
Aller à la navigation
Aller à la recherche
m (→Contraintes) |
m (a déplacé STIC:STIC II - exercice 10 vers STIC:STIC II - exercice 10 (Nextor-Pixel)) |
||
| (7 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
{{ | {{stic_archive}} | ||
== Enoncé de l'exercice 10 == | == Enoncé de l'exercice 10 == | ||
| Ligne 8 : | Ligne 8 : | ||
=== Tâches === | === Tâches === | ||
(1) Définir une application (hypothétique) qui nécessite une base de données avec une table | (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 | (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.) | (a) Une combinaison "service base de données" avec un service qui permet de créer des pages (webtop, blog, etc.) | ||
| Ligne 17 : | Ligne 17 : | ||
* Intégrez la vue dans une page qui contient d'autres informations. Exemple: Utilisez un [[:en:Webtop|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. | * Intégrez la vue dans une page qui contient d'autres informations. Exemple: Utilisez un [[:en:Webtop|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) | (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. [[:en:portalware|Portalware]]) et ensuite adjouter une extension/plugin qui fait ce travail. | |||
(3) Créez une page d'accueil/rapport ici: | (3) Créez une page d'accueil/rapport ici: | ||
| Ligne 28 : | Ligne 30 : | ||
; Deployment: | ; Deployment: | ||
: A votre choix, par exemple zoho (ou un autre service bd) et Pageflakes (ou un autre webtop) ou encore un service comme [http://sites.google.com/ google sites] qui permet à la fois de créer des contenus et de gérer une mini-base de données. | |||
=== Contraintes === | === Contraintes === | ||
| Ligne 37 : | Ligne 38 : | ||
'''Le rapport''': | '''Le rapport''': | ||
# Titre, auteur et date | |||
# 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. | |||
# Objectifs de l'application: Elle servirait à quoi / quelle population ? | |||
# Solution choisi: Liste de services/outils choisis | |||
# Design de la structure de la table (champs, types de données, etc.) ('''Important''' !!!) | |||
# La production: '''bref''' résumé de la démarche (ne pas oublier les captures d'écrant si les enseignants ne peuvent pas voir). | |||
# Difficultés, auto-évaluation, remarques | |||
# Lien vers la contribution wiki | |||
# Ressources utilisées, bibliographie. | |||
=== Evaluation === | === Evaluation === | ||
* Qualité du rapport (surtout discussion des besoins et de l'architecture de la base de données) | * 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 les données | * 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. | |||
== Activités en classe == | == Activités en classe == | ||
| Ligne 73 : | Ligne 77 : | ||
* Cliquer sur le bouton HTML en bas du widget | * 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). | * Coller le code Zoho. Vous pouvez ajouter votre code HTML ou modifier le code zoho (si vous savez ce que vous faites). | ||
* Si le | * 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 | |||
* http://sites.google.com/ | |||
== Liens == | == Liens == | ||
; Pages Wiki (à consulter/'''compléter''' selon besoins) | |||
: [[:en:Creating websites with online services|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 | ; Transparents | ||
| Ligne 81 : | Ligne 102 : | ||
; Liens techniques | ; Liens techniques | ||
: Il existe des [http://creator.zoho.com/collateral/gettingstarted/index.html vidéos] pour Zoho | : Il existe des [http://creator.zoho.com/collateral/gettingstarted/index.html vidéos] pour Zoho | ||
Dernière version du 7 février 2011 à 17:50
Cette page fait partie des archives des cours Cours STIC (STIC I, STIC II,STIC III,STIC IV)
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
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/
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.
Contraintes
- Thème en rapport avec MALTT (à synchroniser peut-être avec un autre enseignement MALTT)
- A rendre avant la période 5.
Le rapport:
- Titre, auteur et date
- 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.
- Objectifs de l'application: Elle servirait à quoi / quelle population ?
- Solution choisi: Liste de services/outils choisis
- Design de la structure de la table (champs, types de données, etc.) (Important !!!)
- La production: bref résumé de la démarche (ne pas oublier les captures d'écrant si les enseignants ne peuvent pas voir).
- Difficultés, auto-évaluation, remarques
- Lien vers la contribution wiki
- Ressources utilisées, bibliographie.
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.
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
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