Contexte AccroCin - BTS-SIO2/SLAM 1

AccroCin Portail AccroCine.org

Avant-propos
Ce contexte AccroCin incluant le projet applicatif AccroCine.org a t cr de toute pice au Lyce Louis Armand Paris 15e, par le corps enseignant et les tudiants de 2e anne du BTSSIO option SLAM, dans le cadre de nombreux PPE et cours de spcialit en travaux individuels et collectifs, pour les b esoins de lpreuve pratique E4.

Sommaire

Contenu
Lassociation AccroCin .................................................................................................................................. 2 Le systme dinformation existant ................................................................................................................... 2 Cahier des charges du Portail AccroCine.org ................................................................................................. 3 Solution technique propose ........................................................................................................................... 5 Spcifications fonctionnelles et techniques .................................................................................................... 8 Architecture de la solution ............................................................................................................................. 13 Extension com_accro .................................................................................................................................... 13 Template mob1 ............................................................................................................................................. 14 Module Top 10 .............................................................................................................................................. 15 Guide dinstallation dune extension Joomla ................................................................................................. 16 Procdure dinstallation des composants : ................................................................................................... 17 Guide dutilisateur.......................................................................................................................................... 18

Page des films...................................................................................................................................... 19 Vue de dtail film ............................................................................................................................... 20 Identifiez-vous ..................................................................................................................................... 21 Sur ordinateur : .................................................................................................................................. 23 Sur portable/tablette : ..................................................................................................................... 23
Interface dadministration .............................................................................................................................. 24

Contexte AccroCin v0.1 - BTS-SIO2/SLAM 2

Lassociation AccroCin
Fonde au dbut des annes 2000 Sarzeau dans le Morbihan, cette association regroupe aujourdhui une quinzaine de cin-clubs indpendants du dpartement qui ont souhait mutualiser leurs moyens de communication et coordonner la programmation de leurs projections de films. Chaque salle attire en moyenne mille spectateurs par mois avec laffiche une dizaine de films par mois. En dehors des incontournables nouveauts nationales programmer pendant les priodes de vacances, les cin-clubs membres projettent habituellement de nombreuses rediffusions de films dont sont particulirement friands leur clientle. Chaque cin-club est lui-mme une association, dont le prsident est bien souvent le directeur de la programmation. Il dirige le plus souvent une petite quipe employe temps partiel en soire et le dimanche aprs-midi pour tenir la caisse et projeter les films. Lors de leur Assemble Gnrale du 20 Janvier 2010, suite lapprobation des comptes 2009 et la rlection du Conseil dadministration, il a t dcid de lancer un nouveau projet de portail commun pour augmenter leur visibilit sur Internet et attirer de nouveaux spectateurs dans leurs salles. Trs intress par les nouvelles technologies, le Directeur du cin-club de Sarzeau a t naturellement nomm par ses pairs chef de projet du portail AccroCin. A laide dune commission projet portail AccroCin monte pour la circonstance, le chef de projet a pu prsenter au Conseil dadministration du 30 avril 2010 une premire version du cahier des charges et obtenir la validation de sa version finale la runion du 28 mai 2010.

Le systme dinformation existant

Le systme dinformation existant de lassociation se dcompose en de nombreux sous systmes gnralement indpendants et dvelopps artisanalement en fonction des besoins de chaque cin-club. Il comprend : Les systmes dinformation internes ddis aux fonctions administratives de lassociation et des cin-clubs, comme la comptabilit, la paie, la publicit, la gestion des locations des salles et des films. Les sites Internet des cin-clubs permettant de renseigner les Internautes sur la programmation en cours des films. Le site Internet de lassociation qui se limite une prsentation des cin-clubs affilis sur une carte gographique avec des liens vers les sites et la programmation de ces cin-clubs.

Ces systmes ne communiquent pas entre eux : aucune billetterie en ligne qui aurait pu justifier une interconnexion avec un systme comptable nest actuellement propose et les mises jour des programmes des films se font par accs direct aux sites hbergs chez des prestataires de types OVH. Seul le systme de messagerie a t unifi sous le nouveau nom de domaine AccroCine.org dpos par lassociation AccroCin et est hberg chez OVH.

Contexte AccroCin - BTS-SIO2/SLAM 3

Cahier des charges du Portail AccroCine.org

Objectif du projet
Lobjectif du projet et de dfinir et mettre en place le futur portail AccroCine.org pour mettre la disposition des internautes une programmation complte de tous les films des cin-clubs membres et permettre aux adhrents de participer cette programmation par un systme de vote sur une base de donnes de films prsents sur ce site.

Organisation et SI existant
Lassociation AccroCin ne dispose actuellement que dun site vitrine identifiant les cin -clubs membres sur une carte, avec leurs adresses gographiques et les liens vers leurs sites Internet. Chaque cin-club membre dispose aussi dun site vitrine, avec un affichage de la liste des prochaines sances programmes dans le mois courant et le mois suivant. Les films sont en gnral prsents de faon succincte, avec le titre, une vignette de laffiche, la date de sortie, les noms du ralisateur et des principaux acteurs et un rsum du synopsis. Certains cin-clubs comme celui de Sarzeau dispose aussi dun micro-ordinateur de type PC Windows pour consulter des fiches de films stockes au fil de leau p ar le Directeur sur une base de donnes Microsoft Access et consultable sur place par les visiteurs.

Besoins dvolution et solution cible souhaite

Dans un premier temps, les cin-clubs de lassociation AccroCin souhaitent disposer dun portail commun sur Internet, ladresse www.AccroCine.org dj rserve, pour : Offrir aux internautes un service unique, pour : o consulter les programmes de projections de films de tous les cin-clubs, laide dun calendrier interactif, o disposer de fiches standardises de description des films, o disposer des informations pratiques sur les cin-clubs membres avec leur adresse, photos, plan daccs et contacts. Offrir aux adhrents un accs rserv au site pour : o consulter une base de donnes commune de fiches de films avec avis et notes dapprciation des adhrents, o enregistrer leurs avis et notes dapprciation relatifs ces films, pour contribuer au choix de leur diffusion ou rediffusion dans les salles. Offrir aux modrateurs et animateurs du site un accs rserv pour : o approuver ou bloquer toute proposition de critique mise par les adhrents, o proposer aux administrateurs linterdiction daccs de certains adhrents ne respectant pas lthique du portail. Offrir o o o o aux administrateurs du site un accs rserv pour : mettre jour la programmation des projections de films, alimenter la base de donnes des fiches de films, grer la liste des adhrents et modrer leurs commentaires, consulter les statistiques de votes sur les films, de visites des programmes et des fiches de films.

La fermeture des sites locaux existant pourra tre effective quelques semaines aprs la mise en production du portail AccroCine.org, ds la validation de service rgulier prononce (VSR).

Contexte AccroCin v0.1 - BTS-SIO2/SLAM 4

Dans un deuxime temps, le portail AccroCine.org pourra offrir un service de billetterie en ligne pour permettre aux internautes dacheter lavance leurs places de cinma des cinclubs partenaires et viter ainsi les files dattente aux caisses.

Moyens organisationnels et techniques

La mutualisation des moyens de publication sur Internet des cin-clubs membres va permettre de rallouer le budget de mise jour des sites existants au budget commun du nouveau portail AccroCin, pour obtenir in fine une plateforme de communication beaucoup plus attrayante et interactive. Cette globalisation des moyens rend possible la mise en place dune organisation centralise pour la mise en place et lexploitation du portail AccroCin, avec lembauche dun salari temps plein pour lanimation de ce site (webmestre et community manager). Le chef de projet coordonnera notamment : la la le le le prslection et la consultation des prestataires candidats, slection du prestataire retenu pour le dveloppement et la mise en place du site, choix de lhbergeur du site, suivi des travaux de dveloppement du prestataire jusqu la recette finale, recrutement du webmestre/community manager et son suivi.

Le prestataire devra pouvoir mettre disposition du chef de projet un accs rserv au site complet pour validation daptitude (VA) moins de six mois aprs le dmarrage du dveloppement et prvoir la validation de service rgulier (VSR) moins de six semaines aprs la VA. Sa prestation fera lobjet dun contrat forfaitaire, y incluant la fourniture dune garantie dun an partir de la VSR pour corriger les bugs et intgrer des mises jour mineures.

Contexte AccroCin - BTS-SIO2/SLAM 5

Solution technique propose

Afin de rduire les risques lis la matrise duvre dun tel projet, le comit de pilotage du projet AccroCin a retenu le principe dune architecture logicielle ouverte (architecture MVC : Modle-Vue-Contrleur) avec Framework/CMS Joomla 2.5 et un dveloppement en deux phases : 1. Mise en place dun composant com_accro intgrer au CMS Joomla 2.5, correspondant la partie administrateur du site web, dvelopp en HTML et PHP sous NotePad++ et interconnecte une base de donnes MySQL . 2. Mise en place du template mob1, selon la technique Mobile First , dvelopp en CSS3 sous NotePad++ et adaptation du composant com_accro pour la partie publique du site. La technologie Joomla a t choisie parmi les trois CMS (Content Management System : outil de gestion de contenu sur Internet) open-source et gratuits les plus populaires du march : WordPress, Drupal et Joomla. Sa simplicit d'utilisation, la qualit de ses extensions et le dynamisme de ses communauts dutilisateurs et de dveloppeurs en France, en Europe et dans le monde assurent Joomla un suivi et une volution de trs grande qualit. Le schma darchitecture logicielle est le suivant :

Les lments coloris en orange correspondent aux dveloppements relatifs la premire phase et comprend les deux lments du socle commun, la base donnes Joomla sous MySQL et linstallation de lAPI Joomla 2.5, permettant ensuite lintgration du composant com_accro spcialement dvelopp pour les besoins du portail AccroCine.org. Llment colori en bleu correspond la deuxime phase du dveloppement explicit cidessus.

Contexte AccroCin v0.1 - BTS-SIO2/SLAM 6

Le choix dune architecture MVC rpond aux besoins douverture et dvolutivit du portail tout en facilitant lorganisation du code source. Le but dune telle architecture est de structurer le code, pour chaque cas dutilisation ou bloc fonctionnel, en trois parties : Le modle gre les donnes du site. Il rcupre les informations dans la base de donnes, les organise et les assembles pour quelles puissent ensuite tre t raites par le contrleur et la vue. Cette partie comporte donc les requtes SQL. La vue correspond laffichage, elle organise la faon dont les donnes seront affiches lcran. On y trouve essentiellement du code HTML mais aussi quelques boucles et conditions PHP trs simples, pour afficher par exemple la liste des films, des critiques partir dune collection de donnes rcupres du modle correspondant. Le contrleur gre la logique du code et les demandes utilisateurs. Le contrleur rcupre les donnes du modle, les analyse/les traite, et renvoie les donnes afficher, aprs traitement, la vue. Le contrleur contient exclusivement du code PHP, organis sous forme de fonctions.

Linfrastructure rseau mise en uvre pour ce projet est la suivante :

Sur chacun des postes de dveloppement (PC Windows 7 pro) a t install XAMPP 1.7.3 (version stable) puis Joomla 2.5.7 (mis jour par la suite en 2.5.9). Lenvironnement de production est un serveur LAMP mutualis avec Joomla 2.5.7 prinstall en option. Les extensions packags com_accro.zip, tpl_mob1.zip et mod_accro_top.zip y ont t installs aprs tlchargement par FTP en mode scuris.

Contexte AccroCin - BTS-SIO2/SLAM 7

Plan Projet

Contexte AccroCin v0.1 - BTS-SIO2/SLAM 8

Spcifications fonctionnelles et techniques Cas dutilisation

Contexte AccroCin - BTS-SIO2/SLAM 9

Diagramme de squence

Contexte AccroCin v0.1 - BTS-SIO2/SLAM 10

Contexte AccroCin - BTS-SIO2/SLAM 11

Modle des donnes

Le principe de conception du modle des donnes a t de partir des classes mtier dduites des cas dutilisation pour ajouter six tables lies au composant com_accro dans la base de donnes Joomla et de lier la table cine_accro_critics (critiques de films) la table cine_users de Joomla, elle-mme lie la table cine_usergroup par la table cine_u ser_usergrouo_map :

La table cine_accro_movies_ximp nest lie aucune autre table mais permet denregistrer les correspondances entre les colonnes des fichiers dimport de films incluant les noms des ralisateurs et les tables de films (cine_accro_movies) et de ralisateurs (cine_accro_directors), dans la langue choisie.

Contexte AccroCin v0.1 - BTS-SIO2/SLAM 12

Base de donnes relationnelle

Limplmentation du modle des donnes dfini plus haut se fait par lintermdiaire du fichier SQL dinstallation install.sql, intgr par la suite dans le composant com_accro.zip et dont un extrait est fourni ci-dessous :
... CREATE TABLE IF NOT EXISTS `cine_accro_clubs` ( `id` int(11) NOT NULL AUTO_INCREMENT, `Name` varchar(50) NOT NULL, `Street` varchar(50) NOT NULL, `City` varchar(50) NOT NULL, `Zipcode` int(5) NOT NULL, `Phone` varchar(10) NOT NULL, `Email` varchar(50) NOT NULL, `Website` varchar(50) NOT NULL, `published` tinyint(1) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=4 ; --- Contenu de la table `cine_accro_clubs` -INSERT INTO `cine_accro_clubs` (`id`, `Name`, `Street`, `City`, `Zipcode`, `Phone`, `Email`, `Website`, `published`) VALUES (1, 'UGC ', '123 rue Quntn Prx', 'Pommeuse', 77515, '0123456712', 'ugc@gmail.com', 'ugcpommeuse.fr', 1), (2, 'Pathe', '987 rue Mhd Dhb', 'Longueville', 77650, '0198765432', 'path@gmail.com', 'pathlongueville.fr', 1), (3, 'Mgarama', 'azerty', 'uiop', 95130, '0000000000', 'azerty@azerty', 'azerty', 1); -- ---------------------------------------------------------- Contenu de la table `cine_accro_types` -INSERT INTO `cine_accro_types` (`id`, `Type`) VALUES (1, 'Romantique'), (2, 'Comdie'), (3, 'Thriller'), (4, 'Drame'), (5, 'Documentaire'), (6, 'Film d''horreur'), (7, 'Film d''animation'); ...

Conformment la notation Joomla, le prfixe des tables #_ permet de nassocier le prfixe cible, cine ici, quau moment de linstallation du composant com_accro.zip sous Joomla.

Contexte AccroCin - BTS-SIO2/SLAM 13

Architecture de la solution Architecture globale de la solution

Extension com_accro
Lextension com_accro a t dveloppe suivant larchitecture MVC (et T pour joomla) prconise pour tout composant Joomla 2.5, avec une partie utilisable dans le site dadministration (backend) partir du menu Composants, rubrique AccroCin-club, dont linterface est la suivante :

Larborescence ci-dessous donne le dtail des sous-dossiers de la partie administration du composant com_accro :

Chacun des contrleurs relatifs au sous-menu du composant accro_cin se trouve dans le dossier controllers. Chaque contrleur appelle son modle (dossier models), qui lui-mme fait appel aux vues demandes (dossier views).

Contexte AccroCin v0.1 - BTS-SIO2/SLAM 14

Template mob1
Le site public AccroCine.org a t dvelopp partir du CMS Joomla et en tendant le composant com_accro avec une arborescence de modles, vues et contrleurs trs proche de celle de ladministration. Afin de rendre le site plus lisible partir des smartphones ou autres appareils mobiles, un nouveau template Joomla a t spcialement dvelopp en sappuyant sur une conception mobile first pour la feuille de style CSS 3 correspondante, qui se termine par le code cidessous : @media only screen and (min-width: 36em) { /* media queries */ .website-title { font-size: 2rem; width: 300px; height: 140px; background: url(../images/accrocine-club140.png) norepeat left top;} .article-wrapper { float: left; width: 67.15%; /* 650px */ margin-right: 2%; } .content { float: left; width: 100%; /* 70.77% */ } .extra-content { float: left; width: 26.85%; } } Cette commande permet, lorsque la largeur dcran du navigateur est suffisamment grande, de disposer les blocs dfinis, dans le fichier index.php du template, par les balises <aside> et de classe extra-content de safficher dans une colonne supplmentaire droite. Sinon, tous les blocs saffichent par dfaut les uns la suite des autres, ce qui convient notamment aux mobiles, comme le montre les copies dcrans suivantes :

Contexte AccroCin - BTS-SIO2/SLAM 15

Module Top 10
Une troisime extension Joomla a t dveloppe pour permettre laffichage du bl oc Top 10 visible dans les copies dcrans ci -dessus : le module mod_accro_top.zip Ce module respecte larchitecture Joomla qui gre les modules comme des composants simplifis, avec une vue et un modle li son affichage sur le site public.

Contexte AccroCin v0.1 - BTS-SIO2/SLAM 16

Guide dinstallation dune extension Joomla

Dans ladministration Joomla, cliquer sur longlet Extension puis sur Grer des extensions.

En dessous de Archive Envoyer, cliquez sur le bouton Choisissez un fichier

Slectionner le fichier installer puis cliquer sur le bouton Envoyer et Installer

Contexte AccroCin - BTS-SIO2/SLAM 17

Procdure dinstallation des composants :

-Importer les composants suivant laide des fichiers zip : -com_accro_AM.zip -mod_accro_top_AM.zip -mob1_AM.zip -Importer le dossier movies dans le dossier images la racine de Joomla. -Dans le back-office : -Extension Gestion des templates : Choisir mob1 en template par dfaut. -Ajouter un contact pour le formulaire de contact du front-office -Menu Gestions des menus Paramtre du menu principale : -Changer la position et la mettre en position-1 -Paramtre avancs Suffixe CSS de menu : mettre nav nav-justified (ne pas oublier lespace en premier). -Menu Menu principal ajouter les liens suivants : - Films Type de lien : URL externe URL : index.php/component/accro/ ?cap=0 - Ralisateurs Type de lien : URL externe URL : index.php/component/accro/ ?view=accrod&cap=0 - clubs Type de lien : URL externe URL : index.php/component/accro/ ?view=accroc&cap=0 - Contact Type de lien : contact Mettre le contact que lon a cr prcdemment -Extension Gestion de modules : Changer la position du module mod_accro_top en position 6 et lassigner toutes les pages. Le plublier. Changer la position du module de connexion en position 3 et lassigner toutes les pages.

Contexte AccroCin v0.1 - BTS-SIO2/SLAM 18

Guide dutilisateur

Page daccueil

Menu de navigation

Zone didentification adhrent

Top dix des films dAccroCine

Contexte AccroCin - BTS-SIO2/SLAM 19

Navigation sur le site

Page des films

Lettre de lalphabet cliquable permettant un tri des films

Lien cliquable pour afficher les dtails de film

Contexte AccroCin v0.1 - BTS-SIO2/SLAM 20

Vue de dtail film

Vue de dtail dun film

Commentaire du film par un utilisateur

Contexte AccroCin - BTS-SIO2/SLAM 21

Les informations en tant quadhrent

Identifiez-vous

Zone didentification adhrente, donnant accs la cration de critique

Contexte AccroCin v0.1 - BTS-SIO2/SLAM 22

Visualiser/saisir critiques

Note moyenne dun film

Une fois identifi en tant quadhrent, vous pouvez visualiser les critiques dun film dans sa vue de dtail.

Vous pouvez saisir une critique ainsi quune note sur linterface prsente en dessous des autres critiques.

Contexte AccroCin - BTS-SIO2/SLAM 23

Vue du site
Sur ordinateur :

Sur portable/tablette :

On peut voir que les modules salignent de haut en bas pour tenir dans la page.

Contexte AccroCin v0.1 - BTS-SIO2/SLAM 24

Interface dadministration
1) Boutons de gestion (Ajouter, Modifier, Supprimer)

2) Boutons menus pour accder aux diffrentes catgories (Films, Genres, Ralisateurs, Critiques, Clubs, Sances)

Contexte AccroCin - BTS-SIO2/SLAM 25

FICHE TECHNIQUE Hbergement OVH www.lla-sio.fr

Administration Date de mise disposition : Accs Manager OVH : Identifiant : Mot de passe : Transfert de fichiers FTP Serveur FTP : Serveur SSH : Identifiant : Mot de passe : Base de donnes MySQL Accs PhpMyAdmin : Serveur : Utilisateur : Nom base : Mot de passe : Site AccroCin 2014 Accs au site : CMS : Administrateur Joomla : Identifiant : Mot de passe : Adhrent AccroCin : Nom : Identifiant : Mot de passe : Webmail scuris Accs Webmail : www.webmail.ovh.net www.lla-sio.fr/accrocine Joomla 2.5.14 www.lla-sio.fr/accrocine/administrator admin TSIO1Sisr www.lla-sio.fr/accrocine Paul DUPOND pdupond TSIO1Sisr https://phpmyadmin.ovh.net mysql51-48.pro llasioslam2a llasioslam2a 15ede082 ftp.lla-sio.fr lla-sio.fr llasio 0751708z 14 Mars 2013 https://www.ovh.com/managerv3 lla-sio.fr 0751708z