• joomla.orgjoomla.org

Für alle Interessierten aus dem Bereich des "CMS Online Designer/in (VHS)" findet ab dem 31.03.2014 das Modul "CMS Joomla" bei der KVHS Peine als Bildungsurlaub statt.

In diesem CMS-Workshop wollen wir uns alle notwendigen Fähigkeiten von der Installation bis hin zum eigenen Joomla!-Template erarbeiten. Das Seminar orientiert sich dabei an den aktuellen Leitfäden des neuen Online-Zertifikats (VHS) aber natürlich auch an den Bedürfnissen der Teilnehmer im Seminar.

Hier die Rahmendaten unseres Seminars:

Ort: KVHS Peine, Werkforum Herner Platz, Stahlwerkstr. 2, EDV-Raum 124
Zeiten: Mo, 31.03. - Fr, 04.04.2014; jeweils 08.30 - 16.00 Uhr
freiwillige Prüfung: Interesse wird ggf. im Seminar mit den Teilnehmern koordiniert

Ich werde unser Seminar an dieser Stelle - wie gewohnt - ausführlich begleiten...
Ihr Trainer Joe Brandes

 

Tag 01 - Montag

  • XAMPPXAMPP

Montag, 31.03.2014, 08.30 - 16.00 Uhr

  • Orientierungsphase, Absprache der Woche (Pausenzeiten / Seminartagende 16.30h ?) und freiwilliger Prüfung
    Cobra-Shop mit Software für VHS-Schulungsteilnehmer; Hinweis auf Zertifikat CMS Online Designer
  • Kurzdarstellung "CMS Online Designer"
    Hinweis/Nachfragen zu HTML & CSS - saubere Trennung (bzw. Kombination) von Layout (HTML) und Design (CSS) am Beispiel CSS ZEN GARDEN Website
  • Tools:
    Bereitstellung / Konfiguration Windows Umgebung (s. a. Toolsammlung zum CMSOD)
    Browser: Mozilla Firefox (Link) - Alternativen zum Testen vs. IE, siehe auch Google Chrome, ...
    Packer: 7-Zip (Link) - Schneller und multifunktionaler als das Bordwerkzeug von Windows
    Editor: Notepad++ (Link) - Syntaxhighlighting und mehr für Dateihandling von Joomla, CSS, ...
    Windows Explorer (Win + E) konfigurieren: Dateierweiterungen einblenden; ggf.: System-/Dateien/Ordner einblenden
  • Dateierweiterungen einblenden
    Anzeige der Dateiendungen mit Windows Explorer (Win + E);
    Windows Vista / 7 / 8: Organisieren - Ordner- und Suchoptionen - Register Ansicht ...
    Alternativ bei Windows XP: Menü Extras - Ordneroptionen
  • Serverumgebung XAMPP (BU-Version: XAMPP 1.8.3-3 mit PHP 5.5.9)
    X - Betriebssysteme Linux (L), Windows (W), MacOS (M) oder Sun Solaris;
    AMP - A - Apache (Webserver), M - MySQL (Datenbankserver), P - PHP (serverseitige Skriptsprache)
    P - Projekt; Download der 7z-XAMPP-Version - Entpacken nach C:\ ergibt lokal C:\xampp\...
  • XAMPP und Technik KVHS Peine (Reborn-Karten)
    Durch die Reborn-Karten der TN-Rechner müssen die Daten auf Laufwerk D: kopiert / gespeichert / entpackt werden
    Ich stelle als Trainer ein fertiges selbstentpackendes XAMPP-Archiv bereit, das bereits Joomla-konfiguriert ist und Beispielinstallationen  (Joomla 2.5, 3.2 und 3.2 Blanko) enthält!
    Vorgehensweise:
    - XAMPP-Archiv auf TN-PC kopieren über Netzwerkfreigabe "Transfer\joomla-bu-2014- Ordner"
    - Zielordner: D:\xampp-joomla  (oder auch gerne sonst Ihr Ziel nach Ihrer Vorgabe)
    - Anpassen der XAMPP-Konfiguration mittels setup_xampp.bat  (Doppelklick - Option 1)
    - Starten des xampp-control.exe Kontrollcenter und Starten von Apache Webserver und MySQL Datenbanserver
    Anm.: die Nachfragen der Windows-Firewall bein den Dienste-Starts können abgebrochen werden!
  • Joomla! (Heimatportal: www.joomla.org)
    Versionen beachten, Übersichten in Wikipedia-Artikel Joomla!
    Version 1.0 - bitte nicht mehr einsetzen, kann noch mit PHP4 eingesetzt werden, hat sehr viele Sicherheitslücken durch Grundmodi wie register_globals=On
    Version 1.5 - Betrieb bitte ohne Legacy-Modus, eigentlich erste LTS-Variante seit Januar 2008! Empfehlung: unbedingt aktualisieren!
    aktuelle LTS-Version (Logn Term Support - ca. 3 Jahre):
    Version 2.5 - aktuell 2.5.19; seit Januar 2012 dann erste offizielle LTS-Version mit Nummer 2.5 (Alle .5er dann in der Folgezeit dann die LTS-Varianten mit gut 3 Jahren Support), 2.5 wird bis Ende 2014 supportet, Technikumgebungen bleiben dann immer einheitlich;
    nächste LTS-Version:
    Version 3.5
    (September 2014 bis > September 2016)   ...    4.0 / 4.1 / 4.2 / 4.5   ...
    Statusartikel zur "Roadmap" von Joomla auf diesem Infoportal
  • Technik-Infos zu Joomla 3
    Neu seit Version 3.2: Versionen für Beiträge; Einstellung mittels Optionen zu Beiträgen - Bearbeitungslayout - Verlauf speichern und Anzahl Versionen; außerdem lassen sich die 3er Versionen durch die Unterstützung des Bootstrap-Frameworks (ehemals Twitter-Bootstrap) auch sehr gut im Backend mit Smartphones (iPhones, Android) und Tablets nutzen (Stichworte: Responsive Design, Mobile First)
    Testen mit Mozilla Firefox: Tastenkombination Umschalten + Strg + M (bzw. Menü - Webentwickler - Bildschirmgrößen testen) macht das schön deutlich!
  • Installation: Entpacken im Webdokument-Ordner unseres XAMPP
    Download der aktuellen Version 3.2.3 von joomla.org
    Lokal:  C:\xampp-joomla\htdocs\joomla-test
    Web:  http://localhost/joomla-test
    Aufruf der Webadresse zeigt uns die Installationroutine für Joomla;
    Hinweis: für die Komplettierung der Installation bei einem Hoster sollte eigentlich vorher eine Datenbank mit phpMyAdmin auf dem MySQL-Datenbankserver angelegt werden!
    Hinweis: So ist die Vorgehensweise mit den allermeisten Hosting-Paketen vergleichbar, auf denen man nicht einfach über eine Joomla-Installation eine DB anlegen lassen kann, sondern diese gezielt über das jeweilige Kundencenter erst manuell anlegen muss!
    Anm.: viele Hoster bieten Ihnen auch sogenannte 1-click-Installationen (SaaS - Software as a Service) an, die dann auch alles in einem Arbeitsschritt erledigen!
    XAMPP-Datenbank-Zugangsdaten: (Übersicht mit Hilfe Datei passwords.txt auf XAMPP-Hauptverzeichnis)
    Datenbankserver: localhost; Benutzer: root; Passwort: leer (kein PW);
  • Sprachen für Frontend (Site) und Backend (Administrator)
    FE und BE aufrufen und Testen des BE-Zugangs (Adresse der Site plus Ordner/URL administrator)
    Language Manager nutzen um Sprache "german" nachzuinstallieren und dann für Site und Administrator die Standardsprache auf "German" umzustellen
  • Nachinstallationshinweise
    die Hinweise ausgeblendet; insbesondere "Zwei-Faktor-Authentifizierung"
  • Übungen an Testinstallation mit Beipsiel-Beiträgen ("Joomla lernen" aus Installationsroutine):
    Beiträge erstellen/editieren/ändern in BE (Backend - Administrator) und FE (Frontend - Site); Beiträge als Haupteinträge kennzeichnen (s. dann auch Hauptmenü - Menüpunkt Home); Nutzen der "Weiterlesen" Technik, damit Beiträge in Blog-Ansichten (siehe Hauptseite/Startseite) nur als "Anreißer" verkürzt dargestellt werden.
    Schlagwörter (Tags) - neue Technik in Joomal 3.x; Verwaltung mittels BE-Menü Komponente
    Kategorie - auf Hierarchien achten
    Menüs - Bearbeitung des Hauptmenüs - Verlinkung des Menüpunkts Home (Startseite des Joomla-Systems) mit dem Typ "Beiträge - Haupteinträge" und "Beiträge - Einzelner Beitrag"; Aktivieren / Deaktivieren von Menüeinträgen; Konfiguration des Menüpunkts Home (Anzahl der Beiträge konfigurieren für führende Artikel und die Darstellung in Spalten; für letzteres ist natürlich eine geeignete Ausgabe vorrausgesetzt mit dem richtigen CSS)
    Hinweis zu Alias für Menüs: werden automatisch erstellt und werden für "sprechenede URLs" (SEF - Searche Engine Friendly) genutzt - Achtung: nachträgliche manuelle Änderung kann zu "Fehler 404 - Dokument nicht gefunden" führen
    Module - hier nur erst einmal die Menü-Module (Typ: Navigation - Menü) für die Positionierung von Menü im FE-Layout; Titel anzeigen / verbergen, Reihenfolge der Module anpassen
  • Versionen für Beiträge
    seit Version 3.2 die Möglichkeit zu Beitragsversionen; Konfiguration über Menü Beiträge - Optionen - Verlauf speichern und Anzahl der Versionen festlegbar; Beitragsversionen lassen sich visuell vergleichen und gezielt wiederherstellen

 

  • Beitrag erstellenBeitrag erstellen
  • XAMPPXAMPP
  • VersionenVersionen
  • HaupteinträgeHaupteinträge
  • SetupSetup
  • FE vs. BEFE vs. BE

Tag 02 - Dienstag

Dienstag, 01.04.2014, 08.30 - 16.00 Uhr

  • Rekapitulation, TN-Fragen
  • Joomla-Installation ("Blanko" - ohne Beispielbeiträge)
    Install-Zip-Archiv von Joomla-Webportal oder lokaler Ressource laden
    In den Webserver-Hauptordner ./htdocs entpacken (Ordner: joomla-bu)
    Installationroutine aufrufen über localhost/joomla-bu
    Daten für Site eingeben (Anm.: "sinnvolle" Admin-E-Mail nötig; BE-Super User mit Passwort)
    Datenbank anlegen (bzw. angeben): DB-Server, DB-Benutzer und Passwort, Datenbankname, Präfix
    Installationsverzeichnis löschen (bzw. löschen lassen)
    FE und BE aufrufen und Testen des BE-Zugangs
    Language Manager nutzen für "german" in Site (FE) und Administrator (BE)
  • Hosting im Internet
    Beispiele: 1und1, Strato (als "Massenhoster"); spezialisierte Hoster: JWeiland, Mittwald
  • Übung: Kategorie und Beiträge
    Anlegen von Kategorie und Beispielbeiträgen für neue Kategorie; Bitte immer sauber an die "Anreißer/Teaser" denken (Weiterlesen)
    Kennzeichnen von Beiträgen als Haupteinträge
    Stapelverarbeitung: Technik zum effizienten Kopieren/Verschieben von Beiträgen
  • Übung: Menü "Main Menu"
    Konfigurieren des einzigen Hauptmenüpunkts "Home" für die Ausgabe von Beiträgen -> Haupteinträge (Einführende, Einleitende, Spalten, Links); neuer Menüpunkt zu Beträge -> Einzelner Beitrag (Beitrag 04)
  • Übung: Module
    Platzhalter für diverse technische Ausgaben: Navigationen (Menü, Breadcrumbs), Anmeldungs-Modul (Login), ...
    wieder viele Eigenschaften für die einzelnen Module: Titel, Aktivieren/Deaktivieren, Zugriffsebene, Sprache, Zuweisungen, ...
    Module für BE (Administrator - Position cpanel / Kontrollzentrum) modifiziert: Logged-In Users, Recently Added Articles, Popular Articles (eingedeutscht und konfiguriert (Anzahl der Beiträge, Reihenfolge der Module
  • Analyse der FE-Ausgabe: HTML & CSS
    Code-Inspektoren bei Mozilla Firefox / Google Chrome (Umschalten + Strg + I); beim MS Internet Explorer F12
    Empfehlung: Add-On Firebug für Firefox mit weiteren Tools und technischen Tricks
    Anm.: Trainer stellt auf "Mobilen Firefox - siehe portableapps.com" um - wegen Reborn-Technik
  • BE-Konfiguration
    Site - Offline-Modus (mit eigenen Meldungen und Bild), Meta-Informationen (für Suchmaschinen), Standard-Editor (Alternative zu TinyMCE suchen), Captcha (Formulare gegen Spam schützen - Empfehlung: reCaptcha oder barrierefreie "Rechnungen")
    System - Debug-Modus, Cache, Session Lifetime (15 Min Standard)
    Server - SSL erzwingen, Timezone, FTP (möglichst deaktiviert lassen), Datenbank (Grundkonfiguration ohne Passwort!), Mailing (keine Funktion auf Windows XAMPP)
  • Debug Modi
    System debuggen: Einschalten des Debug-Modus im BE (Konfiguration) und Ansicht der Debug-Konsole im FE
    Sprache debuggen: Anzeige der übersetzten Stellen in FE/BE mit **...**
  • Joomla (Datei- und Ordner-Struktur)
    Einstieg in die Analyse der Joomla-Strukturen; Vorarbeiten für die Verständnisse zur Joomla-Arbeitsweise und die Einbindung der "Templates" zur gestylten Ausgabe unserer Joomla-Beiträge und -Daten
    Wichtig: alle Dateien mit "UTF-8 ohne BOM" und am Besten immer mit unserem Notepad++ bearbeiten
    ./administrator - das "Backend"; Seitenzugriff ggf. über Verzeichnis-Zugriffsschutz extra sichern und möglichst Zugriff mittels SSL (https)
    ./components ./modules ./plugins - die Erweiterungen (Komponenten, Module, Plugins)
    ./includes ./libraries - das "Joomla-Framework" (Joomla-Platform; Includes für "Einfügungen" von Code; Libraries stehen für Code-Bibliotheken)
    ./language - die Sprachkonfigurationen bzw. Übersetzungen
    ./templates - die Design-Vorlagen für die Site
    configuration.php - die Konfigurationsdatei Ihrer Site (inkl. Zugangsdaten DB! Bitte lokal sicher aufbewahren und schützen und online auf Server nicht mit unsicheren Dateiattribute arbeiten: Stichwort 777 - Alle dürfen alles mit einer Datei machen! Größere Sicherheit mit Berechtigung 400 bzw. 440)
    htaccess.txt - Vorlage für .htaccess (Apache Webserver Konfigurationsdatei)
    index.php - die eigentliche Joomla-"Seite"
    LICENSE.txt  README.txt - Infodateien zur Lizenz und lesenswerte Quellen rund um Joomla
    robots.txt - Steuerdatei für Suchmaschienen  (nicht um Unterordner kümmern)
    web.config.txt - Vorlage für web.config (MS Webserver IIS - Internet Information Server)
  • configuration.php
    Übung: Konfigurationsvariable $offline auf den Wert '1' geändert - erzeugt den Offlinemodus der Site
    Und nochmals: in dieser Datei stehen die Zugangsdaten zu Ihrer Joomla-Datenbank im Klartext!
  • ./language (Ordner)
    Nachinstallation von Sprache "danish" erzeugt Unterordner da-DK
    Übung: in Sprachdatei zum Template "protostar"  ./language/de-DE/de-DE.tpl_protostar.ini
    die Sprachkonstante des Templates TPL_PROTOSTAR_BACKTOTOP geändert und im FE beobachtet!
    Übung: in Sprachdatei de-DE.mod_login.ini die Texte des Anmeldemoduls geändert
  • Templates I (eine erste Annäherung)
    Am Beispiel "Protostar" und "Beez3" die Zuweisung der Templates mittels Stilen durchgeführt
    so lassen sich dann später die Templates auch mehrfach auf Menüs zuweisen und auch hinterlegte Parameter nutzen;
    Beispielübung: Template-Farben geändert
    Farben in Hexadezimaler Definition: z.B. #3300CC erklärt durch Selfhtml-Projekt (Link)
    Anm.: Beez3-Template von Angie Radtke und Ihrem Team (www.der-auftritt.de); von A. Radtke auch sehr gutes Buch zum Thema Joomla und Joomla-2.5-Templates (ISBN: 3827328462)

 

  • Joomla OrdnerJoomla Ordner
  • configuration.phpconfiguration.php
  • SprachdateiSprachdatei
  • Spalten im BlogSpalten im Blog
  • BE ModuleBE Module
  • WartungWartung
 

Tag 03 - Mittwoch

Mittwoch, 02.04.2014, 08.30 - 16.00 Uhr

  • Rekapitulation, TN-Fragen
    Erinnerung: die "Server" (Apache Webserver + MySQL Datenbankserver) müssen erst mal wieder morgens mit dem XAMPP Control Center gestartet werden!
  • Übung zu Kategorien /Beiträgen / Startseite
    Planung von neuer Hautpkategorie "Verein" mit Unterkategorien "Vereinsführung" und Spielbetrieb
    Erstellung und Zuordnung von neuen Beiträgen zu neuen Kategorien
    Neue Beiträge als Haupteinträge festgelegt - individuelle Ausgabe auf Startseite (Haupteinträge) gewünscht
    Konfiguration des Menüs "Home" für die Nutzung der "manuellen" Reihenfolge in den Haupteinträgen (Keine Sortierung über Kategorien und Reihenfolge wie in den Haupteinträgen)
    Übersichtliche Darstellung mit Filtern und Einstellung von Ebenen
  • Optionen (Globale Einstellungen)
    Inhalt - Beiträge - Optionen; Generelle Einstellungen für Beiträge, Kategorie, Kategorien, Blogs/Haupteinträge, Listen und Co
    Übung: Infos/Details gezielt verbergen lassen
    Hinweis: Einstellungen von Global (Optionen) über Menüs bis hin zu einzelnen Beiträgen konfigurierbar
  • Übung zu Menü und Modulen
    Erstellung eines eigenen Menüs "Verein" - Anmerkung: der sogenannte Menütyp ist eine Systemname innerhalb Joomla (Vorschlag hier: verein) und es gibt noch eine optionale Beschreibung
    Es gibt in der Menüübersicht sofort und direkt die Möglichkeit "Ein Modul für diesen Menütyp hinzuzufügen"
    Für das Modul wieder diverse Anpassungen; Reihenfolge der Module an "position-7" geändert (aktuell etwas "spröde")
    Übersicht zu Modultypen und Übungen an ausgeählten Typen:
    Banner, Beiträge (z.B. Beliebte, Neueste), Benutzer (Anmeldung, Wer ist online), Eigene Inhalte, Navigation (Menü, Navigationspfad), Schlagwörter (Module erst bei Nutzung von Tags sichtbar), Statistiken, Suchen, Wrapper, Zufallsbild
    Nachfrage/Anm. zu mehrsprachigen Websites: dann benötigen wir alles doppelt!
    Übung: Startseite der Joomla-Site geändert (siehe Haus in Menü-Liste)
  • Bilder und Co in Joomla-Beiträgen
    spezielle Integration über Registerkarte "Bilder und Links" wo man Anreißer/Teaser-Bilder (klein) und die Beitrags-Anzeige-Version (groß) einzeln zuweisen kann
    Alternativ natürlich über den Button zum Bild einfügen des Editors (am Besten später mit erweitertem Editor - z.B. JCE) - Anm.: hier lassen sich viele Konfigurationen und Styles manuell für jedes Bild (img-Tag) zuweisen; besser ist hier die Lösung allgemein über CSS-Klassen zuzuweisen
    Übung: Bilder und Links in Beiträgen eingearbeitet; Sonderzeichen (am Beispiel Ø) hinzugefügt - Hinweis auf HTML-Entities (Link Selfhtml-Projekt)
  • E-Mail-Verschleierung
    über Erweiterungen - Plugins - Inhalt - E-Mail-Verschleierung (Plugin-Name emailcloak) werden E-Mailadressen per JavaScript verschleiert/unkenntlich gemacht, ohne die Funktion (Klick startet E-Mail-Client) zu verlieren; Tests mit Aktivierung/Deaktivierung des Plugins
    Wichtig: sehr häufig muss nach Installationen von Plugins dieses erst einmal aktiviert werden! Das wird häufig vergessen!
  • Templates II (eine zweite Annäherung)
    Am Beispiel "Protostar" die Modulpositionen eingeblendet (Optionen Templates - Vorschau auf Modulpositionen)
    mit den Stiles lassen sich die Templates dann auch auf Menüs zuweisen und die hinterlegten Parameter nutzen;
    Beispielübung: Stil "Protostar - default" kopiert in "Protostar - Verein" und letzteren individuelle Farbparameter eingestellt
    mittels Register Menüzugehörigkeit individuelle Seiten auf den neuen Stil gelinkt
    Templates im Netz (siehe z.B. www.joomlaos.de) geesucht und heruntergeladen - Spontanentscheidung für "Ol Anteez" von Entwicklerseite www.olwebdesign.com  - Installation über Erweiterungen - Aktivierung als Standard-Stil (Template)
    Hinweis: Entwickler bietet "Free" Variante an, die es allerdings dann auch als "Pro" gibt, in der dann wirklich alle Fähigkeiten freigeschaltet sind. Bei aufwändigen Templates ist eine gute Dokumentation empfehlenswert!
    Status: keine Menüs - keine Suchbox; Grund: falsche Postionen! Anpassung der jeweiligen Positionen "search" und "mainmenu"
    Status II: Hauptmenü-Leiste für Menü "Verein" ist nicht richtig gestylt - die richtigen Klassen für das Menü fehlen; die Beispielseite des Template wurde mit Firebug (oder Code-Inspektoren Umschalten + Strg + I) analysiert und die nötigen Klassen für das Menü-Modul unter Menüklassensuffix hinzugefügt (Achtung: eigenständige Klassen, daher bitte auf Leerzeichen am Anfang achten!)

 

  • FilterFilter
  • MenümoduleMenümodule
  • ModuleModule
  • E-Mail-VerschleierungE-Mail-Verschleierung
  • KategorienKategorien
  • PositionenPositionen
 

Tag 04 - Donnerstag

Donnerstag, 03.04.2014, 08.30 - 16.00 Uhr

  • Rekapitulation, TN-Fragen
    Buch A. Radtke "Templates für Joomla 2.5" (ISBN: 3827328462) TN zur Einsicht gezeigt
    Hinweis zu Literatur: aktuell etwas "dünn" - und wir wollen ja eigentlich auch Erläuterungen zu den LTS (2.5 / 3.5) und nicht zu einer 3.0 / 3.1 oder andern STS Versionen
    Bücher billiger und ohne Preisbindung: z.B. www.terrrashop.de (teils ab 20 Euro ohne Versandkosten)
  • BE-Vergleich 2.5 vs. 3.2
    Tipp: wenn Sie sich an die obere Menüstruktur halten, sind die BEs sehr gleich!
    Aber: BE 3.2 mit Responsive Design (Bootstrap) - dadurch auch auf Smartphones / Tablets nutzbar
  • Templates III (Einschätzungen Free vs. Kauf)
    beispielhafte Gegenüberstellung von vermeintlichen "Free" gegen die Kauf-/Premium Versionen beim Anbieter "AS" (Link)
    Einblicke in ordentliche Dokumentation (Modulpositionen, Anleitung für Modul-Konfigurationen), Preisgestaltung
    Beachten: häufig benötigt man dann auch noch weitere Module (Extensions) für eine komplette Umsetzung des "freien Templates"
  • Rundgang durch das BE
    s. a. Systeminformationen (PHP, Joomla Platform / Framework), PHP-Einstellungen, Konfigurationsdatei, Verzeichnisrechte, ...
  • Benutzer (Joomla-Benutzer-Konten)
    Rechte der Benutzer über die Zuweisung von Benutzergruppen organisiert; klassische Hierarchien: Übersicht mit Openbook Galileocomputing Verlag zu Joomla 1.5 (Link)
    FE: Registered (Anmeldung möglich), Author (Beitrag schreiben / einreichen / eigene ändern), Editor (Beiträge ändern), Publisher (Veröffentlichungen steuern, Hautpeintrag)
    BE: Manager (eingeschränktes BE; z.B. ohne Benutzer), Administrator (erweitertes BE; z.B. inklusive Benutzerverwaltung)
    Super User (kann überall Alles - also auch die Installationen und Verwaltungen im BE für Erweiterungen)
    Übung: ausführliche Übungen mit allen Benutzern/Gruppen
    Übung: eigenes Benutzermenü (Zugriffsebene: Registriert) erstellt: Beitrag einreichen, Benutzerprofil ändern, Profil anzeigen
    Tipp: Orientierung an Best Practises aus der Demo-Joomla-Installation inkl. Beispieldaten: dort wurden neue Benutzergruppen und Zugriffsebenen geschaffen und angwendet
    Tipp 2: das Anmelde-Modul (Login) erlaubt die Benutzerregistrierung neuer User - dieses lässt sich über Benutzer - Optionen deaktivieren
    Tipp 3: es gibt auch ein Anmeldeformular als Menülink verdrahtet - den generierten Link (index.php ? option=com_user & view=login) kann man auch manuell als Link auf der Seite nutzen (bzw. verstecken)
  • Joomla-Technik-Überblick
    alles direkt zu Joomla gehörige wird als Joomla-Kern (Joomla Core) bezeichnet
    fremde Erweiterungen (z. B. Komponenten, Module, Plugins, Templates) werden als 3rd Party bezeichnet
    Vorteil von Joomla Core Technik: wird immer gepflegt und für kommende Versionen aktualisiert und Datenübernahme garantiert
  • Weblinks (Joomla-Kern-Komponente)
    Übung: Kategorie und Weblinks erstellt, in Menü "Verein" einen Link zum Auflisten der "Weblinks in Kategorie" erstellt
  • Kontakte
    Kontaktinformationen mit Hilfe der Komponente "Kontakte" verwalten (eigene Kategorien für Kontakte/Kontaktgruppen möglich)
    Beispielhaften Kontakt erstellt und mit Infos versehen; Verbindung mit einem Joomla-Benutzer möglich aber nicht notwendig
    Übung: einzelnen Kontakt in unserem Testmenü verlinkt und getestet - Kontaktformular ohne Spamschutz
    Spamschutz / Captcha-Technik: Installation der Erweiterung (Plugin) EasyCalcCheck+ von Viktor Vogel (über das BE - Erweiterungen - Plugins bitte auch aktivieren nicht vergessen!)
    Anm.: hier wurde über das BE - Webkatalog "nur" der Download über das Entwicklerportal angeboten: bitte auf die richtige Version achten (J2.5 / J3.x)!
  • Backup & Restore I - Joomla-Techniken und klassische Sicherung eines Joomla-Systems
    htdocs-Joomla-Verzeichnis mittels FTP sichern und wiederherstellen (hier: ./htdocs/joomla-bu)
    Joomla-DB-Tabellen mittels phpMyAdmin exportieren und importieren (DB-Dumps)
    Backup & Restore II - Akeeba (vormals JoomlaPack)
    mittels Akeeba-Backup-Core-Komponente im Joomla-BE eine Sicherung erstellen (*.jpa)
    mittels Kickstart-Skript (kickstart.php, Sprachdatei, JavaScripts) und Akeeba-Sicherungsdatei wiederherstellen
    sehr schnell und effektiv (siehe im Vergleich >6500 Dateien / > 1200 Ordner mit FTP)
    Anm.: bei Standard-Hoster (Shared Hosting Pakete) muss vorher  eine Datenbank angelegt und die nötigen Infos (Datenbankserver, Datenbankname, Datenbankbenutzer und Datenbankpasswort) vorgehalten werden
    Übung: Akeeba Backup Core Komponente installiert und Backup-Archiv erstellt; Tipp: Archiv-Ordner können konfiguriert werden, sodass man "große" Ordner (z.B. Download-Ordner mit großen PDFs) vom Archiv ausnehmen kann
    Trainer-Demo: Wiederherstellung mittels "Kickstart" - morgen dazu dann TN-Übung
  • Plugins
    Übersicht verschaffen mit Erweiterungen - Plugins; Typen: content, system, editors, editors-xtd
    ein Joomla-System-Plugin: E-Mail-Verschleierung (emailcloak - siehe
    Ordnerstruktur ./htdocs/joomla-3.2-blanko/plugins/content/emailcloak/emailcloak.php
    Übung: ein Joomla-Plugin nachinstalliert: SIGE (Simple Image Gallery Extended - Viktor Vogel)
    Übung mit SIGE: Einfügen manuelle Plugin-Inhaltsplatzhalter
    Und wieder: bitte nicht vergessen die Plugins zu aktivieren!
    Anm.: Techprobleme wegen fehlendem mootols-core.js (JavaScript Framework MooTools - Analyse mit Firebug)

 

  • AnmeldeformularAnmeldeformular
  • Akeeba BackupAkeeba Backup
  • Template DokuTemplate Doku
  • BE 2.5 vs 3.2BE 2.5 vs 3.2
  • Responsive BEResponsive BE
  • Beitrag deaktivBeitrag deaktiv
 

Tag 05 - Freitag

Freitag, 04.04.2014, 08.30 - 16.00 Uhr

  • Rekapitulation, TN-Fragen; Hinweis auf andere CMSOD-Seminare (Interesse, Zertifikat, freiwillige Prüfungen)
    Problem SIGE lösen/darstellen
    Topics und To-Do-List für Freitag:
    JED (Beispiele - Premium Extensions), Templates (Blick hinter die Kulissen, Overrides), Joomla zum Hoster (Prinzip der Domainverwaltung, Virtual Hosts), Bilder optimieren (XnView, RIOT) ,...
  • Akeeba Backup (Übung TN)
    Übung: Joomla-Site mittels Kickstart-Skript installieren/wiederherstellen
    benötigte Dateien:
    kickstart.php, deutsche Sprachdatei, JavaScripts und natürlich JPA-Datei (Akeeba-Backup-Archiv)
    benötigte Infos: (bei Hosting-Paketen muss eine Datenbank vorher angelegt werden)
    Zugangsdaten DB-Server (DB-Servername/Hostname; Datenbank, DB-Benutzername, Passwort)
  • Sprachpaket "german" für JCE
    Beachten: diese Spracherweiterung (Unterstützung) wird durch eine Komponenteneigene Installationstechnik durchgeführt
    Siehe hierzu auch die Erläuterungen des JCE-Forums; siehe auch Downloadname der Sprachedatei jce_*
    Dazu im Gegensatz: JCE MediaBox ist wieder eine Joomla-Plugin-Erweiterung (plg_*)
  • Übung mit JCE
    Konfigurationen über global die Joomla-Konfiguration (Standard Editor quasi) oder alternativ über die Benutzer und deren Eigenschaften
    Kleinbild mittels JCE-Bildsymbol eingefügt und "gestylt" (besser später natürlich über CSS-Klassen)
    Dieses Kleinbild danach per Link mit der großen Dateiversion verlinkt und unter Register Popups die Option "JCE MediaBox-Popusp" ausgewählt und konfiguriert (Titel, Bildunterschrift)
    Hinweis: für die SIGE (Simple Image Galery Extended - Viktor Vogel) gibt es ein Button-Plugin (editors-xtd) - auch hier wieder bitte nicht die Aktivierung des Plugins vergessen (und auch in den Eigenschaften ein beliebigen Token-Eintrag hinterlegen)
  • JED - Joomla Extensions Directory
    Online-Repository mit Erweiterungen (Komponenten, Module, Plugins); in den aktuellen Versionen sogar direkt im Backend von Joomla verfügbar
    Einschätzungen mittels Download-Zahlen, Wertungen, Benutzer-Feedback, Aktualität, Versionsunterstützungen Joomla
    Das JED ist mittlerweile auch im BE von Joomla angekommen: Aus Webkatalog installieren
    Hinweis: auf diesem Portal gibt es zum CMSOD eine Linksammlung von mir (Link), wo ich in der Rubrik "Modul IIIa Joomla"  eine Sammlung von Premium-Extensions aufliste (nur eine persönliche Zusammenstellung natürlich)
  • Bilder ("... and now to something completely different!" - Monty Python ;-)
    die Daten aus den DigiCams und Co (Smartphones, Tablets, Scans) müssen für das Web optimiert werden:
    Größe in kB: viele MB-große Dateien müssen auf erträgliche Größen (kB) komprimiert werden
    Größe in Pixel: die Dimensionen für die 100%-Darstellung auf Ausgabegeräten optimieren
    Ziel: Große Bilder in Beiträgen (Vollformat) ca. 50-100 kB bei 500 bis 800 Pixel Breite dimensionieren
    Tools (siehe wieder Toolsammlung): Übungen mit RIOT (Radical Image Optimization Tool), XnView (mit Stapelverarbeitung für viele Bilder und vielfache weitere Funktionen wie Wasserzeichen, ...)
  • Virtual Hosts (genauer Namensbasierte Hosts)
    Wir wollen unsere Webprojekte sauber über ein Server-Domain-Hauptverzeichnis ansprechen, damit Techniken wie Mehrsprachigkeit, SEF (Suchmaschinen-freundliche URLs) oder auch manche Extensions - die es etwas genauer nehmen - sauber funktionieren.
    Zur Umsetzung müssen wir die folgenden Dateien konfigurieren: (Ordner)
    Web-Server: httpd-vhosts.conf    (hier: XAMPP-Ordner\apache\conf\extra)
    Web-Client / Betriebssytem: hosts    (hier Windows: C:\Windows\System32\Drivers\etc)
    Beispielhafte Dateiinhalte können Sie im Beitrag "Übungsumgebung" auf diesem Portal einsehen.
  • Overrides (nur kurz durch Trainer dargestellt - aus Zeitgründen keine TN-Übungen)
    1) Bilder des Joomla Systems: ./media/system/images/printButton.png
    lassen sich mit: /templates/tplname/images/system/printButton.png überschreiben.
    2) Modulausgaben lassen sich mittels eigenem style="bustyle"  in der Templatedatei /templates/tplname/html/modules.php  mit eigener Funktion  function modChrome_bustyle überschreiben.
    siehe hierzu Beez 3.0 Templatedateien (beez3) index.php und html/modules.php
    Styles der Beez 3.0: beezDivsion, beezTabs, beezHide (Tabs, Hide in Demoinstallation zu bewundern)
    3) Alle Ausgaben der Joomla-Komponenten und Erweiterungen lassen sich mit geeigneten html-Ordnerkonstruktionen im Template Ordner html überschreiben (siehe MVC Entwurfsmuster). Die Override-Dateien lassen sich im BE bei der Template-Verwaltung einfach erstellen und bearbeiten.
  • TN-Bescheinigungen, Feedback, letzte TN-Fragen

 

  • RIOTRIOT
  • XnViewXnView
  • DB-DatenDB-Daten
  • WebkatalogWebkatalog
  • JEDJED
  • Extension-PluginsExtension-Plugins
  • VerwaltenVerwalten
  • JCE MedienmanagerJCE Medienmanager
  • kickstart.phpkickstart.php
 

 

Vielen Dank für Ihre überaus positiven Rückmeldung im Seminar (Feedback-Bögen) und auch nach dem Seminar per Mail. Ich freue mich auch über Ihr Interesse an den anderen CMSOD-Seminaren und hoffe, dass wir uns dazu dann bei weiteren Seminaren an der KVHS Peine wiedersehen.
Ihr Trainer Joe Brandes

 

  Privates

... zu Joe Brandes

Sie finden auf dieser Seite - als auch auf meiner privaten Visitenkarte joe-brandes.de einige Hintergrundinformationen zu mir und meinem Background.
Natürlich stellt die IT einen Schwerpunkt in meinem Leben dar - aber eben nicht nur ...

joe brandes 600px

Private Visitenkarte / Technik: HTML & CSS /
  joe-brandes.de

  Jobs

... IT-Trainer & Dozent

Ich erarbeite und konzipiere seit über 20 Jahren IT-Seminare und -Konzepte. Hierfür stehen der "PC-Systembetreuer / FITSN" und der "CMS Online Designer / CMSOD". Ich stehe Ihnen gerne als Ansprechpartner für Ihre Fragen rund um diese und andere IT-Themen zur Verfügung!

becss 600px

BECSS Visitenkarte / Technik: HTML & CSS /
  becss.de

  Hobby

... Snooker & more

Wer einmal zum Snookerqueue gegriffen hat, der wird es wohl nicht wieder weglegen. Und ich spiele auch immer wieder gerne eine Partie Billard mit den Kumpels und Vereinskameraden. Der Verein freut sich über jeden, der einmal in unserem schicken Vereinsheim vorbeischauen möchte.

bsb 2011 600px

Billard Sport BS / Joomla 3.x /
  billard-bs.de

PC Systembetreuer ist J. Brandes - IT seit über 35 Jahren - Technik: Joomla 3.4+, Bootstrap 3.3.4 und "Knowledge"

© 2018 - Websitedesign und Layout seit 07/2015 - Impressum
Nach oben