I NNEHÅLLSHANTERINGSSYSTEM J OOMLA CMS DAG 1 Mahmud Al Hakim

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

1 I NNEHÅLLSHANTERINGSSYSTEM J OOMLA CMS DAG 1 Mahmud Al Hakim mahmud@dynamicos.se www.dynamicos.se

2 A GENDA 22 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim Presentation av kursledare och kursdeltagare Vad är ett CMS? Introduktion till Joomla Online installation och konfiguration PAUS Överblick av funktionalitet Frontend vs Backend PAUS Innehållsstrukturen med sektioner och kategorier Uppbyggnad av menyer och innehåll

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 2010, www.dynamicos.se, Mahmud Al Hakim 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 2010, www.dynamicos.se, Mahmud Al Hakim

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 2010, www.dynamicos.se, Mahmud Al Hakim

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 2010, www.dynamicos.se, Mahmud Al Hakim

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 2010, www.dynamicos.se, Mahmud Al Hakim

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 2010, www.dynamicos.se, Mahmud Al Hakim 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 2010, www.dynamicos.se, Mahmud Al Hakim

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 2010, www.dynamicos.se, Mahmud Al Hakim

11 L OGGA IN PÅ C P ANEL 11 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim 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 2010, www.dynamicos.se, Mahmud Al Hakim

13 V ÄLJ J OOMLA 1.5 13 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim Välj Ny Installation

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

15 I NSTALLERA J OOMLA 1.5 (2/3) 15 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim

16 I NSTALLERA J OOMLA 1.5 (3/3) 16 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim

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 2010, www.dynamicos.se, Mahmud Al Hakim

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 2010, www.dynamicos.se, Mahmud Al Hakim

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

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

21 21 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim 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 2010, www.dynamicos.se, Mahmud Al Hakim 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 2010, www.dynamicos.se, Mahmud Al Hakim

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 2010, www.dynamicos.se, Mahmud Al Hakim

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

27 Ö VNING Ä NDRA SPRÅKET PÅ J OOMLAS BACKEND 27 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim

28 M EDIA 28 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim

29 A NVÄNDARE OCH GRUPPER 29 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim

30 K ONTAKTER 30 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim

31 M ENYER 31 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim

32 V ISA K ONTAKTER I MENYER 32 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim

33 I NNEHÅLL 33 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim

34 A VAKTIVERA INNEHÅLL Klicka på startsida Välj alla artiklar Klicka på Avaktivera Förhandsgranska webbplatsen 34 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim

35 M ODULER 35 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim

36 A VAKTIVERA M ODULER Klicka på Tillägg och Välj Moduler Avaktivera ”Resources” och ”Key Concepts” Förhandsgranska webbplatsen 36 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim

37 G LOBAL KONFIGURATION 37 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim

38 Ö VNING : Ä NDRA M ETADATA 38 Copyright 2010, www.dynamicos.se, Mahmud Al Hakim