I NNEHÅLLSHANTERINGSSYSTEM J OOMLA CMS L EKTION 1 Mahmud Al Hakim

En presentation över ämnet: "I NNEHÅLLSHANTERINGSSYSTEM J OOMLA CMS L EKTION 1 Mahmud Al Hakim"— Presentationens avskrift:

1 I NNEHÅLLSHANTERINGSSYSTEM J OOMLA CMS L EKTION 1 Mahmud Al Hakim mahmud@hakimdata.se www.hakimdata.se

2 K URSPLANERING 22 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009 Lektion 1 Introduktion till Joomla Online installation och konfiguration Överblick av funktionalitet Frontend vs Backend Lektion 2 Innehållsstrukturen med sektioner och kategorier Uppbyggnad av menyer och innehåll WYSIWYG-editorn Lektion 3 Moduler och Komponenter Tillägg (Extensions) Joomla Mallar (Templates)

3 S TATISK WEBBDESIGN Statisk webbdesign innebär att man kodar HTML- och ev. CSS- dokument "manuellt" eller skapar dessa med hjälp av ett wysiwyg-program t.ex. Dreamweaver. (WYSIWYG : What You See Is What You Get) Alla filer måste först lagras och hanteras lokalt på en dator. Vid publicering laddas filerna upp till en webbserver. Vid uppdatering upprepar man samma procedur. KODA – SPARA- LADDA UPP 3 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009 HTML/CSS Kodning Hantera filer lokalt Ladda upp till en webbserver

4 I NNEHÅLLSHANTERINGSSYSTEM (P UBLICERINGSVERKTYG ) Idén är att låta ett datasystem sköta den tekniska hanteringen av innehållet, stå för avancerade funktioner samt automatisera sysslor som annars skulle innebära massor av manuellt arbete. Innehåll och inställningar för utseende och organisation av innehållet lagras också i databasen. För att visa informationen i databasen används olika scriptsspråk som t.ex. PHP och ASP. 4 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

5 I NNEHÅLLSHANTERINGSSYSTEM = CMS CMS står för ” Content Management System ” CMS är ett Innehållshanteringssystem ofta av typen WYSIWYG. CMS används för att organisera och underlätta hanteringen av innehållet på en webbsida. Systemet är helt webbaserat, vilket betyder att det enda program som krävs är en vanlig webbläsare t.ex. Internet Explorer och Firefox. Med ett CMS kan man redigera innehållet från vilken dator som helst med internetuppkoppling. 5 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

6 N ÅGRA F ÖREDELAR Enklare att strukturera information. Redigering via WYSIWYG-editorer. Flerspråksstöd. Prenumeration på innehåll via RSS Datumstyrd publicering av artiklar. Mallstyrd design. Användarhantering. Diskussionsforum. Läs mer på http://sv.wikipedia.org/wiki/Inneh%C3%A5llshanteringssystem http://sv.wikipedia.org/wiki/Inneh%C3%A5llshanteringssystem Tips: Läs följande artikel ”10 skäl att skaffa CMS” http://iwtjanster.idg.se/webbstudio/pub/artikel.asp?id=337 http://iwtjanster.idg.se/webbstudio/pub/artikel.asp?id=337 6 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

7 N ÅGRA K OMMERSIELLA CMS EPiServer www.episerver.com www.episerver.com Sitecore www.sitecore.se www.sitecore.se Sitedirect www.sitedirect.se www.sitedirect.se Litium Studio www.litium.se www.litium.se 7 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

8 N ÅGRA G RATIS CMS Joomla http://joomla.org/http://joomla.org/ Drupal http://drupal.org/http://drupal.org/ WordPress http://wordpress.org/ http://wordpress.org/ XOOPS http://www.xoops.org/http://www.xoops.org/ Typo3 http://typo3.org/http://typo3.org/ 8 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009 Läs mer här: http://sv.wikipedia.org/wiki/J%C3%A4mf%C3%B6relse_av_inn eh%C3%A5llshanteringssystem http://sv.wikipedia.org/wiki/J%C3%A4mf%C3%B6relse_av_inn eh%C3%A5llshanteringssystem

9 J OOMLA Joomla är ett Open Source CMS. Med Joomla kan man enkelt ändra hela sidans utseende och behålla innehållet. Man kan uppdatera och redigera sidor direkt på servern från vilken dator som helst. Det finns många gratis tillägg och mallar till Joomla. En officiell svensk webbplats för Joomla, Svensk Joomla, där det finns svenska översättningar av både Joomla självt och många av tilläggen finns här: http://www.svenskjoomla.se/http://www.svenskjoomla.se/ 9 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

10 O NLINE INSTALLATION VIA C P ANEL cPanel är den mest kända kontrollpanelen för att administrera ett webbkonto. Med cPanel kan du skapa FTP-konton, installera CMS med mera. 10 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

11 L OGGA IN PÅ C P ANEL 11 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009 Du får ett tillfälligt konto under lektionen

12 F ANTASTICO Med hjälp av Fantastico kan man automatiskt installera olika system och verktyg t.ex. Joomla Drupal WordPress Klicka på Fantastico-ikonen 12 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

13 V ÄLJ J OOMLA 1.5 13 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009 Välj Ny Installation

14 I NSTALLERA J OOMLA 1.5 (1/3) 14 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009 OBS! Lämna tomt

15 I NSTALLERA J OOMLA 1.5 (2/3) 15 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

16 I NSTALLERA J OOMLA 1.5 (3/3) 16 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

17 L ITE OM D OMÄNNAMN Ett domännamn är ett unikt namn på en dator som erbjuder en offentlig tjänst www eller e-post. Domännamnen finns till för att människor ska slippa komma ihåg de numeriska IP-adresser. Domännamnet översättas till motsvarande IP- adress innan kommunikation sker. Detta sker vanligen automatiskt och osynligt genom en uppslagning i DNS databasen, något som kan liknas vid Internets telefonkatalog. Läs mer på http://sv.wikipedia.org/wiki/Dom%C3%A4nnamn http://sv.wikipedia.org/wiki/Dom%C3%A4nnamn 17 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

18 T ILLFÄLLIGA ADRESSER Domännamnet joomla01.se är inte registrerad och därför behöver vi en tillfällig adress för att komma åt webbplatsen. En tillfällig adress kan t.ex. bestå av serverns IP- adress eller domännamn följt av snedstreck (/) och tecknet tilde (~). Därefter skriver man in användarnamnet för kontot (samma som cPanel). Exempel på en tillfällig adress http://hakimdata.se/~joomla01/ 18 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

19 N AVIGERA TILL J OOMLA -P LATSEN MED HJÄLP AV DEN TILLFÄLLIGA ADRESSEN 19 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

20 Ö VERBLICK ÖVER J OOMLA 20 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009 Olika Menyer Sökmotor Automatiska funktioner tex. Senaste och populära artiklar Polls (Omröstningar)

21 21 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009 Artiklar med möjlighet att skicka via e-post och skriva ut Antal besökare Inloggningsförmulär med möjlighet att registerar nya användare Reklamplats

22 22 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009 Banner Sidfot RSS-flöden XHTML och CSS Validerad

23 BACKEND VS F RONTEND Joomla är uppbyggt med en publik del, frontend, vilket är det som en besökare på en webbplats ser och en administrationsdel, backend. Logga in på Joomlas backend http://domännamn/administrator/ http://domännamn/administrator/ 23 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

24 24

25 ÄNDRA SPRÅKET Gå till http://www.svenskjoomla.sehttp://www.svenskjoomla.se Klicka på ladda ner filer och leta efter Joomla 1.5 Ladda ner ”Joomla! 1.5 Site & Admin - Svenskt språkpaket” Logga in på Joomlas Backend och klicka på Extensions – Install/Uninstall Bläddra efter språkfilen och klicka på ”Upload File & Install” 25 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

26 Välj ”Languge Manager” från menyn Extensions Välj Svenska och klicka på Default 26 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

27 Ö VNING Ä NDRA SPRÅKET PÅ J OOMLAS BACKEND 27 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

28 M EDIA 28 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

29 A NVÄNDARE OCH GRUPPER 29 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

30 K ONTAKTER 30 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

31 M ENYER 31 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009

32 V ISA K ONTAKTER I MENYER 32 Copyright, www.hakimdata.se, Mahmud Al Hakim, mahmud@hakimdata.se, 2009