1

JoomlaWebseiten erstellen mit CMS

VHS Mönchengladbach

Stand: Apr. 2015

2

Über uns

Diese Präsentation ist frei zugänglich auf:http://www.slideshare.net/thomasjs

Dieses Werk bzw. Inhalt steht unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0Unported Lizenz.

Siehe mehr unter: http://creativecommons.org/licenses/by-sa/3.0/deed.de

IT-Beratung, Training, Web-Design, Programmierung

Thomas Siegers ts@interwerkstatt.net

3

Einführung

Installation

Konfiguration

Inhalt

Menüs

Kategorien

Module

Benutzer

Erweiterungen

Templates

Agenda

Wartung

kurz erwähnt

Suchmaschinenoptimierung

Rechteverwaltung

Mehrsprachigkeit

Zeit 2 x 8 U-Std.

4

Konventionen

Begriffdie Erklärung dazu in kleinerer Schrift und nicht fett

Hauptmenüpunkt

Untermenüpunkt*

Englischenglische Begriffe kursiv

VerweiseVerweise (Links) in blau und klickbar

Warnhinweishier besonders aufpassen

Codezeilen<p>in nichtproportionaler Schriftart</p>

*) Fußnote: Die hier gezeigten Konfigurationsanleitungen erheben nicht den Anspruch, perfekt zu sein. Bitte flexibel anwenden.

5

Motto

"Sage es mir und ich vergesse es,zeige es mir und ich erinnere mich,lass es mich tun und ich behalte es."Konfuzius, chinesischer Philosoph, 551­479 v. Chr.

6

Begriffe

CMS

Content Management System, Redaktionssystem

Webseite

Webauftritt, Webangebot, website

Webseiten, Seiten

Einzelne Seiten des Webauftrittes, web pages

Frontend, Backend

HTML, CSS, JavaScript, PHP

Datenbank, SQL

Web-Host

Webspace, Platz im Rechenzentrum

7

Content Management System

Ablauf aus Sicht des Benutzers

Benutzer meldet sich an Webseite an

Benutzer findet dort Menü zur Verwaltung der Webseite

Eingabe von Beiträgen mit Online-Editor

kein lokales Erstellen und Hochladen nötig

neu eingegebene Beiträge erscheinen sofort auf Webseite

außer Browser keine lokal installierte Software nötig

Zusätzliche Funktionen beim Blog

Benutzer können Beiträge und Kommentare eingeben

Verwaltung (Moderation) von Benutzern, Beiträge, Kommentaren

Kategorisierung von Beiträgen (Taxonomie)

automatische Benachrichtigung über Aktualisierungen des eigenen Blogs

8

Konzept

Trennung von Inhalt und Layout

Inhalt in Datenbank oder Textdateien

Layout mit Vorlagen, templates, themes

Interaktivität

Kontaktformular, Kommentare (Blog)

Benutzerzugriffssteuerung

ACL, access control list

Erweiterte Funktionalitäten

Arbeitsabläufe, work flow

Integrierte Anwendungen

Reservierungssystem, Foto Gallery, Forum

9

Statisch vs. Dynamisch

Statische Webseite

Seiten liegen als verlinkte HTML-Dateien “fertig zum Gebrauch” auf einem Web-Server (oder sogar nur Datei-Server)

Vorteile: einfach, sicher

Nachteile: schwierig zu pflegen, nicht interaktiv

Dynamische Webseite

Inhalte sind in Datenbank (oder Textdateien) gespeichert

Web-Anwendung (Joomla) nimmt Anfrage vom Browser entgegen,

verarbeitet die Anfrage

Inhalte aus Datenbank holen

Inhalte in Vorlagen einbauen

und liefert Webseite an Browser zurück

Vor- und Nachteile umgekehrt zur statischen Seite

10

Webanwendung

Client-ServerServer: Anwendungsprogramm, Datenbank, WebserverClient: Browser

Netzwerkprotokoll: HTTPzustandslos Session, CookiesParameter: http://www.xyz.de/index.php?key1=val1&key2=val2Struktur: http://URL/Pfad?Schlüssel=Wert&..., z. B. Farbe=rot

Aktualisierung der Webseite nicht automatischSeiteninhalte müssen vom Server geladen werden (F5).Um Bilder, CSS und JavaScript zu laden Strg+F5 drücken.

Benutzerfreundlichkeit durch JavaScriptDropdown-Menüs, Popup-Kalender, Drag & Drop usw.

Tip: Back-Button besser nicht benutzenNur Buttons innerhalb der Webanwendung klicken.

11

Datenbank

Anzahl von verknüpften Tabellen

Verknüpfung mit Hilfe von Schlüsseln

Schnelles Finden durch Indizes

Abfragesprache SQL

Client-Server Architektur

DBMS: Programm + Daten

Netzwerkfähig: DBMS auf Server im Internet

Sicherheit: Anmeldung mit Benutzer und Kennwort

Integrität: Mehrbenutzerzugriff, Transaktionssicherheit

Open Source: MySQL, PostgreSQL

Kommerziell: Oracle, MS SQL Server

12

Architektur

Web Server

Browser

Web-Host

1. Anfrage Link Formular

3. Antwort Webseite

2. Verarbeitung Daten holen Webseite bauen

LinuxApacheMySQLPHP

PHP-Modul

Joomla

Datenbank

13

Bekannte CMS

WordPress

Insbesondere für Blogs

Sehr benutzerfreundlich

Sehr weit verbreitet

Joomla

„Schweizer Messer“

Recht benutzerfreundlich

Sehr weit verbreitet

Drupal

Sehr fein konfigurierbar

Sehr hochwertige Auftritte

Weit verbreitet

TYPO3

Eigene Skriptsprache

Insbesondere für Firmen

In Deutschland verbreitet

14

Fertige Angebote für Web-Präsenz

Soziale Netzwerke

Facebook, Google+, Myspace

Beruflich: Xing, LinkedIn

Besondere Zwecke: Stayfriends

Blogs

Twitter, Tumblr, Wordpress.com

Multimedia

YouTube, Instagram, Pinterest, Slideshare

Baukästen

angeboten von vielen Internet-Providern

Anmerkungen: Manche Seiten …… verschwinden nach einiger Zeit wieder, z. B. SchülerVZ.… wurden von anderen übernommen, z. B. Instagram von Facebook.

15

Open Source

OSS – Open Source Software

Quelloffen, öffentlich zugänglich

Frage der Freiheit, nicht des Preises

Vergleich: Redefreiheit, nicht Freibier

http://www.gnu.org/philosophy/free-sw.html

Verschiedene Lizenzmodelle

GPL – GNU General Public License

16

Joomla Fakten

Schätzungsweise zweitpopulärstes CMS nach WordPress

http://trends.builtwith.com/cms

Geschrieben in PHP, verwendet i.d.R. MySQL Datenbank

Objektorientiert, MVC Design Pattern

Über 10.000 ErweiterungenKomponenten, Module, Plug-Ins

Tausende von Formatvorlagen (Templates)kostenlos, Preise ab 25 $

Verwendet u.a. von McDonald's, Ikea, Sony, Pizza Hut, General Electric, Peugeot, Barnes & Noblesowie zahllosen Behörden und Organisationenhttp://joomlagov.info/

17

Vor- und Nachteile

Vorteile

einfach, vielseitig, funktioniert „out of the box“

riesige Anzahl von Erweiterungen und Templates

sehr fein konfigurierbar

geringer Wartungsaufwand

Nachteile

keine Taxonomy, Mehrfachkategorien, Tags

kein Content Construction Kit (CCK)

kein Workflow, Logging

Update Policy

18

Ressourcen

www.joomla.org

docs.joomla.org

forum.joomla.org

extensions.joomla.org

Deutsches Komplettpaket auf www.jgerman.de

eBook „Joomla! 2.5 - Ein Anfängerbuch“auf www.joomla.de

Suchen auf Google, Youtube usw.

www.joomla.de

www.jgerman.de

www.joomla-wiki.de

www.joomla-downloads.de

www.joomla-security.de

www.joomlaos.de

19

Web-Host

Shared Hostviel kostengünstiger als virtual oder dedicated host, meistens ausreichendBewertungsportale: http://www.webhostlist.de, http://www.hostsuche.de

Vorausetzungen1

für Joomla 2.5: Apache 2.x +, MySQL 5.0.4 +, PHP 5.2.4 +

Server APImit PHP-Skript testen oder Funktion vom Web Host ausführen,es sollte „CGI/FastCGI “ erscheinen, nicht „Apache 2.0 Handler “,sonst muss FTP-Schicht in Joomla konfiguriert werden

<?phpphpinfo();?>

<?phpecho php_sapi_name();?>

1) http://www.joomla.org/about-joomla/technical-requirements.html

20

Web-Host

AdministrationVerwaltung des Web-Hosts im Web-BrowserAdminoberfläche, Control PanelcPanel (Demo), Plesk (Demo)

Adminoberfläche

Kontoeinstellungen

E-Mail

Datenbanken (phpMyAdmin)

FTP Benutzer, Dateimanager (WebFTP)

Domainverwaltung, Sub-Domains, Zusatzdomains

Verzeichnisschutz (.htaccess Passwort)

Datensicherung, -rücksicherung

Statistik (Webalizer, AWStats)

…

21

Testumgebung

LAMPLinux – Apache – MySQL – PHP

XAMPPWindows – Apache – MySQL – PHP – Perlhttp://www.apachefriends.org/de/xampp.html

Vorteile

Geht auch ohne Netzwerk, daher schnell

Sicherheit kein Problem

Lokal Dateien kopieren und editieren

Portable Version herunterladen und auspacken

Zur Konfiguration setup_xampp.bat ausführen

Starten mit http://localhost

22

Komplettpaket vs. Sprachpaket

UnterschiedeBeispieldaten – werden für eigene Webseite nicht benutzt

Dateien im Verzeichnis installation – Installation wird sofort deutsch angezeigtjoomla.sql – Sprachpakete und Systemkonfiguration auf deutsch gesetzt

23

Installation

Datenbank

Auf dem Web-Host Datenbank anlegen

Host-Adresse, Datenbankname, -benutzer, -passwortDatenbank kann auch automatisch vom Installationsprogramm erzeugt werden.

Installationsdateien

Archiv herunterladen (ZIP), auspacken und Dateien auf den Server hochladen

Oder besser: Archiv auf den Server hochladen und dort auspacken

Installationsprogramm

Installationsprogramm startenhttp://www.mein-server.de/pfad-nach-joomla

FTP-Schicht, wenn möglich, nicht konfigurieren (siehe Web-Host)

Namen des Superusers ändern

24

Administration

Administrations-Oberfläche, Control Panel, Backendhttp://joomla.interwerkstatt.net/administrator

Backend getrennt von Webseite

Anmeldung, Aussehen anders als Webseite

Funktionsumfang des Backends über Rechteverwaltung einstellbar

Pflege von Inhalten auch über Frontend möglich

Menüpunkt Bearbeiten für jeden einzelnen Beitrag

Beitrag im Editor online bearbeiten

In der Login Form eigener Nameund Link Abmelden

25

Systemkonfiguration

System – Konfiguration

Site

WebsiteListenlänge: 100

Suchmaschinenoptimierung (SEO)Suchmaschinenfreundliche URL – JaURL-Rewrite nutzen – Ja (htaccess.txt in .htaccess umbenennnen)

System

Zwischenspeicher (Cache)Entwicklung: AUS, Produktion: AN

Sitzung (Session)Entwicklung: 150, Produktion: 15

Server

ZeitzoneEurope / Berlin

MailingSMTP-Authentifizierung: Ja (falls erforderlich)

26

Sprachen

Erweiterungen – Sprachen

Site / AdministratorSprachen installierenDeutsch als Standard setzen

InhaltTitel: German (DE-CH-AT), Hauptsprachentitel: Deutsch,Sprach-Tag: de-DE, URL-Sprachkürzel: de, Bildpräfix: de,Status: freigegeben, Reihenfolge: 2, Zugriffsebene: öffentlich,Home: Nein, ID: 2

27

Template

Formatvorlage, Template

Konzept: Trennung von Inhalt und Aussehen

Erweiterungen – Templates

Verschiedene Templates für Administrator und Site

protostar als Standard setzen

Eigenschaften

protostar auswählen – Bearbeiten

Details: basiert auf Bootstrap – geeignet für mobile Geräte

Optionen: bei jedem Template individuell unterschiedlich

Menüzugehörigkeit: mehrere Templates für eine Webseite

Optionen

Vorschau Modulpositionen freigeben

28

Inhalt – neuen Beitrag erstellen

Inhalt → Beiträge → Neuer Beitrag

Titel: Beitrag für die Homepage

Beitragsinhalt: Lorem ipsum... www.lipsum.com

Haupteintrag: Ja

Speichern

Vorschau (oben rechts) Webseite wird in neuem Browserfenster angezeigt.Neuer Beitrag wird auf Homepage angezeigt.

Optionen

Kategorie, Autor, Veröffentlichungsdatum, Seitenaufrufe: verbergen

Speichern & Schließen

VorschauKategorie, Autor, Veröffentlichungsdatum, Seitenaufrufe werden nicht mehr angezeigt.

29

Inhalt – Optionen

Inhalt → Beiträge → Optionen (ganz rechts)

Beiträge

Kategorie, Autor, Veröffentlichungsdatum, Seitenaufrufe: verbergen

BearbeitungslayoutEinstellungen der Beitragsbearbeitungsseite,nur anschauen, nichts einstellen

von „Kategorie“ bis „Gemeinsame Optionen“nur anschauen, später im Menülink einstellen

Für alle Optionen gilt allgemein

Auch in allen anderen Seiten des Backends

Teilweise voneinander abhängig,z. B. Inhalt – Beiträge und Inhalt – Hauptbeiträge

GlobaleEinstellung

30

Inhalt – weiteren Beitrag erstellen

Inhalt → Beiträge

in Übersicht „Beitrag für die Homepage“ klicken

Als Kopie speichern

Titel lautet nun „Beitrag für die Homepage (2)“

Titel ändern: Beitrag mit Menüeintrag

Alias: Feld leer machen

Haupteintrag: Nein

Speichen & Schließen

in Übersicht „Beitrag mit Menüeintrag“ klickenAlias wurde geändert.

VorschauNeuer Beitrag wird nicht auf Homepage angezeigt.

31

Menü – Menülink erstellen

Menüs → Main MenuMenüeintrag für Home bereits vorhanden,als Startseite mit Stern markiert

in Übersicht „Home“ klicken

Optionenentsprechend Inhalt → Optionen

Schließen

Menüs → Main Menu → Neuer Menüeintrag

Details

Menüeintragstyp: Beiträge → Einzelner Beitrag

Beitrag auswählen: Beitrag mit Menüeintrag

Menütitel: Über uns

Speichern & Schließen

Breadcrumbs:Home> Uncategorised> Beitrag...

32

Kategorie – Beiträge zuordnen

Inhalt → Kategorien → Neue Kategorie

Titel: Nachrichten

Inhalt → Beiträge

Beitrag für die Homepage

Kategorie: Nachrichten

unterhalb Editor Button „Weiterlesen“ klicken, mehr Text eingeben

Inhalt → Beiträge → Neuer Beitrag

vier neue Beiträge in Kategorie Nachrichten erstellen

die ersten beiden Beiträge als Hauptbeiträge anlegen

Menüs → Main Menu → Home

Layout

# Spalten: 2

33

Kategorie – Menülink zuordnen

Menüs → Main Menu → Neuer Menüeintrag

Details

Menüeintragstyp: Kategorieblog

Kategorie auswählen: Nachrichten

Menütitel: Nachrichten

Optionen

Veröffentlichungsdatum: Anzeigen

Blog-Layout

Felder leer lassen, d. h. globale Einstellungen beibehalten

Inhalt → Beiträge / Kategorien / Hauptbeiträge

Optionen – Blog/Hauptbeiträge

überall dieselbe Einstellungsseite

Globale Einstellungen können durch Einstellungen im Menülink überschrieben werden.

34

Menülink – Beitragssortierung

Menüs → Main Menu

Home

Layout

Beitragssortierung: Reihenfolge Hauptbeiträge

Inhalt → Hauptbeiträge

sortieren nach: Reihenfolge aufsteigend

jetzt nach Reihenfolge sortierbar

Inhalt → Beiträge

andere Sortierung

Beitragsoptionen

Gemeinsame Optionenandere Beitragssortierung

35

Kategorie – Beschreibung

Inhalt → Kategorien

Nachrichten

Beschreibung: Text eingeben

Bild (Button unter Editor): /sampledata/parks/landscape/xyz.jpg

Links ausrichten

Menüs → Main Menu

Nachrichten

Kategorie

Kategoriebeschreibung: Anzeigen

Kategoriebild: Anzeigen

Seitenanzeige

Seitenüberschrift anzeigen: Ja

36

Kategorie – Listenansicht

Inhalt → Kategorien → Neue Kategorie

Titel: Mitglieder

Beschreibung: … Liste von Mitgliedern …

Inhalt → Beiträge → Neuer Beitrag

Titel: Anton

Kategorie: Mitglieder

Beitragsinhalt: Lorem ipsum...

Speichern & Neu – zwei weitere Beiträge erstellen

Menüs → Main Menu → Neuer Menüeintrag

Menütyp: Kategorieliste

Kategorie auswählen: Mitglieder

Menütitel: Mitglieder

37

Medien – Bilder einfügen

Inhalt → Medien

Neues Verzeichnis erstellen, z. B. meinverein

in neues Verzeichnis wechseln und Bilder hochladen

Inhalt → Beiträge

Anton bearbeiten

Bilder und Links – Komplettes Beitragsbild

meinverein/anton.png auswählen

optional Alternativer Text und Bildunterschrift

dasselbe für Berta und Carla

jetzt für Nachricht Zwei und Nachricht Drei

Einleitungsbild: news2-tn.png und news3-tn.png

komplettes Beitragsbild: news2.png und news3.png

Bilder von dem Hochladen auf die gewünschte Größe verkleinern

38

Bilder mitten im Text

Inhalt → Beiträge

Beitrag mit Menüeintrag bearbeiten

mehr Text hinzufügen

im Editor Symbol Bild einfügen/verändern klicken

Adresse: images/sampledata/fruitshop/apple.jpg

Beschreibung und Titel: Apfel

Aussehen → Ausrichtung: Links

Horizontaler Abstand: 10

noch mehr Text hinzufügen

unter dem Editor Bild klicken und ein Bild auswählen

Ausrichtung: Rechts

Feineinstellung mit Dialog Bild einfügen/verändern

Steuerung des Layouts mit CSS

39

Erweiterungen

Erweiterungen

Komponenten, Module, Plugins

Einige im Standardumfang von Joomla enthalten

Tausende verfügbar von Drittanbietern

kostenlos oder gegen geringes Entgelt nutzbar

http://extensions.joomla.org/

Installation

Erweiterungen → Erweiterungen

Typ der Erweiterung wird automatische erkannt.

Konfiguration

Komponenten: Komponenten

Module, Plugins: Erweiterungen

40

Module – Position

Erweiterungen → Module

zum Joomla-Umfang gehörende Module

Weitere Module stehen zur Auswahl, wenn neue Module angelegt werden.

Module sind Positionen im Template zugeordnet.

Erweiterungen → Templates

Vorschau protostar (ggf. Vorschau in Optionen aktivieren)

position-2, position-3: unter- bzw. oberhalb des Inhalts

Erweiterungen → Module

Position von Breadcrumbs: position-2

Bearbeiten

Position: position-3

Titel anzeigen: Verbergen

41

Module – neue Module

Erweiterungen → Module

Neu

Modultyp auswählen: Eigene Inhalte (Leeres Modul)

Titel: Unser Motto

Modul: Text eingeben

Position: position-7

Neu

Modultyp auswählen: Beiträge – Neueste

Titel: Neuigkeiten

Kategorie: Nachrichten

Anzahl: 3

Position: position-7

42

Module - Menüzuweisung

Erweiterungen → Module

Login Form

Menüzuweisung

Modulzuweisung: Nur auf der gewählten Seite

Menüauswahl: Mitglieder

43

Module - Menüdarstellung

Erweiterungen → Module

Main Menu

Titel: Hauptmenü

Position: position-1

Erweitert

Menüklassensuffix: nav-pills

Neuen Beitrag anlegen

Titel: Satzung

Neuen Menüeintrag anlegen

Menütyp: Einzelner Beitrag

Menütitel: Satzung

Übergeordneter Eintrag: Über uns

Wichtig! bedeutet Leerzeichen vor nav-pills.

44

Module - Untermenüs

Inhalt → Beiträge

Satzung – zweimal kopieren

Als Kopie speichern

Titel: Komitee

Veröffentlichung → Alias: löschen

Speichern

Als Kopie speichern

Titel: Beiträge

Beitragsinhalt: Tabelle mit Text und Zahlen erstellen

Veröffentlichung → Alias: löschen

Speichern & Schließen

Menüs → Main Menu

Satzung – zweimal kopieren entsprechen den Beiträgen

Erweiterungen → Module

Neu → Navigation – Menü

Titel: Über uns

Position: position-7

Basisoptionen

Basiseintrag: Über uns

Erste Ebene: 2

Menüzuweisung: nur auf der gewählten Seite

Menüauswahl: Über uns, Satzung, Komitee, Beiträge

45

Benutzer

Seit Version 1.6 mächtige Berechtigungssstrukturhttp://docs.joomla.org/ACL_Tutorial_for_Joomla_1.6

Benutzerdürfen mehr als nur die Webseite besuchen

GruppenZusammenfassung von Benutzern zur Zuweisung von Berechtigungen

ZugriffsebenenZugangsrecht zu Objekten, wie etwa Beiträge, Kategorien oder Module

Benutzer Anton

Benutzer Berta

Benutzer Carla

GruppeRegistriert

ZugriffsebeneRegistriert

Kategorie Mitgliederinformationen

46

Neue Benutzer anlegen

Benutzer → Benutzer

Neu

Name: Anton

Benutzername: anton

E-Mail-Adresse: anton@interwerkstatt.net

Speichern & Neu

entsprechend für Berta und Carla → Speichern & Schließen

Anton, Berta, Carla selektieren

Stapelverarbeitung (Buttonleiste)

Gruppe auswählen: Registriert

Zur Gruppe hinzufügen – Ausführen

47

Inhalt mit eingeschränktem Zugriff

Inhalt → Kategorien → Neue Kategorie

Titel: Mitgliederinformationen

Beschreibung: Die Informationen hier sind nur für …

Zugriffsebene: Registriert

Inhalt → Beiträge → Neuer Beitrag

Titel: Veranstaltung

Kategorie: Mitgliederinformationen

Menüs → Main Menu → Neuer Menüeintrag

Menütyp: Kategorieblog

Kategorie auswählen: Mitgliederinformationen

Menütitel: Mitgliederinformationen

Übergeordneter Eintrag: Mitglieder

Zugriffsebene: Registriert

48

Benutzer mit Zugang zum Frontend

Benutzer → Gruppen → Neue Gruppe

Gruppentitel: Komitee

Übergeordnete Gruppe: Editor

Benutzer → Gruppen

Optionen → Berechtigungen

Editor, Komitee und Publisher vergleichen

Komitee – Status bearbeiten: Erlaubt

System → Konfiguration

Editor, Komitee und Publisher vergleichen

Benutzer → Benutzer → Neuer Benutzer

Kontodetails: Willi, willi, willi@interwerkstatt.net

Zugewiesene Gruppen: Komitee

Alternativ:Als Kopie speichern

49

Benutzermenü anlegen

Menüs → Menüs → Neues Menü

Titel: Benutzermenü, Menütyp: usermenu

Ein Modul für diesen Menütyp hinzufügen

Titel: Benutzermenü

Position: position-7

Zugriffsebene: Registriert

Menüzuweisung: Nur auf der gewählten Seite – Mitglieder

Menüs → Benutzermenü → Neuer Menüeintrag

Menüeintragstyp: Beiträge – Beitrag erstellen

Menütitel: Beitrag erstellen

Zugriffsebene: Registriert

Menüeintragstyp: Benutzer → Benutzerprofil

Menütitel: Benutzerprofil

Zugriffsebene: Registriert

Besser: Neue Zugriffsebene anlegen

50

Feineinstellung der Zugriffsrechte

Im Frontend als Willi anmelden

Beiträge bearbeiten

Willi abmelden

Als Anton anmelden

Versuch über Benutzermenü einen neuen Beitrag zu erstellen führt zu Fehlermeldung.

Benutzer → Zugriffsebenen → Neue Zugriffsebene

Ebenentitel: Komitee

Folgende … Zugriff: Komitee, Manager, Super Benutzer

Menüs → Benutzermenü

Beitrag erstellen bearbeiten

Zugriffsebene: Komitee

51

Benutzer mit Zugang zum Backend

Benutzer → Gruppen

Komitee bearbeiten

Gruppentitel: Vorstand

Übergeordnete Gruppe: Manager

Als Kopie speichern

Rechte mit Manager und Administrator vergleichen

Benutzer → Benutzer → Neuer Benutzer

Kontodetails: Werner, werner, werner@interwerkstatt.net

Zugewiesene Gruppen: Vorstand

System → Konfiguration

Komponente – Menüs

Berechtigungen – Vorstand

Konfigurieren, Administrationszugriff: Erlaubt

52

Mehrfachzugriff auf Inhalte

Generelles Problem bei Datenbankanwendungen

Sperrverfahren

Pessimistisches Locking, Optimistic Concurrency

Joomla: pessimistic locking

Willi bearbeitet Beitrag Nachricht Zwei (check out).

Werner sieht den Beitrag in der Liste gesperrt.

Willi schließt den Beitrag (check in).

Willi überschreitet während des Bearbeitens die gültige Sitzungsdauer (timeout).

Administrator kann einzelnen Beitrag oderglobal alle ausgecheckten Beiträge im Backend einchecken(System – Globales Einchecken).

53

Erweiterungen

Einteilung in Typen

Komponenten: haben eigene Oberfläche in Front- und Backend

Module: werden in Position des Templates angezeigt

Plugins: arbeiten versteckt im Hintergrund

Viele Erweiterungen bestehen aus mehreren der obigen Teile.

Templates und Sprachen gelten auch als Erweiterungen.

Standardumfang

Komponenten: Kontakte, Newsfeeds, Weblinks, Banner

Module: Breadcrumbs, Login Form, Suchen, Banner

Plugins: Editor, Suche, Authentifizierung

Erweiterungen von Drittanbietern

Über 10.000 Erweiterungen im Joomla! Extensions Directory ™

54

Newsfeed Komponente

Komponenten → Newsfeeds

Neu

Titel: Schlagzeilen

Link: http://www.spiegel.de/schlagzeilen/tops/index.rss

Veröffentlichungsoptionen

Anzahl der Beiträge: 10

Menüs → Main Menu → Neuer Menüeintrag

Menütyp: Newsfeeds → Einzelner Newsfeed

Newsfeed: Schlagzeilen

Menütitel: Schlagzeilen

Übergeordneter Eintrag: Nachrichten

55

Standard-Module und Plugins

Erweiterungen → Module

Neu → Suchen

Titel: Suchen, Titel anzeigen: Verbergen

Position: position-0

Neu → Beiträge – Beliebte

Titel: Beliebte Beiträge

Position: position-7

Erweiterungen → Plugins

Benutzer – Profile

Status – Aktiviert

Benutzerprofilfelder für Registrierung – Geboren am: Benötigt

wirksam bei Benutzerregistrierung

56

Übung: Kontakte und Impressum

Neuer Beitrag Impressum

Neuer Kontakt

Verknüpfter Benutzer: z. B. Willi

Neues Menü footermenu

Einträge: Beitrag, Kontakt

Neues Modul Fußmenü

Tip: Erweiterte Optionen → Menüklassensuffix: nav-tabs

57

Erweiterung installieren

Erweiterung aussuchen

z. B. Fotogalleriehttp://extensions.joomla.org/extensions/photos-a-images/galleries/content-photo-gallery

Auswahlkriterien

Kompatibilität: Joomla 3.0

Popularität, Rating, Kosten

Umfang: Komponente, Modul, Plugin, Sprache

Abschätzen

Reviews lesen

Demo anschauen

Besonderheiten beachten, z. B. Lizenz, Copyright Link

Herunterladen

z. B. sigplushttp://extensions.joomla.org/extensions/photos-a-images/galleries/content-photo-gallery/11426

58

Erweiterung konfigurieren

Erweiterungen → Plugins

Content - Image gallery - sigplus

Status: Aktiviert

Basisoptionen – Galerieanordnung: Fließend

Inhalt → Beiträge → Neuer Beitrag

Inhalt: … lorem ipsum … {gallery}meinverein/bilder{/gallery} (Verweis auf Verzeichnis mit Bildern)

Menüs → Main Menu → Neuer Menüeintrag

Menütyp: Einzelner Beitrag

Erweiterungen → Module

Sigplus

Titel: Foto, Position: position-7

Optionen - Breite der Vorschaubilder: 165

59

Templates

Template suchen

Template-Webseiten

Template-Clubs

Qualität

Kostenlos

Preis pro Template oder Mitgliedschaft

Joomla 3.0 – responsive web designLayout stellt sich automatisch auf Bildschirmgröße ein.

Beispiel Templatehttp://www.gavick.com/download/joomla-30-templates/meet_gavern.html

Installieren wie jede andere Erweiterung

Erweiterungen – Erweiterungen

60

Template konfigurieren

Erweiterungen → Templates

meet_gavern als Standard setzen

Vorschau betrachten

bearbeiten

Optionen – bei jedem Template anders

Erweiterungen → Module

Positionen an neues Template anpassen

Modulpositionen bei jedem Template anders

61

Version aktualisieren

Komponenten → Joomla!-Aktualisierung

Funktioniert nicht immer, z.B. von 3.0 auf 3.0.1

In dem Fall Aktualisierung manuell durchführen

Version überprüfen

System → Systeminformationen: Installierte Version überprüfen

Joomla!-Version: Joomla! 3.0.1 Stable [ Ember ] ...

Auf www.joomla.org nach neuester Version schauen

Wichtig! Release Notes lesen, z. B. 3.0 auf 3.0.1, hier auf deutsch

Updatepaket herunterladen

http://joomlacode.org/gf/project/joomla/frs/Joomla_3.0.1_to_3.0.2-Stable-Patch_Package.zip

Webseite Offline schalten

System → Konfiguration → Website offline: Ja

62

Version aktualisieren (Forts.)

Datei-Update durchführen

Updatepaket auf den Web-Server insRootverzeichnis der Webseite heraufladen,auspacken, existierende Dateien überschreiben

Datenbank-Update durchführen

Erweiterungen → Erweiterungen

Datenbank

Reparieren

Nicht bei jedemUpdate erforderlich

Sonstiges

.htaccess löschen und htaccess.txt in .htaccess umbenennen

Vor dem Update Datensicherung von Dateien und Datenbank durchführen

63

Q & A

Fragen?

64

Geschafft

Danke für Ihre Aufmerksamkeit!