SIGT09 Introducció Joomla

886 views

Published on

Sigt09 Introducció Joomla

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
886
On SlideShare
0
From Embeds
0
Number of Embeds
50
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • SIGT09 Introducció Joomla

    1. 1. Introducció a Joomla! Introducció a Joomla! com a SIGT SIGT - Alex Araujo i Batlle – Maig de 2009
    2. 2. Introducció <ul><li>Què és un CMS? </li></ul>CMS són les sigles de Content Management System, en català, Sistema de Gestió de Continguts. Els gestors de continguts són sistemes per mantenir i actualitzar webs de manera fàcil. Normalment funcionen a través del mateix web, i a vegades a través d'aplicacions específiques. Wikipèdia
    3. 3. Perquè un CMS Opensource i LAMP? Per què triar un CMS? La gestió la realitza el propi usuari No calen coneixements tècnics per gestionar-lo L’administració és senzilla, via web Per què Open Source? Cost per servei, no per producte Codi font conegut i editable Llibertat de canviar i de triar proveïdor Per què LAMP? Multitud de Proveïdors i preus
    4. 4. Exemples de Serveis LAMP
    5. 5. Introducció <ul><li>Per què Joomla? </li></ul>És Open Source Arquitectura LAMP Multitud de recursos associats Components, Mòduls i Pluggins Projectes lliures o comercials Complements Marc Descàrrega gratuïta Modificació parcial o total Comunitat Forta i creixent Filosofia de Cost per Servei
    6. 6. <ul><li>Alguns llocs web fets en Joomla </li></ul>
    7. 7. <ul><li>Screen del Màsters EUM </li></ul>
    8. 8. 1. Alguns exemples de webs en Joomla!
    9. 9. 1. Alguns exemples de webs en Joomla!
    10. 11. Model de Llicències – Joomla! Paquet Joomla! 1.5.X estàndard CMS base OpenSource Components base (links, articles,..) OpenSource Mòduls base (noticies, imatges, ..) OpenSource Pluggin base (SEO, imatges, ..) OpenSource Plantilles base (Admin i Front ) OpenSource Components OpenSource o comercials Mòduls OpenSource o comercials Pluggin OpenSource o Comercials Plantilles OpenSource o comercials
    11. 12. Model de negoci – Com funciona? Necessito posar en funcionament un Joomla a la meva empresa. Què faig?! Necessitat Acció Cost Domini (.com/.net/..) Registrar el domini Entre 20€ - 40€ anuals segons domini Allotjament Cercar un proveïdor Entre 50€ - 300€ anuals segons oferta Producte Base Descarregar Joomla 1.5.X 0€ Posada en funcionament Instal·lar i configurar Cost per servei. Segons oferta. Personalització Edició de plantilles, complements, etc.. Cost per servei en cas d’OpenSource Noves plantilles, complements comercials, etc... Segons el Cost del producte
    12. 13. Això funciona? – Un exemple senzill Imaginem que volem posar en funcionament la web de la nostra empresa. Suposarem, que la despesa serà la mateixa, doncs és important tenir en compte que USAR PRODUCTES OPENSOURCE NO VOL DIR UN COST ZERO. Un dels avantatges de Joomla! És el fet de la combinació de sistemes de llicència. La seva escalabilitat i la seva modularitat permet la convivència de parts comercials, desenvolupaments a mida i solucions OpenSource. CMS Joomla! CMS comercial Producte a mida Cost del producte baix Cost del producte alt Cost del producte alt Llibertat per canviar de proveïdor Dificultats per canviar de proveïdor Dificultats per canviar de proveïdor Major part d’hores dedicades a servei Segons el producte, inclou o no un paquet de serveis Major part d’hores dedicades al desenvolupament Possibilitat de d’edició de codi i inserció de modificacions i KnowHow conegut Producte tancat amb modificacions a demanda Producte tancat amb modificacions a demanda i KnowHow desconegut
    13. 14. Components, Mòduls i Plugins <ul><li>Què són? </li></ul>On Trobar-los? -> http://www.joomla.org Com identificar-los? Elements Visibles (Mòduls) Funcionalitats “extres” (Pluggins) Conjunt d’eines (Components)
    14. 15. Exemple d’Integració de Recursos <ul><li>Google Maps </li></ul>Google Analytics Flikr Youtube
    15. 16. Comunitats Actives Pàgina principal en Anglès -> http://www.joomla.org Pàgina de la Comunitat Joomla en Català -> http://www.joomla.cat Pàgina de la Comunitat en Castellà -> http:// www.joomlaspanish.org
    16. 17. Referències <ul><li>Creat al 2005, actualment consta d’una versió 1.0.X i de l’actual sistema 1.5.X. </li></ul><ul><li>A febrer de 2009, ja hi ha: </li></ul><ul><ul><li>més de 4500 extensions disponibles per als usuaris. </li></ul></ul><ul><ul><li>més de 260.000 usuaris registrats al fòrum oficial </li></ul></ul><ul><li>CMS Awards ( http://www.packtpub.com/open-source-cms-award-previous-winners ) </li></ul><ul><ul><li>2006 – Millor CMS OpenSource </li></ul></ul><ul><ul><li>2007 – Millor CMS OpenSource en php </li></ul></ul>
    17. 18. Guia Pràctica – Descarreguem programari Instal·lació en un Equip personal amb SO Microsoft Windows XP <ul><li>Descarreguem el Servidor WAMP </li></ul><ul><ul><li>http://www.wampserver.com/en/download.php </li></ul></ul><ul><li>Descarreguem l’última versió de Joomla! </li></ul><ul><ul><li>http://www.joomla.org/download.html </li></ul></ul>
    18. 19. Guia Pràctica – Instal·lació del WAMP server <ul><li>Executem l’arxiu descarregat </li></ul><ul><ul><li>Podem anar seguint l’assistent acceptant els paràmetres per defecte fins que finalitzi. </li></ul></ul><ul><ul><li>Un cop instal·lat , cal que aixequem els serveis clicant a “Start all services” i finalment activar el servidor clicant a “Put Online”. Ja tenim el servidor i la base de dades funcionant. </li></ul></ul><ul><ul><li>Des de la barra inferior, clicant a la icona del servidor WAMP, trobem la carpeta arrel a “www directory”. </li></ul></ul>
    19. 20. Guia Pràctica – Intal·lació de Joomla! <ul><li>Descomprimim l’arxiu descarregat i el copiem el contingut de la carpeta a la carpeta de la web “C:wampwww”. </li></ul><ul><li>Iniciem l’assistent d’instal·lació connectant-nos a la carpeta “installation “ del nostre ordinador mitjançant l’adreça on haguem deixat la carpeta: </li></ul><ul><ul><li>http://localhost/installation </li></ul></ul><ul><ul><li>http://127.0.0.1/installation </li></ul></ul><ul><ul><li>O bé des de l’adreça següent, depenent si hem creat una carpeta: </li></ul></ul><ul><ul><li>http://localhost/joomla/installation </li></ul></ul><ul><ul><li>http://127.0.0.1/joomla/installation </li></ul></ul>
    20. 22. Cliquem següent fins al pas 4, on haurem de definir Els valors de la base de dades
    21. 23. Cliquem següent i seguim amb la opció “no”
    22. 24. Finalment, cal que li podem un nom al lloc, una clau per l’administrador i una adreça de correu electrònic vàlida. Per tal de poder practicar, instal·larem dades de mostra clicant al botó corresponent.
    23. 25. Un cop eliminat el directori d’instal·lació, ja podem accedir Al nostre lloc web!
    24. 26. Guia Pràctica – Creació d’una pàgina personal <ul><li>Volem posar-hi: una foto, un text i dos mapes de google. </li></ul><ul><li>Opció 1 (més senzilla) Tot dins d’un article. </li></ul><ul><li>Necessitarem: </li></ul><ul><ul><li>Descarregar i instal·lar un pluggin per GoogleMaps </li></ul></ul><ul><ul><li>Crear un article amb la informació del CV, la foto i el mapa </li></ul></ul>
    25. 27. Guia Pràctica – Creació d’una pàgina personal <ul><li>Volem posar-hi: una foto, un text i dos mapes de google. </li></ul><ul><li>Opció 2 (més complexa) Cada cosa per separat. </li></ul><ul><li>Necessitarem: </li></ul><ul><ul><li>Descarregar i instal·lar un pluggin per GoogleMaps </li></ul></ul><ul><ul><li>Descarregar i instal·lar un mòdul per googleMaps </li></ul></ul><ul><ul><li>Crear un mòdul amb la foto </li></ul></ul><ul><ul><li>Crear un article amb la informació del CV </li></ul></ul>
    26. 28. Guia Pràctica – Creació d’una pàgina personal Descarregarem el següent pluggin des de la part d’extensions de la web de Joomla! http://joomla.org : http://extensions.joomla.org/extensions/photos-&-images/maps/1147/details
    27. 29. Guia Pràctica – Creació d’una pàgina personal Desarem l’arxiu comprimit i, un cop dins de la nostra àrea d’administració, procedirem a instal·lar el pluggin 1er. Cliquem a installl 2on. Examinem i triem el que hem descarregat anteriorment 3er Cliquem a “Upload...”
    28. 30. Guia Pràctica – Creació d’una pàgina personal Un cop instal·lat, anem a la pestanya “extensions – pluggins” i cliquem sobre el de Google maps que hi ha. Un cop a dins, a ma dreta haurem de posar la clau de la API de Google i habilitar-lo. La següent clau val per la url: http://localhost ABQIAAAASabQlhxAv3kYUk3R6SY3sxRi_j0U6kJrkFvY4-OX2XYmEAa76BSKxauZl2BpSFvP9bAxomO0Jsr6yQ
    29. 31. Guia Pràctica – Creació d’una pàgina personal Finalment, crearem l’article on posar-hi tota la informació des del menú “gestor d’articles – article nou”. Hem de posar-hi un títol, hem de marcar els checks de “publicat” i “front page”, i finalment, redactar el cos del CV. Podem inserir un mapa, copiant i modificant el següent codi allà on volem que aparegui: {mosmap width='500'|height='400'|lat='41.53800370370368'|lon='2.4535629629629767'|zoom=‘15'| zoomType='Large'|zoomNew='0'|mapType='Satellite'| showMaptype='1'|overview='0'|text='Això és la EUM'|lang=''}
    30. 32. Guia Pràctica – Creació d’una pàgina personal Per inserir una imatge, ho podem fer des d’una URL o bé, pujant una foto al servidor. Finalment, desem la pàgina i ja podem accedir a la portada per trobar-hi els resultats.
    31. 33. Guia Pràctica – Creació d’una pàgina personal Si volem posar el mapa en un mòdul separat, podem fer-ho baixant i instal·lant el mòdul corresponent: http://extensions.joomla.org/extensions/photos-&-images/maps/8399/details Un cop instal·lat, cal copiar el mateix codi anterior, dins del mòdul i triar la posició on volem que aparegui.
    32. 34. Guia Pràctica – Creació d’una pàgina personal Si volem crear un nou punt de menú que enllaci al document fet, caldrà que entrem al menú desitjat, des del gestor de menús, i creem un nou element Un cop crear, aquest punt ja apareixerà a la configuració del mòdul i podrem triar què mostrar-hi.
    33. 35. Guia Pràctica – Creació d’una pàgina personal Si volem crear un mòdul personalitzat, per exemple amb una imatge, i mostrar-lo quan aparegui el nostre contingut, ho podem fer des de la pestanya de mòduls -> nou, i triar el que diu “html”
    34. 36. Guia Pràctica – Una mica més de Joomla! <ul><li>Primeres passes amb l’administració </li></ul><ul><ul><li>Modificar elements visibles </li></ul></ul><ul><ul><ul><li>Plantilla diferent </li></ul></ul></ul><ul><ul><ul><li>Mostrar/ocultar mòduls </li></ul></ul></ul><ul><ul><ul><li>Mostrar/ocultar articles </li></ul></ul></ul><ul><ul><li>Afegir nous elements </li></ul></ul><ul><ul><ul><li>Crear un mòdul nou amb els que hi ha per defecte </li></ul></ul></ul><ul><ul><ul><li>Crear un nou article </li></ul></ul></ul><ul><ul><ul><li>Crear un nou punt de menú (p.exemple embolcall) </li></ul></ul></ul><ul><ul><ul><li>Crear un nou usuari </li></ul></ul></ul>
    35. 37. Guia Pràctica – Una mica més de Joomla! <ul><li>Alguns elements de terceres persones </li></ul><ul><ul><li>Treballant amb plantilles </li></ul></ul><ul><ul><ul><li>Descarregar plantilles </li></ul></ul></ul><ul><ul><ul><ul><li>Exemple: </li></ul></ul></ul></ul><ul><ul><ul><ul><li>http://www.osskins.com/main/joomla-mambo/free-joomla-15-template-dj-013/2008/12/16 </li></ul></ul></ul></ul><ul><ul><ul><li>Descarregar paquets d’idioma </li></ul></ul></ul><ul><ul><ul><ul><li>Exemple: Paquet en català -> http://joomlacode.org/gf/project/jtranslation/frs/?action=FrsReleaseView&release_id=9880 </li></ul></ul></ul></ul><ul><ul><ul><li>Descarregar Mòduls, pluggins o complements </li></ul></ul></ul><ul><ul><ul><ul><li>Exemple: Exemple videos Youtube (cercar ‘google’ a extensions) -> instala, habilita i posa video de mostra http://extensions.joomla.org/extensions/multimedia/video-players-&-gallery/812/details </li></ul></ul></ul></ul>
    36. 38. Alguns enllaços de referència <ul><li>Plantilles gratuïtes </li></ul><ul><li>- http://www.siteground.com/joomla-hosting/joomla-templates.htm </li></ul><ul><li>http://www.osskins.com/main/?this=qr&meta=cost&metavalue=free&category=2 </li></ul><ul><li>http://joomla2u.net/category/joomla-15x/ </li></ul><ul><li>http://www.veero.net/Joomla-Free-Templates/ </li></ul><ul><li>Plantilles de pagament </li></ul><ul><li>http://www.yootheme.com/ </li></ul><ul><li>http://www.rockettheme.com/ </li></ul><ul><li>http://www.pixelsparadise.com/ </li></ul><ul><li>http://www.clubjoomla.com/ </li></ul><ul><li>http://www.joomlabamboo.com </li></ul><ul><li>Creació de Comunitats (CB) </li></ul><ul><li>http://extensions.joomla.org/extensions/210/details </li></ul><ul><li>http://extensions.joomla.org/extensions/extension-specific/community-builder-extensions </li></ul><ul><li>Més extensions </li></ul><ul><li>http://extensions.joomla.org/ </li></ul>

    ×