TUTORIEL LIFERAY 6.2 PREMIERS PAS CRÉATION D'UN SITE. Tutoriel rédigé par Abraham Diouf Montréal, le 22 octobre Numéro de référence : SFL-LF02

Transcription

1 TUTORIEL LIFERAY 6.2 PREMIERS PAS CRÉATION D'UN SITE Tutoriel rédigé par Abraham Diouf Montréal, le 22 octobre 2013 Numéro de référence : SFL-LF02

2 TABLE DES MATIÈRES 1 CRÉDITS PRÉFACE À propos de Savoir-faire Linux Savoir-faire Linux est partenaire Platine Liferay À propos de l auteur INTRODUCTION Public cible Également disponible au format epub CRÉER UN SITE DANS LIFERAY Créer un nouveau site Créer et gérer une page du site Gérer des contenus sur une page POUR ALLER PLUS LOIN / 14

3 1 CRÉDITS Tutoriel Liferay 6.2 Tutoriel rédigé par Abraham Diouf Montréal, le 22 octobre 2013 Numéro de référence : SFL-LF02 Savoir-faire Linux 7275, Saint-Urbain, bureau 200 Montréal (Québec), H2R 2Y5, Canada Téléphone : Télécopieur : contact@savoirfairelinux.com 3 / 14

4 2 PRÉFACE 2.1 À propos de Savoir-faire Linux Savoir-faire Linux est le chef de file de l'informatique à code ouvert sous licence libre au Québec et au Canada. Depuis 1999, l'entreprise développe une expertise exceptionnelle qu'elle met au service des entreprises et des organisations publiques afin de répondre aux défis de l'évolution de leurs systèmes d'information en mutation constante. Dotée aujourd'hui d'une équipe multidisciplinaire de près de 80 consultants, elle sert une clientèle de plus de 500 organisations, incluant des organisations publiques québécoises et canadiennes, de grandes agences internationales, des géants industriels et des PME/PMI québécoises. Savoir-faire Linux a son siège social à Montréal et des bureaux à Québec et Ottawa. Certifiée ISO 9001 et ISO 14001, elle est fortement implantée dans les communautés du logiciel libre. Membre de la prestigieuse «Linux Foundation», Savoir-faire Linux apporte des contributions majeures à des nombreux logiciels libres. 2.2 Savoir-faire Linux est partenaire Platine Liferay. Savoir-faire Linux propose ses services Liferay en développement, accompagnement, formation et support. Savoir-faire Linux est également très fier d'avoir reçu les récompenses «Community Excellence» en 2011 et 2012 pour son implication au sein de la communauté, notamment la coordination des traductions francophones et franco-canadiennes. Pour en savoir plus sur nos services Liferay : 4 / 14

5 2.3 À propos de l auteur Abraham Diouf Poste : Consultant En Logiciels Libres chez Savoir-faire Linux Résumé : Doté d'une très bonne expérience dans l'open source, notamment dans les domaines de portails web, de gestion électronique de documents et d'industrialisation du développement d'applications, Abraham Diouf occupe, aujourd'hui, un poste de Consultant en Logiciels Libres chez Savoir-faire Linux. Abraham est chargé, entre autres, de formations. Ainsi, participe-t-il à l'élaboration de supports pédagogiques. Il contribue aussi à la traduction francophone et québécoise de Liferay. 5 / 14

6 3 INTRODUCTION Ce tutoriel est tiré du «Guide d'apprentissage à l'administration du portail Liferay» publié par Savoir-faire Linux. Il se propose de guider l'utilisateur dans ses premiers pas pour : la création d'un site, l'ajout de pages et de contenu web statique. 3.1 Public cible Ce tutoriel s'adresse aux personnes qui désirent se familiariser avec l'administration d'un portail Liferay. Nous considérons, dans ce tutoriel, que le lecteur a déjà installé et configuré un portail Liferay. Si ce n'est pas le cas, il pourra s'en référer à notre tutoriel intitulé «PREMIERS PAS INSTALLATION» : voir le lien donné à la section 5 du présent document. 3.2 Également disponible au format epub Ce tutoriel est également disponible librement au format epub. Télécharger cette documentation sur votre tablette numérique ou liseuse à partir de l'adresse suivante : 6 / 14

7 4 CRÉER UN SITE DANS LIFERAY Un Site est un ensemble de pages sur lesquelles sont présentés des contenus dont l'affichage est géré par des applications. Les Sites peuvent être indépendants ou rattachés à une Organisation, auquel cas, ils servent de site web à l'organisation (ex : un Intranet). Dans un portail, on peut créer autant de sites que l'on veut. En allant dans le panneau de configuration (Administration Panneau de configuration ) et en cliquant sur le lien [sites] de la section «Sites», nous pouvons voir les sites existants sur le portail. 4.1 Créer un nouveau site Pour ajouter un nouveau site : Cliquer sur l'onglet [Ajouter] Choisir [Site vierge] afin de pouvoir créer un Site en partant de zéro. Voir l'écran ci-dessous. 7 / 14

8 Les autres options, à savoir, [Community Site] et [Intranet Site], sont des Gabarits de site. La portée de ce document de couvre pas cette notion, aussi, nous ne l'expliciterons pas ici. On obtient le formulaire présenté ci-dessous, où nous renseignons le nom du site (Vacances En France) et laissons les choix, par défaut, existants. Il est à noter que le choix fait dans la liste déroulante «Type d'adhésion» détermine la portée du site. On a trois possibilités : [Ouvert] : les utilisateurs peuvent joindre ou se désabonner du Site quand ils le souhaitent. Le site est visible à partir du portlet «Mes Sites». 8 / 14

9 [Restreint] : l'utilisateur doit demander l'autorisation de joindre le Site, autorisation qui sera donnée ou refusée par l'administrateur du Site. Le site est visible à partir du portlet «Mes Sites». [Privé] : le site n'est pas visible à partir du portlet «My Sites». L'ajout des utilisateurs au Site se fait «à la main» par l'administrateur du Site. Après avoir édité le formulaire, on appuie sur le bouton [Sauver] pour terminer. Ce qui nous amène sur une page où on peut configurer plus de paramètres. Nous laisserons les informations de cette page telles qu'elles. En cliquant sur le lien [Sites], en haut de la page, on peut voir le site que nous venons de créer dans la liste. La capture d'écran ci-dessous le montre. Maintenant que nous avons créé notre site, intitulé «Vacances En France», nous allons voir comment ajouter et gérer des pages dans ce site. 4.2 Créer et gérer une page du site Pour ajouter et gérer des pages dans un site, on se rend d'abord sur ce dernier. Cela peut se faire de différentes manières. Pour notre exemple, sélectionnons le Site intitulé «Vacances En France» en cliquant sur le lien correspondant de l'écran ci-dessus. Sur la page que nous obtenons, on peut voir la partie montrée par la capture d'écran ci-dessous. 9 / 14

10 Pour ajouter une page, il faut choisir la section dans laquelle on veut la mettre. En effet, il y a deux types de pages dans un site : des pages publiques et des pages privées. Les pages publiques sont accessibles par tous, même les utilisateurs qui n'ont pas de compte sur le site. En ce qui concerne les pages privées, elles sont accessibles uniquement par les membres du site. Pour notre cas, nous allons créer une page dans la section «pages publiques». Choisir donc l'onglet [Pages Publiques], puis cliquer sur [Ajouter une page]. Après avoir nommé notre page «Souvenirs de Paris» puis choisi un modèle de disposition («2 Columns (30/70)»), on clique sur le bouton [Ajouter une page], qui se trouve en bas de la fenêtre. Notre page est alors créée comme le montre la capture ci-dessous. 10 / 14

11 Un modèle de disposition, c'est la façon dont on définit la disposition des éléments sur une page. Pour notre exemple, nous avons choisit une disposition en deux colonnes (la première occupant 30% de la page et la seconde 70%). Nous pourrions créer notre page à partir d'un gabarit mais cela ne rentre pas dans le cadre du présent tutoriel. 4.3 Gérer des contenus sur une page Après que notre page ait été créé, nous pouvons y ajouter maintenant des portlets (applications) et des contenus. Nous allons, dans ce qui suit, ajouter un contenu web statique à la nouvelle page. Pour se faire, on se rend tout d'abord sur la page du site en cliquant sur le lien [Pages du site] de l'écran ci-dessous. Dans un premier temps, nous allons ajouter sur la nouvelle page intitulée «Vacances à Paris» l'application (portlet) «Afficheur de Contenu Web». Pour faire l'ajout, sélectionner la page «Vacance à Paris», appuyer sur le [+] puis sélectionner l'onglet [Applications]. 11 / 14

12 Cliquer ensuite sur le bouton [Ajouter] de l'entrée «Afficheur de Contenu Web». Le portlet est alors ajouté dans la première colonne de notre page. En faisant un «glisser-déposer», on peut le déplacer dans la deuxième colonne. Notons également que le portlet «Afficheur de Contenu Web» peut être trouvé dans la catégorie «Gestion de Contenus» ou en faisant une recherche par nom, dans la barre de recherche. Nous obtenons le résultat de l'écran ci-dessous : Pour ajouter un contenu web, cliquer sur le [+] comme indiqué sur la capture d'écran ci-dessus. On obtient alors la page que montre la capture d'écran ci-dessous. 12 / 14

13 Il faut alors renseigner le champ Titre du Contenu Web (La Tour Eiffel), éditer le contenu proprement dit, puis appuyer sur le bouton [Publier]. On obtient alors l'écran qui suit. Ainsi, venons nous d'ajouter notre contenu web statique sur notre nouvelle page avec succès. Dans ce tutoriel nous avons pu créer un site dans un portail Liferay. Nous avons vu, aussi, comment ajouter une page et du contenu statique dans un site. Pour explorer plus en avant la version 6.2 de Liferay et vous familiariser davantage avec l'ensemble des possibilités qu'offre l'administration d'un portail liferay, voir la section suivante. 13 / 14

14 5 POUR ALLER PLUS LOIN Consultez nos autres tutoriels Liferay à l'adresse suivante : Si vous avez apprécié nos tutoriels, n'hésitez pas à vous inscrire à la liste de diffusion afin d'être informé des dernières nouveautés. Si comme nous, vous développez une passion pour Liferay, désirez partager vos expériences et vivez au Québec, rejoignez le groupe d'utilisateurs de Liferay : Si vous disposez de connaissances Liferay, peu importe le domaine (administration, développement, consultation, intégration graphique, etc.) et désirez vivre pleinement votre passion, soumettez-nous votre candidature et rejoignez l'une de nos équipes dynamiques, à Montréal ou Québec : Si vous éprouvez des difficultés sur l'un de vos projets Liferay et désirez bénéficier de notre expertise pour vous aider et vous accompagner, n'hésitez pas à nous contacter : contact@savoirfairelinux.com SFLINUX ( ) 14 / 14