Présentation,

principe de fonctionnement

UTOPIA

Usine TYPO3 Ouverte de Production Internet Automatisée

SommaireDans le cadre d’une prestation de service pour les

CDG du Tarn-et-Garonne et du Lot, In Cité Solution a développé une usine à sites basée sur TYPO3

(UTOPIA). Ce document a pour objectif de présenter le

fonctionnement et les principales fonctionnalités d’UTOPIA.

2

Rappel des objectifs d’UTOPIA

Architecture d’UTOPIA

Fonctionnement d’UTOPIA

Evolutions envisagées

Utiliser UTOPIA

Rappel des objectifs

Dans le cours de l’année 2008, le CDG 82 et le CDG 46 ont lancé un marché public portantsur la « fourniture et mise en œuvre de deux plates-formes génératrices de sites internet(subventions de l'Union Européenne et de la Région Midi-Pyrénées).

Titulaire du marché, la société In Cité s’est engagée à diffuser publiquement sous unelicence libre le résultat de ses travaux les plus significatifs.

Travail le plus significatif de sa prestation, le kit de création de sites UTOPIA basé sur le

UTOPIA3

Travail le plus significatif de sa prestation, le kit de création de sites UTOPIA basé sur legestionnaire de contenu TYPO3 fait aujourd’hui l’objet d’une première publication.

UTOPIA représente plusieurs extensions fonctionnelles basées sur des composants natifs deTYPO3. Afin d’assurer une ouverture rapide du projet à la communauté des développeursopen-source, In Cité a souhaité ouvrir son développement rapidement plutôt que de packagerUTOPIA.

Rappel des objectifs

In Cité a choisi de publier le projet sur la Forge officielle de TYPO3.

La licence retenue est la GNU/GPL, licence également retenue par le projet TYPO3.

Aujourd’hui UTOPIA est utilisée en production par les CDG 82 et 46 tout en faisant encorel’objet de développements et de corrections. Il a toutefois été estimé que, dans l’esprit dudéveloppement open-source, il est important de diffuser vite et tôt le code source. Attendreun état jugé « parfait pour publication » peut prendre un temps infini.

UTOPIA4

un état jugé « parfait pour publication » peut prendre un temps infini.

CDG 46

Centre départemental de Gestionde la Fonction PubliqueTerritoriale du Lot

http://www.cdg46.fr/

http://www.info46.com/

Contact : voir en fin deprésentation

CDG 82

Centre départemental de Gestionde la Fonction Publique du Tarnet Garonne

http://www.cdg82.fr/

http://www.info82.com/

Contact : voir en fin deprésentation

Rappel des objectifs

Pourquoi TYPO3 ?

La plate-forme devait reposer sur une architecture libre, ouverte, pouvant facilementévoluer.

La plate-forme devait pouvoir supporter une charge importante (plusieurs dizaines de sitesdéployés supportés par un même cœur)

Les développements devaient pouvoir facilement être mutualisés entre les sites et lesplates-formes (une plate-forme de génération par CDG)

UTOPIA5

Le partage de contenu et de modules devait être souple entre les sites hébergés par laplate-forme.

TYPO3 comme plate-forme de développement :

- Dispose d’une fonctionnalité native d’import / export de site (fichiers T3D) qui permetd’extraire toutes les propriétés relatives à un site (domaine, utilisateurs, charte, etc.)pour être ensuite injectées à nouveau (avec ou sans modification).

- Socle robuste, tenant particulière bien la charge

- Plus de 4000 extensions fonctionnelles, une large communauté établie et solide

- Interfaçage possible avec des applications tierces (SSO, export vers des applicationsmétiers, etc.)

Les choix effectués

Travail important sur les gabarits graphiques devant être proposés par la plate-forme :

- seize gabarits graphiques

- gabarits associés à différentes arborescences (culture, histoire, économie) pourpermettre de déployer des sites en fonction d’axes graphiques et éditoriaux.

Mise en place d’une plate-forme de télé-procédures en « marque blanche » personnaliséeen fonction du site initiateur d’une demande pour réduire les coûts associés au certificat SSL(envoi du logo ville et du code couleur pour personnalisation de la plate-forme).

UTOPIA6

Contextes d’utilisation possibles

UTOPIA peut être utilisé dans de nombreuses situations :

- Hébergement mutualisé : pour permettre à des utilisateurs de disposer d’un sitesans avoir à installer à chaque fois un TYPO3

- Collectivités / entreprises : créer des mini-sites pour des projets ou desévénements sans avoir à connaître en profondeur TYPO3.

Chaque site déployé dispose de sa propre charte graphique. Elle peut être personnalisée oumodifiée selon les besoins du webmaster.

UTOPIA7

Chaque site déployé est complètement étanche : les utilisateurs n’ont pas conscience qu’ilssont sur la même plate-forme que d’autres sites.

Les modèles de sites peuvent être des modèles fonctionnels : forum, blog, siteévénementiel. Plutôt que d’installer un site complet et de le transformer en blog,l’administrateur TYPO3 peut facilement déployer un blog. La seule tâche qui lui incomberasera de personnaliser le gabarit du site déployé.

Architecture : présentation générale

UTOPIA signifie Usine Typo3 Ouverte de Production Internet Automatisée.

UTOPIA est un groupe d’extensions TYPO3 qui permet de créer, en front-end, des siteshébergés directement sur la plate-forme TYPO3 sur laquelle UTOPIA est installé.

UTOPIA utilise la fonction d’export au format T3D proposée par TYPO3. La création d’unnouveau site se fait en dupliquant et personnalisant une portion de l’arborescence TYPO3associée au kit. Lors de la duplication, le T3D d’export est personnalisé par UTOPIA pourjouer sur :

- Les utilisateurs

UTOPIA8

- Les utilisateurs

- Le nom de domaine du site

Le site dupliqué est complètement séparé des autres sites hébergés et des modèles utilisées.Les utilisateurs du site créé avec UTOPIA n’accèdent pas aux autres sites hébergés.

S’il est hébergé sur un serveur dédié, UTOPIA peut également mettre à jour un serveur DNSlocal avec le nouvel enregistrement relatif au site hébergé qui vient d’être créé.

Architecture : présentation générale

L’administrateur souhaitant utiliser UTOPIA devra disposer des éléments suivants :

- Un site principal servant de support à UTOPIA

- Un ou plusieurs sites sources qui seront utilisés par UTOPIA

Une fois les sites sources (les modèles de sites) préparés, les utilisateurs peuvent demanderla création d’un site à l’aide d’un formulaire dédié (nativement en backend, peut êtredéveloppé en frontend).

UTOPIA9

L’utilisateur peut définir le nom de son site, changer certains noms de pages et définir lescomptes utilisateurs à créer. Sa demande est enregistrée puis validée par l’administrateur.

Une fois le site validé, le site est déployé au sein de l’arborescence TYPO3.

L’utilisateur peut directement accéder à son interface d’administration grâce au login etmot de passe qu’il a donnés lors de la demande de création de son site.

Architecture : fonctionnalités annexes

Partage de contenu

Les sites hébergés grâce à UTOPIA devaient pouvoir partager du contenu. Tout contenuTYPO3 peut être partagé vers un ou plusieurs sites. Cette extension fera elle aussi l’objetd’une publication.

Chaque webmaster dispose d’un tableau de bord qui lui permet d’accepter les contenus quilui sont proposés.

Les contenus sont publiés selon leur contexte: les éléments d’annuaire qui sont partagés vontnourrir l’annuaire du site de destination, les actualités deviennent des actualités du site dedestination, les éléments de contenu sont publiés dans la page choisie par le webmaster du

UTOPIA10

destination, les éléments de contenu sont publiés dans la page choisie par le webmaster dusite de destination.

Note : cette fonctionnalité implique l’utilisation d’un annuaire partagé par la plate-forme.

Plate-forme de télé-procédures

UTOPIA a été associé à une plate-forme de télé-procédures en marque blanche cela afin deréduire les coûts liés à la sécurisation (un certificat SSL pour toute la plate-forme et non uncertificat pour chaque site déployé). Lorsqu’un internaute accède à une télé-procédure depuisun site déployé par UTOPIA, UTOPIA transmet à la plate-forme le logo de la ville concernée,les contacts en charge de la télé-procédure dans la collectivité concernée et le code couleurassocié au gabarit déployé. La plate-forme est alors automatiquement présentée aux couleursdu site d’origine de l’internaute.

Synopsis d’utilisation

Processus de demande de création d’un site avec UTOPIA

Accéder au backend de TYPO3 et cliquer sur le bouton Nouveau site dans le bloc d’outilsUTOPIA

UTOPIA11

Donner l’URL souhaité pour le nouveau site,

il est également possible de préciser des

mots clés et une description (META)

pour le futur site.

Le type de site donne une indication pour

le partage de contenu.

Synopsis d’utilisation

Création du compte « administrateur » du futur site déployé.

Création d’un compte FE (certains gabarits pouvant être déployés disposent d’espaces

UTOPIA12

Création d’un compte FE (certains gabarits pouvant être déployés disposent d’espacesréservés). Il est possible d’ajouter plusieurs comptes.

Il est possible de créer des profils, suivant la configuration ils peuvent êtreautomatiquement associés à des utilisateurs FE.

Synopsis d’utilisation

Choix du gabarit à utiliser pour le site déployé

La première plate-forme UTOPIA disposait de 20 gabarits de sites. Ceux-ci étaient classés viade grands axes : tourisme, culture, neutre, etc.

UTOPIA13

Synopsis d’utilisation

Choix de la déclinaison et de la variante

Sur la base des 20 gabarits, il existe plusieurs variantes (3, 4 ou 5 entrées de menus, différentsblocs en page d’accueil, etc.) Les adaptations majeures de gabarits venaient ensuite nourrir labase disponible.

UTOPIA14

Synopsis d’utilisation

Choix de la variante de couleurs

Chaque gabarit dispose de plusieurs variantes de couleurs.

UTOPIA15

Synopsis d’utilisation

Récapitulatif de la demande

UTOPIA16

Synopsis d’utilisation

En plus du récapitulatif, TYPO3 présente la configuration pré-générée :

UTOPIA17

A ce stade, le site est prêt et attend la validation de l’administrateur de la plate-forme.Certains utilisateurs BE peuvent avoir accès au formulaire de création sans avoir pour autantle droit de lancer la procédure de déploiement.

Seuls les comptes administrateurs de la plate-forme peuvent déployer une demande.

Synopsis d’utilisation

Processus de validation d’un site

L’administrateur accède au module Demandes actuelles

UTOPIA18

Les demandes en attentes sont présentées sous forme d’une liste :

L’administrateur peut éditer, modifier refuser ou valider la création du nouveau site.

Une fois la procédure validée, le site est déployé dans l’arborescence, il est alors accessibleen ligne (si le serveur d’hébergement permet à UTOPIA d’interagir avec les DNS).

Objectifs et futurs développements

Ouvrir UTOPIA à d’autres contributeurs

Faciliter le déploiement de l’extension et des fonctionnalités associées

Faciliter l’ajout de gabarits et de templates

Faciliter le lien avec des applications tierces

UTOPIA19

Diffusion d’une documentation plus complète

Liens et téléchargements

UTOPIA a été publié sur la forge de TYPO3 :

http://forge.typo3.org/projects/extension-ics_utopia

Le code source est disponible à cette adresse :

http://forge.typo3.org/projects/extension-ics_utopia/repository

L’extension principale peut être téléchargée à cette adresse :

http://typo3.org/extensions/repository/view/ics_utopia/current/

Les dernières informations relatives à UTOPIA sont diffusées via le compte tweeter d’In Cité

UTOPIA20

Les dernières informations relatives à UTOPIA sont diffusées via le compte tweeter d’In CitéSolution : http://twitter.com/incitesolution

Démonstration : vous pouvez accéder à une plate-forme de démonstration sur demande àtechnique@in-cite.net

Contacts

CDG 82Pierre LorenzoDirecteur AdjointTél : 05 63 21 62 00

CDG 46Frédéric FrancesResponsable Service Informatique et InternetTél : 05 65 23 00 94InternetTél : 05 65 23 00 94

In Cité SolutionPierre-Emmanuel MullerDirecteur associéTél : 02 22 51 08 21@ : pem@in-cite.net