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

A GENDA 22 Copyright 2010, 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

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

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

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

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

N ÅGRA G RATIS CMS Joomla Drupal WordPress XOOPS Typo3 8 Copyright 2010, Mahmud Al Hakim 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 2010, Mahmud Al Hakim

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

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

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

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

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

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

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

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

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

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

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

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

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

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

M EDIA 28 Copyright 2010, Mahmud Al Hakim

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

K ONTAKTER 30 Copyright 2010, Mahmud Al Hakim

M ENYER 31 Copyright 2010, Mahmud Al Hakim

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

I NNEHÅLL 33 Copyright 2010, Mahmud Al Hakim

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

M ODULER 35 Copyright 2010, Mahmud Al Hakim

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

G LOBAL KONFIGURATION 37 Copyright 2010, Mahmud Al Hakim

Ö VNING : Ä NDRA M ETADATA 38 Copyright 2010, Mahmud Al Hakim