- 42 -
3.6.4 Estimació d’altres costos
Per ara no contemplarem cap cos extra.
3.6.5 Estimació costos indirectes
No contemplarem cap cost indirecte3.6.6 Resum i anàlisi cost benefici
En aquesta secció farem un resum i un anàlisi del cost benefici del nostre projecte Cost de desenvolupament del projecte... 5836.5 €
Cost d’amortització del material... 488.88 € Costos Indirectes... 0 €
El cost del projecte serà de 6325.38 euros
3.7 Conclusions
Després d’haver realitzar el pla de projecte arribem a les següents conclusions:
1. S’han determinat les fases, activitats principals i punts de control del projecte.
2. S’han representant gràficament utilitzant un WBS. 3. S’han valorat els recursos del projecte.
4. S’ha generat el calendari del projecte incloent el diagrama de Gantt.
5. S’han avaluat els riscs del projecte i s’ha preparat un pla de contingència. 6. S’ha determinat el pressupost del projecte.
7. S’ha analitzat el cost dl projecte en relació als beneficis esperats.
- 43 -
4.Concepte Joomla
4.1 Gestors de contingut
Els gestors de contingut o CMS (Content Management System), són sistemes per mantenir i actualitzar pàgines web de manera senzilla.
Els gestors de continguts que més s’han estès són els que tenen origen al programari lliure, gràcies a llicències com la GNU GPL, on el codi és públic i qualsevol és lliure de modificar-ho, copiar-ho o distribuir-ho.
Els CMS de programari lliure més coneguts són programats amb PHP, Perl, Ruby i Java. Alguns exemples de CMS per portals web podrien ser: Drupal, Mambo, Envolution, Joomla...
4.2 Joomla
La paraula Joomla prové de la pronunciació fonètica de la paraula Swahili jumla, que
significa “tots junts” o “com un conjunt”.
Com hem comentat amb anterioritat, el Joomla és un sistema de gestió de continguts dinàmic que permet crear pàgines web d’una alta interactivitat, professionalitat i eficiència. A més a més és un CMS lliure i de codi obert, que es pot descarregar, instal·lar i modificar lliurement. A més, es pot utilitzar sense cap tipus de restricció tant per fins personals com per comercials.
Els dos principals elements de Joomla són:
Una base de dades Mysql: on es guarda tota la informació i la major part de la
configuració del sistema, d’una manera ordenada i classificada en diverses taules, on cadascuna d’elles emmagatzema informació específica i determinada.
Un sistema d’arxius PHP, que són els que executen les accions de consulta i realitzen les
- 44 - interpretables pels navegadors i perfectament entenedores per a tots els usuaris que l’utilitzen.
Ara bé, existeixen altres tipus d’arxius que realitzen importants tasques dins de Joomla (arxius XML, scripts Javascrip JS, CSS, etc), però el motor fonamental de tot l’aplicatiu són els dos esmentats anteriorment.
4.3 Breu història de Joomla
El Joomla sorgeix com a resultat d'un fork del Mambo per part del grup de desenvolupament, el 17 d'agost de 2005. Aleshores, Mambo era marca registrada de Miro International Pvt Ltd, que va formar una organització sense ànim de lucre amb el propòsit inicial de fundar el projecte i protegir-lo de litigis.
El 18 d'agost de 2005 Andrew Eddie, en aquell moment líder del projecte, va demanar a la comunitat suggerències pel nom del projecte. Finalment no es va tenir en compte aquesta llista proporcionada per la comunitat.
L'1 de setembre de 2005 es va anunciar el nou nom de "Joomla”.
Per fi, el 16 de setembre de 2005 s’anuncia Joomla 1.0.0, es tractava d’un canvi de nom a la versió 4.5.2.3 del Mambo, amb una combinació de codi que solucionava alguns errors i eliminava els problemes de seguretat que havia tingut Mambo.
La versió 1.5 es va anunciar el 22 de gener de 2008. La més recent (5 de novembre de 2010) és la 1.5.22. Des de finals de maig de 2010 s'han publicat diverses versions beta de l'1.6 per a proves.
4.4 Conceptes Bàsics
Secció/Categoria/Article
El contingut s’organitza en un model d’estructura: Secció – Categoria -Article.
Les seccions contenen categories, les categories contenen articles, i tots ells es poden gestionar des de l’administració de continguts.
- 45 -
Posició dels mòduls
Els mòduls es poden col·locar en qualsevol part de la plantilla. Cada plantilla té unes posicions predeterminades, tot i així també es poden crear de noves.
En cada posició podem tenir un nombre il·limitat de mòduls, ordenats segons l’assignació que es fa des de l’administració.
Plantilla d’una pàgina
En Joomla les plantilles estan configurades en un únic arxiu, treballen bàsicament de la mateixa manera que una pàgina HTML única, cosa que facilita en gran mesura el treball del dissenyador gràfic. El contingut s’afegeix mitjançant etiquetes PHP a la posició que volem que es visualitzi.
Portada o Front-end
És la pàgina que visualitzen els usuaris, tant usuaris registrats com no registrats, i conté tota la informació afegida des de l’administració.
Administració Joomla o Back-end
És el panell de control de l’administració, des d’on l’administrador o Super-Administrador, administra tot l’aplicatiu i el seu contingut.
Nucli o Core
És l’arxiu zip que conté l’ instal·lació del Joomla estàndard oficial. Conté algunes extensions per defecte, al qual se li poden afegir d’altres per tal d’augmentar-ne la seva funcionalitat.
Framework
És una estructura de suport definida en la qual un altre projecte de software pot ser organitzat o desenvolupat.
- 46 -
Llibreries
Són paquets de codi que proporcionen funcionalitats relacionades amb el framework o a les seves extensions.
4.5 Extensions
L’ampliació i personalització de l’aplicatiu es realitza mitjançant les extensions, que es poden instal·lar, desinstal·lar i configurar des de l’administració.
És a dir, les extensions són tot allò que és realitza alguna tasca al Joomla i que, junt amb el nucli, complementen i desenvolupen tota la potència del sistema.
Podem diferenciar cinc tipus d’extensions: els components, els mòduls, els pluguins, les plantilles i els llenguatges.
4.5.1 Components
Un component és l’extensió més extensa i complexa. Són essencialment noves aplicacions que presenten el contingut principal de la pàgina.
El component contingut del nucli (com_content), és la miniaplicació que controla tot el contingut del nucli de la web, mentre que el registre del nucli ( com_registration) és la miniaplicació que controla el registre d’usuaris.
Altres components que venen instal·lats per defecte al Joomla són els contactes, les pàgines d’inici, les noticies externes, els banners, el correu massiu, les enquestes i la sindicació RSS.
Per veure tots els components instal·lats en l’aplicatiu ens haurem de dirigir al back-end, concretament a la secció components.
- 47 -
4.5.2 Mòduls
Un mòdul és una aplicació més lleugera i flexible, mostra informació secundària simplificada i breu que agafen de la base de dades, i després es col·loca a la part de la web que més ens interessa.
També poden realitzar funcions més importants, com publicar enllaços de menú, recollir dades d’accés mitjançant un formulari...
Alguns mòduls que venen per defecte quan instal·les Joomla serien els anuncis, el cercador, el menú les enquestes, les estadístiques, el formulari d’accés, el peu de pàgina...
4.5.3 Pluguins
Un pluguin o també coneguts per mambot a les versions de Joomla 1.0, és una aplicació que abans de que un article sigui publicat a la web, li afegeix informació addicional o l’altera de manera dinàmica.
L’ús dels pluguins permet canviar el comportament del codi, i així millorar les característiques del Joomla.
Alguns pluguins per defecte són el cercador, les estadístiques, els editors, l’ identificació…
4.5.4 Llenguatges
Els llenguatges venen comprimits en uns arxius denominats paquets de llenguatge i una vegada instal·lats, permeten que el front-end i el back-end estiguin expressats en l’idioma que més ens convingui. També existeixen paquets d’idioma per als components i els mòduls.
4.5.5 Plantilles
Les plantilles mostren el contingut de la pàgina en el navegador, tant en la part pública com en la part privada.
Cada plantilla té les seves posicions. Per això convé tenir clara la disposició de les posicions abans de començar a col·locar les extensions ( mòduls, components i pluguins).
- 48 -
5. Anàlisi i Disseny
El propòsit d’aquesta secció és definir les funcions del sistema (casos d’ús) i el context d’aquest (interacció amb entitat externes o actors). Es presenten els diferents diagrames de casos d’ús per als actors amb un breu resum.
5.1 UML: Casos d’ús
En aquesta part definirem les funcions del sistema (casos d’ús) i el context d’aquest (interacció amb les entitats externes o actors).
5.1.1 Usuari no registrat
En la següent figura 5 es mostra gràficament les funcions que tindran els usuaris no registrats. L’usuari no registrat podrà navegar per les parts de la pàgina que són publiques ( valorar els serveis de la cafeteria, veure la localització, accedir a la galeria d’imatges…).
Usuari no registrat
Navegar per les pàgines públiques Alta usuari On Som? Què oferim? Galería d'imatges Contacte Inici Valora'ns
- 49 -
5.1.2 Usuari registrat
Els usuaris registrats tindran tots els privilegis que tenen els usuaris no registrats, i a més podran accedir al menú d’usuaris registrats on se’ls hi permetrà: reservar taula, veure l’estat de la terrassa, consultar la programació esportiva, veure les promocions a “la pissarra” i veure com estan les obres de l’estació centre del metro.
A la figura 6 podem veure totes les funcions de l’usuari registrat.
Usuari registrat
Navegar per les pàgines públiques Autentificació (Login) On Som? Què oferim? Galería d'imatges Contacte Inici Valora'ns Menú Usuaris Registrats Reserva taula Estat de la terrassa Metro Estació Centre La Pissarra Programació Esportiva
- 50 -
5.1.3 Administrador
L’administrador pot accedir a la majoria de funcions administratives.
Aquest tindrà tots els privilegis dels usuaris registrats, a més podrà accedir al menú de la intranet on podrà: canviar el seu contingut des de la configuració, donar d’alta productes, factures, proveïdors i veure l’estat de diferents comptes.
A més podrà administrar els usuaris: crear, editar, eliminar qualsevol tipus d’usuari excepte al Super-Administrador, administrar els menús i instal·lar / desinstal·lar qualsevol extensió ( excepte l’administració d’idiomes i l’administració de plantilles).
Podrem veure els privilegis de l’administrador en la figura 7.
Administrador
Navegar per les pàgines públiques Autentificació (Login) Menú Usuaris Registrats Intranet Configuració Productes Proveidors Factures Altres
- 51 -
5.1.4 Super Administrador
El Super Administrador és el propietari de l’aplicatiu, té el control total del sistema. Tal com es pot observar a la figura 8.
SuperAdministrador
Navegar per les pàgines públiques Autentificació (Login) Menú Usuaris Registrats Intranet Accés Administrator
Figura 8 : Cas d’ús dels Super Administrador
5.2 Arquitectura del sistema
Podríem estructurar la versió 1.5.22, la que utilitzem en el nostre aplicatiu, en un sistema de 3 nivells:
En el primer nivell trobem la capa de les extensions, formada pels mòduls, components i plantilles.
En el segon nivell trobem la capa d’aplicació, formada per les aplicacions que amplifiquen el Framework de la classe JApplication:
La classe JApplication conté:
JInstallation: és el responsable d’instal·lar Joomla al servidor web, aplicació que ha de ser
- 52 -
JAdministrator: és el responsable d’administrar el back -end del sistema. JSite: és el responsable d’administrar el front-end del sistema.
XML-RPC: suporta l’administració remota del Joomla.
En el tercer nivell, trobem la capa del Framework, on podem diferenciar:
El framework, amb les seves respectives classes.
Les llibreries són requerides pel Framework o són instal·lades per tercers (extensions externes) per atendre els requeriments d’aquestes.
Els pluguins o connectors que són els encarregats d’extendre les funcionalitats del framework.
En la imatge 9 podem veure resumides les tres capes de l’estructura de la versió 1.5 de
Joomla.
- 53 -
6.Interfície
6.1 Versió Joomla
Per l’aplicatiu hem instal·lat la versió més recent de Joomla, la 1.5.22, que va ser publicada el 5 de novembre de 2010.
6.1.1 Plantilles
Per dissenyar la plantilla del front-end de l’aplicatiu hem utilitzat Artisteer, una aplicació per Windows que permet dissenyar plantilles per a gestors de continguts ( Joomla, Wordpress, Drupal) i webs estàtiques sense la necessitat de tenir conceptes tècnics sobre XHTML i CSS.
- 54 -
Figura 10: Posicions de la nostra plantilla
Per tal de veure la distribució dels diferents mòduls dins de la plantilla, sense tenir que accedir a l’administració, utilitzarem la sentència ?tp=1 a la barra de navegació del navegador. Tal com podem veure a la figura 11.
Figura 11: Distribució dels mòduls dins de la plantilla del Front-end
A la figura 12 podem veure la plantilla del back-end, utilitzem la plantilla anomenada Khepri, que s’instal·la per defecte.
- 55 -
6.1.2 Components
XCloner Manager Backup and Restore
XCloner és un component que permet generar i restaurar copies de seguretat.
Les còpies de seguretat es generen des de l’administració ( back-end), una vegada s’ha generat, la podem descarregar en un arxiu comprimit d’extensió .tar.
Les còpies de seguretat inclouen l’aplicatiu amb totes les dades i a més la base de dades de l’aplicació. També tenim la possibilitat d’excloure alguns directoris o la mateixa base de dades de la còpia de seguretat.
A la següent figura 13 podem observar el panell de control del XCloner.
Figura 13: Gestor de copies de seguretat XCloner
JComments
És un dels components més populars a l’hora d’introduir comentaris als articles.
Podem incloure un sistema Captcha, que impedeixi a les persones no físiques (robots) introduir comentaris. Tal com podem veure en la figura 14.
- 56 -
Figura 14 : Sistema captcha antirobots
Hem introduït aquest component a la secció Valora’ns del nostre aplicatiu. ( Figura 15 )
Figura 15 : Jcomments de la pagina Valora’ns
Scheduler
Scheduler ens permetrà crear una agenda amb esdeveniments.
El súper administrador podrà agregar, modificar o eliminar esdeveniments quan li convingui.
En l’aplicatiu els usuaris registrats podran trobar el menú d’usuaris registrats, com es pot observar en la figura. Que inclou una agenda amb els esdeveniments esportius que s’emetran en directe a la cafeteria, entre d’altres funcions. (Figura 16)
- 57 -
Figura 16: Calendari de la pagina “Programació Esportiva”
Frontent Admin
Aquest component ens permetrà tenir un control quasi total de l’administració des del front-end de l’aplicatiu. Com es pot observar en la figura 17, podem veure el gestor d’articles, seccions, categories, menús… Podrem administrar les plantilles i instal·lar més extensions.
- 58 -
6.1.3 Mòduls
Weather_Jclock
Al utilitzar el mòdul weather_Jclock, podem saber en tot moment l’hora del dia i la temperatura de Sabadell.
A continuació (figura 18) podem veure’l activat a l’inici de l’aplicatiu.
Figura 18: Mòdul hora i temps
Tcdatetoday
Gràcies a aquest mòdul podrem consultar la data amb el format dia / mes/ any, tal com es pot observar a la figura 19.
Figura 19: Mòdul que mostra la data
Accés a l’àrea privada
Podrem accedir a la part reservada als usuaris registrats del front-end.
En la següent figura 20 podem veure el login de la nostra aplicació, on també podrem registrar-nos en cas de no tenir encara un compte.
- 59 -
Ruta de navegació
Com podem observar a la figura 21, aquest mòdul instal·lat per defecte al Joomla, ens mostra la ruta de navegació de l’aplicatiu.
Figura 21: Ruta de navegació
Visualització de canal
Aquest mòdul ens permet veure les noticies resumides d’un servidor de noticies extern a l’aplicatiu. En el nostre cas, hem escollit el servidor de noticies del diari de Sabadell.
A la figura 22 podem veure el mòdul inclòs a la pàgina d’usuaris registrats.
Figura 22: Canal del diari de Sabadell
Menús
Hem utilitzat tres tipus de menús en l’aplicatiu:
Un menú horitzontal per la pàgina principal en el qual podem observar enllaços com: On som, què oferim, valora’ns, la galeria d’imatges i el contacte. Podem veure’l a la figura 23.
- 60 - Un menú exclusiu pels usuaris que s’han registrat a la pàgina, on podrem reservar taula, veure l’estat de la terrassa, a la secció pissarra observar les promocions que hi ha actualment a la cafeteria, a la programació esportiva informar-nos dels esdeveniments esportius que es retransmetran en directe. I per la gent més curiosa un enllaç a la pàgina web del metro de l’estació centre de Sabadell, per tal de veure l’estat de les obres. Ho veurem a la figura 24.
Figura 24: Menú per als usuaris registrats
I un menú exclusiu pel propietari de l’Andana, des d’on podrà consultar tota la informació sobre els productes que s’ofereixen, els proveïdors amb els quals efectuen transaccions i les factures que és generen d’aquests i de l’adquisició de productes.
Figura 25: Menú de la Intranet
Mòdul personalitzat
El mòdul personalitzat o conegut pels usuaris de joomla per mod_custom, ens permet crear el nostre propi mòdul HTML emprant un editor WYSIWYG.
WYSIWYG es l’acrònim de What You See Is What You Get (“El que veus, és el que
aconsegueixes”). S’aplica sobre els processadors o editors de text amb format ( com per exemple els editors HTML), que permeten escriure en un document i veure directament el resultat.
- 61 - Aquesta informació ha sigut un requeriment del propietari.
A la figura 26 podem veure el nostre mòdul HTML personalitzat.
Figura 26: GolBar i Zona Wifi
Embolcall
Aquest mòdul, instal·lat per defecte al Joomla, ens permetrà veure el contingut d’una pàgina externa, sense tenir que abandonar la nostra pàgina web.
Les obres del metro de l’estació del centre estan situades a escassos metres de l’Andana, i per aquest motiu el propietari em va suggerir, afegir un enllaç a la pàgina per tal de que els usuaris/clients més curiosos poguessin saber en tot moment en quin estat es troben les obres.
A la següent figura 27 podem veure l’embolcall, situat al menú d’usuaris registrats.
- 62 -
6.1.4 Pluguins
Admin Approval
Admin Approval és un connector molt útil que s’encarrega de restringir l’accés d’un usuari. Quan un usuari ha registrat i validat el seu compte, fins que l’administrador no el valida, l’usuari no podrà accedir a la part privada de l’aplicació.
A la figura 28 podem veure el missatge que apareix a l’aplicatiu, una vegada l’administrador ha aprovat el compte de l’usuari.
Figura 28: Correu validat per l’administrador
Image gallery sigplus
Al utilitzar sigplus, podem agregar una foto a la galeria d’imatges d’un article de Joomla, d’una manera molt senzilla.
L’aspecte i el comportament son altament configurables. Pots incloure un marge a l’ imatge, una orientació de rotor ( horitzontal o vertical), velocitat en l’animació, ordre en les imatge.
Utilització:
Primer de tot hem de crear una carpeta amb totes les imatges. A continuació crearem un article i li afegirem la següent sintaxi: {gallery} Nom de la carpeta{/gallery}..
Una vegada hem realitzat aquests senzills passos podem observar els resultats a la figura 29.
- 63 -
Figura 29: Galeria d’imatges
Al fer clic en una de les imatges de la galeria, apareix un pop-up de superposició de finestres, que mostra l’ imatge en tamany original, sense tenir que navegar fora de la pagina actual. A més, tenim la possibilitat de descarregar-nos aquesta imatge
- 64 -
Direct PHP
Direct PHP ens permetrà inserir codi PHP dintre d’una pàgina de continguts, és a dir, als articles. En la següent imatge 31, podem veure codi PHP, concretament en l’article Alta Producte.
Figura 31: PHP en un article
Hot Login
Aquest pluguin ens permet tenir la finestra del login amagada a la part superior de la pàgina, com es pot veure en la imatge 32.
Figura 32: Posició del Login gràcies al Hot Login
Al clicar sobre la pestanya “ Intranet”, la finestra es desplegarà i podrem introduir les dades per tal d’accedir a la intranet de l’aplicació o simplement per a que un usuari que no te compte, es pugui registrar.
- 65 -
6.1.5 Llenguatges
Tant en el la part publica com en l’administració, fem servir el català com a paquet d’idioma.
A la figura 34 podem observar el gestor d’idiomes, que esta situat a l’administració del Joomla.
Figura 34: Gestor d’idiomes
6.1.6 Altres pagines
Articles
Els articles són pagines amb contingut purament informatives. Els següents enllaços son articles publicats a la pàgina web: Portada, On som?, Què oferim i La Pissarra.