Скачать презентацию F Filliettaz TECFA 02 2002 1 1 Скачать презентацию F Filliettaz TECFA 02 2002 1 1

a7a37af40a310504bd57c82fe7258c6f.ppt

  • Количество слайдов: 91

F Filliettaz TECFA 02 2002 1 F Filliettaz TECFA 02 2002 1

1. 2. 3. 4. Qu’est-ce que c’est que ça ? A quoi ça sert 1. 2. 3. 4. Qu’est-ce que c’est que ça ? A quoi ça sert ? Comment ça marche ? Démo pratique de quelques aspects particuliers (portail) F Filliettaz TECFA 02 2002 2

1. Qu’est-ce que ? • Z Object Publishing Environment • Advanced web application server 1. Qu’est-ce que ? • Z Object Publishing Environment • Advanced web application server framework • Open source: il est possible de comprendre en profondeur comment il fonctionne • Orienté objet. Les éléments publiés sur le web ne sont pas des fichiers, mais des objets • Sécurisé • Multi-plate-forme: Windows, Unix, Mac F Filliettaz TECFA 02 2002 3

 • Avec un moteur de recherche relativement efficace • Possibilité d’interfaçage avec des • Avec un moteur de recherche relativement efficace • Possibilité d’interfaçage avec des systèmes externes, bases de données, systèmes RPC ou autres sites web. • Possibilités infinies et très simples de faire croître un site. Les possibilités de Zope peuvent être largement étendues, grâce à la créativité de sa communauté. F Filliettaz TECFA 02 2002 13

1. Qu’est-ce que ? (suite) • Interface basée sur le web: l’interface de management 1. Qu’est-ce que ? (suite) • Interface basée sur le web: l’interface de management de Zope s’ouvre dans le navigateur • Permet d’écrire des applications dans plusieurs langages de script: Python, Perl et le langage de Zope: DTML • Gratuit • Une communauté très active et qualifiée F Filliettaz TECFA 02 2002 14

2. A quoi sert ? • Permet de construire des sites web dynamiques • 2. A quoi sert ? • Permet de construire des sites web dynamiques • Modulaires : – – séparation claire entre contenu, logique et présentation, composants paramétrables et configurables, permettant une unité de style du site, et une navigation uniforme, sensible au contexte, mise à jour automatiquement. F Filliettaz TECFA 02 2002 15

2. A quoi sert ? • Ce qui facilite la gestion du style d'un 2. A quoi sert ? • Ce qui facilite la gestion du style d'un site, puisque chaque module inclu dans les pages se réfère à la même CSS, • permet une navigation uniforme dans tout le site, • une indexation automatique des pages, et • l'utilisation d'un outil de recherche très utile dans un site d'une certaine importance. • Offre une interaction évoluée et des possibilités de personnalisation pour chaque visiteur. F Filliettaz TECFA 02 2002 16

3. Comment marche ? • • • Installation Premiers contacts L’environnement de développement L’acquisition 3. Comment marche ? • • • Installation Premiers contacts L’environnement de développement L’acquisition Le DTML par le menu F Filliettaz TECFA 02 2002 17

3. Comment marche ? • • • Installation Premiers contacts L’environnement de développement L’acquisition 3. Comment marche ? • • • Installation Premiers contacts L’environnement de développement L’acquisition Le DTML par le menu F Filliettaz TECFA 02 2002 18

Installation • Télécharger Zope http: //www. zope. org/Products/Zope • Sous Windows, exécuter setup. exe Installation • Télécharger Zope http: //www. zope. org/Products/Zope • Sous Windows, exécuter setup. exe • NT ou 2 k: l'installer en tant que service (manuel) • Pour entrer dans l’environnement de développement, pointer le navigateur vers http: //localhost: 8080/manage A TECFA: http: //tecfa. unige. ch: 9080/manage F Filliettaz TECFA 02 2002 19

Installation • Se connecter en utilisant nom et mot de passe créés lors de Installation • Se connecter en utilisant nom et mot de passe créés lors de l’installation. • Créer un répertoire qui contiendra les éléments de votre site. • Y copier index_html, standard_html_header et standard_html_footer de la racine. F Filliettaz TECFA 02 20

Installation des composants • Depuis la page http: //www. zope. org/Products, télécharger le composant. Installation des composants • Depuis la page http: //www. zope. org/Products, télécharger le composant. • Le déziper • Placer les dossiers dans le répertoire où vous avez installé Zope (par défaut Web. Server), sous /lib/python/Products. • Vérifier depuis le Control_panel de Zope, lien Product management, qu'il est bien installé. • Si c'est le cas, il sera disponible dans le drop-down Select type to add. F Filliettaz TECFA 02 2002 21

F Filliettaz TECFA 02 2002 22 F Filliettaz TECFA 02 2002 22

Installation • Précaution: faire régulièrement un back-up du fichier Data. fs, qui se trouve Installation • Précaution: faire régulièrement un back-up du fichier Data. fs, qui se trouve dans le dossier var. F Filliettaz TECFA 02 2002 23

3. Comment marche ? • • • Installation Premiers contacts L’environnement de développement L’acquisition 3. Comment marche ? • • • Installation Premiers contacts L’environnement de développement L’acquisition Le DTML par le menu F Filliettaz TECFA 02 2002 24

Premiers contacts • Créer un utilisateur: cliquer sur le dossier add_user, puis sur le Premiers contacts • Créer un utilisateur: cliquer sur le dossier add_user, puis sur le bouton Add une fois les champs renseignés • Créer une page: le code HTML est contenu dans des objets. Il suffit d’un créer un de type DTML_document • L’ID est essentiel, il permettra à Zope de référencer l’objet. Le titre apparaîtra dans le document, appelé par la méthode title_or_id. • Cliquer sur Add pour l’ajouter au dossier courant F Filliettaz TECFA 02 2002 25

 • Entrer l’URL http: //localhost: 8080/ # id_du_fichier # (p. ex. . . • Entrer l’URL http: //localhost: 8080/ # id_du_fichier # (p. ex. . . : 8080/toto) pour voir l’aspect d’un objet sommaire. • Revenir à l’environnement de management, et cliquer sur l’objet. On devrait voir ceci:

This is the Document.

C’est le code par défaut d’un DTML_document. F Filliettaz TECFA 02 2002 26

DTML Document / DTML Method • Ces deux objets ont la même interface, et DTML Document / DTML Method • Ces deux objets ont la même interface, et il est souvent difficile de savoir lequel utiliser. • S'il s'agit de publier un contenu, utiliser DTML Document. S'il s'agit de manipuler ou d'appeler d'autres objets, utiliser DTML Method (presentation templates: définir des layouts séparément du contenu). F Filliettaz TECFA 02 2002 27

<dtml-var > • Toutes les balises du DTML commencent par <dtml-. • <dtml-var permet • Toutes les balises du DTML commencent par

<dtml-var > • L’instruction <dtml-var>permet d’inclure des variables, le résultat de l’appel d’une fonction • L’instruction permet d’inclure des variables, le résultat de l’appel d’une fonction et des objets. Elle ne se ferme pas. • Elle a des attributs: P. ex. missing • Voir les attributs dans DTML Reference, Appendice A de "Zope Book" F Filliettaz TECFA 02 2002 29

Ecrire en HTML • Il est évidemment possible d'écrire des pages HTML sans profiter Ecrire en HTML • Il est évidemment possible d'écrire des pages HTML sans profiter du DTML. Zope jouera alors le rôle d'un serveur web statique. • Il est aussi possible d'importer des pages HTML pour les convertir au format DTML. Dans le pop-up de Add, sélectionner Add DTML Document, dont le dernier élément est Browse. Choisir le fichier texte, lui donner un id, et cliquer Add. F Filliettaz TECFA 02 2002 30

Importer des images • Depuis la racine du site, ajouter un objet Image • Importer des images • Depuis la racine du site, ajouter un objet Image • Renseignez id et title • Avec Parcourir cher l’image • Cliquer sur Add. L’objet apparaît désormais à la racine du site, et peut être utilisé dans toutes les pages avec la balise HTML (p. ex ). F Filliettaz TECFA 02 2002 31

DTML sommaire petit cas pratique Vous avez installé Zope pour permettre à vos collègues DTML sommaire petit cas pratique Vous avez installé Zope pour permettre à vos collègues de publier des textes sur le web. Ils ignorent tout du HTML. • Créez un dossier utilisateurs et intitulezle comme il vous plaît. Ne sélectionnez aucune option. • Puis dans ce dossier, créez un dossier par collègue (au moins 3 pour la beauté de l'exercice), sans cocher d'option. F Filliettaz TECFA 02 2002 32

DTML sommaire (suite) • Dans le dossier utilisateurs, créer une DTML Method (et non DTML sommaire (suite) • Dans le dossier utilisateurs, créer une DTML Method (et non un DTML Document) appelé (id) index_html, et contenant le code suivant: >
F Filliettaz TECFA 02 2002 33

DTML sommaire (suite) • Pour améliorer l'apparence du site, éditer la méthode index_html du DTML sommaire (suite) • Pour améliorer l'apparence du site, éditer la méthode index_html du dossier utilisateurs et introduire le code suivant: