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

K URSPLANERING 22 Copyright, Mahmud Al Hakim, 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)

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, Mahmud Al Hakim, 2009 HTML/CSS Kodning Hantera filer lokalt Ladda upp till en webbserver

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, Mahmud Al Hakim, 2009

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, Mahmud Al Hakim, 2009

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å Tips: Läs följande artikel ”10 skäl att skaffa CMS” Copyright, Mahmud Al Hakim, 2009

N ÅGRA K OMMERSIELLA CMS EPiServer Sitecore Sitedirect Litium Studio Copyright, Mahmud Al Hakim, 2009

N ÅGRA G RATIS CMS Joomla Drupal WordPress XOOPS Typo3 8 Copyright, Mahmud Al Hakim, 2009 Läs mer här: eh%C3%A5llshanteringssystem eh%C3%A5llshanteringssystem

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: 9 Copyright, Mahmud Al Hakim, 2009

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, Mahmud Al Hakim, 2009

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

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, Mahmud Al Hakim, 2009

V ÄLJ J OOMLA Copyright, Mahmud Al Hakim, 2009 Välj Ny Installation

I NSTALLERA J OOMLA 1.5 (1/3) 14 Copyright, Mahmud Al Hakim, 2009 OBS! Lämna tomt

I NSTALLERA J OOMLA 1.5 (2/3) 15 Copyright, Mahmud Al Hakim, 2009

I NSTALLERA J OOMLA 1.5 (3/3) 16 Copyright, Mahmud Al Hakim, 2009

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å Copyright, Mahmud Al Hakim, 2009

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 18 Copyright, Mahmud Al Hakim, 2009

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

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

21 Copyright, Mahmud Al Hakim, 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 Copyright, Mahmud Al Hakim, 2009 Banner Sidfot RSS-flöden XHTML och CSS Validerad

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 Copyright, Mahmud Al Hakim, 2009

24

ÄNDRA SPRÅKET Gå till 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, Mahmud Al Hakim, 2009

Välj ”Languge Manager” från menyn Extensions Välj Svenska och klicka på Default 26 Copyright, Mahmud Al Hakim, 2009

Ö VNING Ä NDRA SPRÅKET PÅ J OOMLAS BACKEND 27 Copyright, Mahmud Al Hakim, 2009

M EDIA 28 Copyright, Mahmud Al Hakim, 2009

A NVÄNDARE OCH GRUPPER 29 Copyright, Mahmud Al Hakim, 2009

K ONTAKTER 30 Copyright, Mahmud Al Hakim, 2009

M ENYER 31 Copyright, Mahmud Al Hakim, 2009

V ISA K ONTAKTER I MENYER 32 Copyright, Mahmud Al Hakim, 2009