Für alle Interessierten aus dem Bereich des "CMS Online Designer (VHS)" findet ab dem 18.09.2017 das Modul "CMS Joomla" bei der VHS Braunschweig als Bildungsurlaub statt.joomla 3.7 800px

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

Hier die Rahmendaten unseres Seminars:

Ort: VHS Braunschweig, Heydenstraße 2, Raum 2.03
Zeiten: Mo, 18.09. - Fr, 22.09.2017; jeweils 08.30 - 16.00 Uhr
freiwillige Prüfung: Interesse wird ggf. im Seminar mit den interessierten Teilnehmern koordiniert
Prüfungstermin: Mi., 04.10.2017 ab 17.15 Uhr, Raum 2.03 (aktuell 3 TN)
Erstkorrektur: Status erledigt am 14.10.2017 - ein stolzer Trainer gratuliert zu guten und sehr guten Leistungen!

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

Tag 01 - Montag

Montag, 18.09.2017, 08.30 - 16.00 Uhr

  • joomla.orgjoomla.org
  • Orientierungsphase, Absprache der Woche (Pausenzeiten, Anfangs-/Endzeiten) und freiwillige Prüfung
    Cobra-Shop mit Software für VHS-Schulungsteilnehmer;
    Hinweis auf Zertifikat CMS Online Designer
  • Kurzdarstellung "CMS Online Designer  (VHS)"
  • Windows Einstellungen - Dateierweiterungen einblenden
    Anzeige der Dateiendungen mit Windows Explorer (Win + E);
    Windows Vista / 7 / 8 / 10: Organisieren - Ordner- und Suchoptionen - Register Ansicht ...
    Alternativ bei Windows XP: Menü Extras - Ordneroptionen
    Grund: Dateien heißen bild.jpg oder bild.jpeg oder bild.JPG - wir müssen das genau wissen!
  • LAMPPLAMPP
  • Serverumgebung XAMPP - Seminar-Version: XAMPP 7.1.8 mit PHP 7.1.8
    X - Betriebssysteme Linux (L), Windows (W), MacOS (M) oder Sun Solaris;
    A - Apache (Webserver),
    M - MariaDB / MySQL (Datenbankserver),
    P - PHP (serverseitige Skriptsprache)
    P - Projekt;
    bei Hostern:
    klassisches LAMP-System (Linux - Apache - MySQL/MariaDB - PHP)
    oder auch mal als WAMPP mit einer Windows Server Betriebssystem Basis und dem IIS (Internet Information Server) als Webserver und dem MSSQL-Server als Datenbankserver
  • Vorgehensweise im  "Windows"-Seminar (XAMPP-Server  für Windows):
    Ich stelle als Trainer ein fertiges selbstentpackendes XAMPP-Archiv bereit, das bereits für Joomla und die anderen CMSOD-Seminare vorkonfiguriert ist und auch Beispielinstallationen enthält!
    Archivname: xampp-cmsod-TEILNEHMER-20170910-1500.exe
    MD5-Prüfsumme: 802f5edb36ded0a29b047cff67ec8757

    1) XAMPP-Archiv auf TN-PC kopieren über Netzwerkfreigabe oder von bereitgestellter Trainer-CD
    2) Selbstentpackendes 7z-Archiv mit Doppelklick "öffnen/entpacken"
    3) Zielordner: C:\xampp-cmsod angebeben (Anm.: Entpacken in Zielpfad  C:\xampp-cmsod  ist wichtig!)
    Grund: alle eingebauten CMSOD-Techniken und Tools auf dieses lokale Verzeichnis optimiert wurden.
    Tipp: eigene XAMPPs kann man dann einfach in anderen Verzeichnissen wie C:\xampp unterbringen.
    4) Starten / Doppelklicken  xampp-control.exe (Kontrollcenter) und
    5) Starten der nötigen Server mit Hilfe des Kontrollcenters:
    → Apache Webserver und
    → MySQL Datenbankserver per Schaltflächen "Starten" im Kontrollcenter
    Anm.: die Nachfragen der Windows-Firewall bei den Dienste-Starts können abgebrochen werden, da wir keine Zugriffe auf unsere lokalen Testinstallationen über das Netzwerk wünschen. Die Aktionen zum Starten Webservice Apache und Datenbankserver MySQL (bzw. MariaDB) sollten wir täglich (also jeweils bei Bedarf) durchführen.
    Empfehlung: von einer automatischen Bereitstellung des XAMPP-Server über (automatisch startende) Services (Dienste) rate ich ab!
    6) Browser / Webclient - Starten des für Webentwicklung CMSOD optimierten Firefox über Schaltfläche "Admin" im Kontrollcenter bei Webserver Apache
    Hinweis: dieser portable Firefox hat bereits Standard-AddOns installiert und nutzt z.B. auch keinen Browser-Cache; Sie können einen installierten und diesen mobilen Firefox nicht gleichzeitig nutzen!
    xampp cmsod darstellung 20161203

    Für Technik- und CMSOD-Zertifikat-Interessierte befindet sich unter
    (URL) http: //localhost/cmsod-overview  eine Website mit Infos rund um den CMSOD
    und die genutzten Techniken und Konfigurationen.

  • Joomla! CMS Community (Links / URLs / Infosites)
    Hauptportal (Link) - die Einstiegsseite zum Joomla Content Management System
    Version 3 (dt. Link) - Version(en) Joomla 3 inhaltlich begleitet
    Technikanforderungen (dt. Link) - Serveranforderungen (Webserver, PHP, DB) für Joomla
    Dokumentation (dt. Link) - Joomla Dokumentationen in verschieden Sprachen (und auch Qualitäten)
    Translations (Link) - Üersetzungen zu Joomla
    Übersetzungen deutsch (Link) - direkte Downloads der offiziellen Sprachdateien Joomla deutsch
    Extensions (JED Link) - das Joomla Extensions Directory: Erweiterungen zu Joomla nach Kategorien
    Forum (Link) - Joomla Forum zum Austausch
    Github (Link) - offizielles Entwicklerportal bei Github.com und mit Git Softwareverwaltungstechniken
  • Joomla! - Versionen (Heimatportal: www.joomla.org - Übersicht auf Wikipedia)
    Version 1.0 - bitte keinesfalls mehr einsetzen, kann noch mit PHP4 eingesetzt werden, hat sehr viele Sicherheitslücken durch Grundmodi wie register_globals=On
    LTS-Versionen (Long Term Support - ca. 3 Jahre; alternative Bezeichnung: LTR - Long Term Release):
    Version 1.5 - bitte keinesfalls mehr einsetzen, Betrieb bitte ohne Legacy-Modus, inoffizielle erste LTS-Version seit Januar 2008!
    Nachfolger Version 1.5 - 1.6 - 1.7 - 2.5 (man wollte nach Abstimmung die .5er-Nummern als LTS einprägsam machen)
    Version 2.5 - bitte nicht mehr einsetzen, seit Januar 2012 offizielle LTS-Version mit Nummer 2.5
    (Alle .5er sollten dann in der Folgezeit dann die LTS-Varianten mit gut 3 Jahren Suppor twerden),
    die Joomla Version 2.5 wurde bis Ende 2014 supportet und ist somit ebenfalls "überaltert"
    Wichtiges Verständnis zu LTS bei Joomla:
    Joomla ist 2014 von LTS/LTR abgerückt und entwickelt nun kontinuirlich (engl./fachdeutsch: Continuous Development w/ Rolling Updates) weiter
    Version 3.5.x ab März 2016 - ab jetzt also mit immer stets "laufenden Updates"
    Version 3.6.x ... (bis Ende 2016 / Anfang 2017)
    Version 3.7.5 zum Seminarzeitpunkt die aktuelle Joomla-Version (→ Seminarversion Version 3.7.5)
    Version 3.8 kurz vor der Veröffentlichung
    Statusartikel zur "Roadmap" von Joomla auf diesem Infoportal
    dort dann auch Link zur Darstellung auf joomla.org zum Thema Updates/Upgrades
  • Technik-Infos zu Joomla 3.x (siehe auch wieder Übersicht auf Wikipedia)
    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!
    Neu seit Version 3.5:
    PHP 7 Support, Update Hinweise per Email, System Informationen Export, Drag & Drop von Bildern, Anonymisierte System Daten, Einfaches Einfügen von Modulen in Artikel (aktuelle Website auf joomla.org)
    Technische Umgebung (Servertechniken):
    Übersicht zu Joomla-Varianten ebenfalls auf joomla.org (Link "Technical Requirements")
    Einstiegs-/Übersichtsseite zu Joomla 3 auf joomla.org (Link "Joomla 3.7 - Die neuesten Features")
  • Installation: Entpacken im Webdokument-Ordner unseres XAMPP-Servers
    Download bzw. Bereitstellung der aktuellen Version 3.7.5 von joomla.org bzw. aus lokal in Seminarumgebung
    (s.a. Joomla-Zips in Unterordner htdocs/joomla/_install-zips )
    Anm.: wenn Sie die Joomla-interne Update-Technik ausprobieren wollen, dann können Sie später gerne auch Vorgängerversionen nutzen.

    TechnikInfoBemerkung
    Lokal C:\xampp-cmsod\htdocs\joomla\joomla-bu htdocs hier mit Unterordnerstruktur
    Web http://localhost/joomla/joomla-bu immer über htdocs aufrufen
    nie über Laufwerkspfad C:\... aufrufen
    Datenbank joomla_bu
                  ↑ Unterstrich in DB-Name!
    DB erlaubt keine Bindestriche/Minus

    Aufruf der Webadresse zeigt uns die Installationroutine für Joomla;
    Installation der Beispieldaten "Joomla! erlernen" in der Auswahl des Installationsassistenten
    Hinweis zur Umsetzung mit Online-Hosting-Technik:
    für die Komplettierung der Installation direkt bei einem Hoster sollte vorher eine Datenbank mit DB-Tool des Hosters (oft: phpMyAdmin) auf Ihrem MySQL-Datenbankserver angelegt werden!
    XAMPP-Datenbank-Zugangsdaten:
    (Übersicht mit Hilfe Datei password.txt im XAMPP-Hauptverzeichnis)

    Datenbankserver: localhost
    Benutzer: root
    Passwort: leer (kein Passwort)

    Anm.: CMS-Vorinstallationen meines XAMPP-CMSOD haben folgende Zugangsdaten:
    Benutzer: admin; Passwort: cmsodcmsod
    Wichtig.: saubere Joomla-Installationen - insbesondere für Mehrsprachen-Sites - müssen als "leere" Installationen durchgeführt werden - also ohne Beispielbeiträge!
    Das werden wir als Wiederholungsübung dann morgen durchspielen und über die Woche als Joomla-CMS sauber mit Inhalten füllen und pflegen!

  • Sprachen für Frontend (Site) und Backend (Administrator)
    FE und BE aufrufen und Testen des BE-Zugangs (Adresse der Site plus Ordner/URL ./administrator )
    Web (BE):  http: // localhost / joomla / joomla-bu / administrator
    Über Menüpunkt Extensions - Language(s) die Sprache "german" nachinstallieren und dann für Site (FE) und Administrator (BE) als Standard (Default) einstellen
    Wirkung: siehe Suchbox "Search..." wird zu "Suchen..." und Link "Back to Top" wird zu "Nach oben"
    Das Backend am Besten mit einer einmaligen Ab-/Anmeldung testen/aktualisieren.
    Die Benutzer können sich Ihre Spracheeinstellungen später individuell einstellen.
  • Nachinstallationshinweise
    die Hinweise ausgeblendet;
    insbesondere "Zwei-Faktor-Authentifizierung" (Wikipedia Link) nur ausblenden - bitte hier nicht aktivieren!
  • Captcha
    Absicherungsmechnismen für Webformulare;
    Empfehlung: reCaptcha (jetzt bei Google - man benötigt also Google-Account und dann ist reCaptcha direkt als Technik in Joomla verfügbar)
    Anm.: kommerzielle Formularseiten müssen über https erreichbar sein!
  • Joomla URL Suchmaschinenoptimierung (SEO)
    Joomla bietet einfaches SEO/SEF mit einem Klick:
    ./index.php/suchen  (z.B.)
    hier eigentlich SEF (Search Engine Friendly URLs) mit System - Konfiguration
    Analyse der resultierenden URLs, die Joomla ausliefert:
    ./index.php?option=com_content&view=article&id=13:vorstand&catid=11:vorstand...   
    bzw. bei Verlinkung eines Suchformulars:
    ./index.php?option=com_search&view=...   
    Echtes SEF/SEO dann mit Aktivierung der Konfigurationen und Bereitstellung vorhandener .htaccess (aus Beispieldatei htaccess.txt kopieren) und Webserver Apache mit mod_rewrite (siehe Ausgaben/URL auf dieser Website)
  • "Gang" durch das Backend
    Menüs in horizontaler und vertikaler Darstellung und Nutzung
    das Backend ist durch das HTML/CSS/JS-Framework Bootstrap komplett für Mobile Platformen (Smartphones, Tablets) geeignet (Responsive Web Design)
    Erinnerung: bei Mozilla Firefox mittels Umschalten + Strg + M in Modus "Bildschirmgrößen testen" schalten
    Übungen zur Joomla Konfiguration:
    Ändern des Site-Titel in der Konfiguration und
    Aktivierung des "Offline-Modus" für die Website (Gründe: Installation  von Erweiterungen, Joomla-Updates, Backups mit exaktem Status)
    Systemzeit von UTC auf "Berlin" eingestellt (sonst 2 Std Abweichung bei Datum/Uhrzeitstempeln!)
  • Technik-Überblick
    alles direkt zu Joomla gehörige wird als Joomla-Kern (Joomla Core) bezeichnet;
    Joomla CMS basiert auf dem Joomla Framework (Link), das alle grundlegenden Techniken bereithält
    fremde Erweiterungen (z. B. Komponenten, Module, Plugins, Templates) werden als 3rd Party bezeichnet
    Komponenten - größere Techniken/Umsetzungen mit eigenen Konfigurationsumgebungen und Eintrag im Backend unter Menüpunkt "Komponenten"
    Beispiele: Bildergalerie (inkl. Bildverwaltung; z.B. Phoca Gallery), Kalender/Event-Verwaltung (z.B. JEvents), leistungsfähiger Editor (z.B. JCE - Joomla Content Editor), Backup-Tool (z.B. Akeeba)
    Module - Inhalte, die sich über Modulpositionen auf der Website oder im Backend platzieren lassen (siehe Menü-Module, Login-Modul, Suchen-Modul, beliebte Beiträge, neue Beiträge)
    Beispiele: Zufallsbilder, Kalenderinfos, Besucherstatistik, ... und natürlich Menü-Module
    Plugins - für verschiedenste Automatisierungen/Aufgaben; insbesondere Inhalts-PlugIns (also für content) für automatische Integration von Inhalten in Beiträgen
    Beispiele: einfache Bildergalerien in Beiträgen (z.B. SIGE - Simple Image Gallery), Social Media Button in Beiträgen (z.B. 2-Click-Social-Buttons)
    Templates - hiermit wird in Joomla die technische Auslieferung der Website (HTML, CSS, JS und technisch auch PHP) definiert
    Beispiele/Anmerkungen:  1000e von freien und kostengünstigen "fertigen" Templates für Joomla im Netz verfügbar - zu beachten: genau auf vermeintlich "freie" Lizenzen für Templates achten und einsetzen!
    Wichtige Vorteile von reiner Joomla Core Technik (ohne Fremderweiterungen):
    wird immer gepflegt und für kommende Versionen aktualisiert und die Datenübernahmen (Updates) werden "garantiert"
  • Versionen für Beiträge
    Joomla kennt die Verwaltung von Versionsverläufen für Beiträge
    es können also gespeicherte Vorversionen der Beiträge beim Editieren ausgewählt und verglichen werden
    Die Technik kann über Beiträge - Optionen - Bearbeitungslayout konfiguriert werden (Aktiv/Deaktiv, Anzahl Versionen)
  • Kategorien und Beiträge
    Kategorien der Beispielinstallation "Joomla! erlernen" mit Hilfe unterschiedlicher Filter und Ansichten analysiert
    Bearbeiten von Beispielbeiträgen für bestehende Haupt-Kategorie "Joomla"
    Hauptkategorien: "uncategorized" und "Sample Data-Articles" mit Unterkategorien "Joomla", "Parks", "Fruit Shop"
    Bitte immer sauber an die "Anreißer/Teaser" denken (Erzeugt Link "Weiterlesen: ..." in Blogansichten);
    Kennzeichnen von Beiträgen als Haupteinträge,
    Beeinflussung von Veröffentlichung (Start- / Endetermin, Erstelldatum);
    Hinweis auf individuelle Beitrags-ID
    Festlegen der Startseite (Stern in Menü - Menü mit Startseite durch Haussymbol gekennzeichnet)
  • Inhalt - Medien (einfacher Joomla Core Medienmanager)
    einfache Ordner- und Datei-Management Technik inkl. Details oder Vorschaubildern
    Analyse/Vergleich: Joomla-Site-Ordner: 
    C:\xampp-cmsod\htdocs \ joomla\joomla-bu\images
    entspricht URL: 
    http://localhost / joomla/joomla-bu/images   
    Wichtig: in allen Ordner liegt Dummy-Datei index.html für Anzeige leerer Browser bei Direktaufrufen
    Übungen zu Bildern und Bilder-/Medienordner images folgen
  • Optionen (Globale Einstellungen)
    z.B. Backend: Inhalt - Beiträge - Optionen
    Generelle Einstellungen für Beiträge, Kategorie, Kategorien, Blogs/Haupteinträge, Listen und Co
    Übung: Darstellung der Startseite (Main Menu - Home) über die eigenen Layout-Optionen oder über die allgemeinen Optionen für Beiträge
    Für alle möglichen Joomla-Techniken/Komponenten (Menüs, Benutzer, Beiträge, Templates  ...) gibt es eine Anlaufstelle für die jeweiligen Optionen

 

  • Joomla InstallationJoomla Installation
  • Ordner InstallationOrdner Installation
  • Site vs. AdministratorSite vs. Administrator
  • Sprache GermanSprache German
  • Offline-ModuOffline-Modu
  • SysteminformationenSysteminformationen
  • Ordner ./imagesOrdner ./images
  • VersionenVersionen
  • Optionen BeiträgeOptionen Beiträge

 

Tag 02 - Dienstag

Dienstag, 19.09.2017, 08.30 - 16.00 Uhr

  • sehr ausführliche Rekapitulation Seminartag 01
    TN-Fragen, Koordination (freiwillige) Prüfung
  • XAMPP / Joomla-Projekte in Betrieb nehmen
    Erinnerungen: XAMPP Kontrollcenter xampp-control.exe sauber starten
    und natürlich die Dienste Apache und MySQL starten
    Tipp: auf Desktop verknüpfen (Anm.: bitte nicht einfach aus Ordner xampp-cmsod herausziehen!)
    Browser bereitstellen und URL für das aktuelle Joomla-BU-Projekt eingeben - BE für das Projekt öffnen
  • Neuinstallation: Joomla-Blanko Site
    Lokal:  C:\xampp-cmsod\htdocs\joomla\joomla-blanko
    Web:  http://localhost/joomla/joomla-blanko
    Datenbank:  joomla_blanko  (bitte auf Unterstrich achten bei Datenbanknamen)
    Aufruf der Webadresse zeigt uns dann wieder die Installationroutine für Joomla - hier jetzt ohne Beispieldaten installieren!
    Diese Rohinstallation ist der "normale" Weg für ein neues Joomla-Projekt und besonders für mehrsprachige Joomla-Projekte entscheidend. Durch den Vergleich mit den Beispielinstallationen der Joomla-Entwicklergemeinschaft lernt man viel über die angewandten Joomla-Techniken.
  • Webprojekt planen - hier in angepasster Kürze
    gerne ausführlicher als Literatur:
    J. Jacobsen benutzerfreun.de "Website-Konzeption - Erfolgreiche Websites planen, umsetzen und betreiben"
    Stichworte:
    Berichte / Veranstaltungen (→ Kategorien planen)
    Termine / Kalender (→ Erweiterungen ?)
    Geschlossener Mitgliederbereich (→ Sichtbarkeit / Berechtigungen für Joomla-Benutzer), ... und vieles mehr
  • ausführliche Übungen zu Kategorien und Beiträgen
    Anm.: Übungen hier nur "angerissen" - vollständige Doku per Screenshots für Seminarteilnehmer
    ein Vereinsszenario soll umgesetzt werden
    Kategorien: (hier mit Hauptkategorie für den Verein)
    Verein → Vorstand
    Verein → Spielberichte (→ Unterkategorien: Saison 2017/18, Turniere)
  • Module - Allgemein
    die Module lassen sich positionieren (klassisch: position-0 bis position-14) und auf Sichtbarkeit konfigurieren
    auf welchen Seiten sollen sie erscheinen) und
    für welche User sollen die Module sichtbar sein (Public, Registered, Super User)
    Übung: mit Modul "Zufallsbild" und Modul "Suchbox" (→ position-0)
  • ausführliche Übungen zu Menüs und Modulen
    Anm.: Übungen hier nur "angerissen" - vollständige Doku per Screenshots für Seminarteilnehmer
    Neues Menü erstellt (Menütitel: Übungsmenü) und
    1) Link "Home" erstellt (Anm.: gibt es schon im MainMenu)
    auf bereits bestehenden Link "MainMenu - Home" mittels Systemlinks - Menüeintrag Alias (den Alias ggf. händisch neu vergeben)
    2) Link "Spielberichte" - als Kategorieblog bzw. Kategorieliste
    3) Link "VHS BS" - ein externer Link
    Neues Modul Navigation - Menü für das Menü erstellt bzw. zugewiesen;
    Templateposition: position-7 ("Rechts" im Template Protostar)
    Neues TopMenü-Modul für horizontale Navigation nach Vorbild aus Beispielinstallation "Joomla erlernen"
    Wichtig für das perfekte Styling (gemäß Bootstrap 2)
    → Erweiterte Eigenschaft: Menüklassensuffix " nav-pills" (Beachten: hier Leerzeichen vor Klasse nav-pills!)
    Anm.: nicht verwechseln - es gibt auch noch Modulklassensuffix
    hinter diesen Techniken/Kenntnissen verbergen sich die nötigen Anpassungen für die Nutzung von "fremden Templates" und die saubere Zuweisungen der nötigen CSS-Klassen (Styles)
  • JED - Joomla Extensions Directory
    Online-Repository mit Erweiterungen (Komponenten, Module, Plugins);
    Einschätzungen mittels Download-Zahlen, Wertungen, Benutzer-Feedback, Aktualität, Versionsunterstützungen Joomla
    Das JED ist mittlerweile auch im BE von Joomla angekommen: Erweiterungen - Verwalten - Aus Webkatalog installieren
    Hinweis: eine Sammlung von Premium-Extensions werden wir im Seminar erarbeiten und da geht es auch gleich mit einem Editor mit Medien Manager los...
  • JCE (Joomlacontenteditor - Link)
    ein toller Ersatz für Standardeditor TinyMCE - genauer gesagt: eine aufgerüsteter TinyMCE
    Installation der JCE Komponente und zusätzlichen Modulen/Plugins über den Webkatalog ggf. wegen falschem Link zu Zip-Install-Archiv nicht möglich!
    Natürlich dann auch eine manuelle Installation möglich - Bereitstellung/Download des Installpakets von JCE-Portal
    JCE Pro: das Entwicklerteam hält auch eine "Pro"-Version mit Zugriff auf weitere Techniken (JCE-Plugins und Support) für knapp 30 Euro im Jahr bereit und blendet die entsprechenden Hinweise ("Werbung") ein!
    Sprachpaket "german" für JCE (über JCE-Portal heruntergeladen - wird dynamisch mittels Übersetzungsportal erzeugt)
    Sprachdatei einfach über den Standard-Erweiterungsmanager von Joomla installieren
    Siehe hierzu auch die Erläuterungen des JCE-Forums;
    Anm. / später: JCE MediaBox ist eine Joomla-Plugin-Erweiterung (plg_jcemediabox_xyz.zip)
    Übung: erste Tests mit JCE (Editor und Medienmanager/Bildmanager) und Einblick in die weitreichenden Konfigurationsmöglichkeiten
    Standardeditor konfigurieren:
    Global: über System - Konfiguration - Standardeditor
    Benutzer: über Benutzer - Benutzer verwalten / editieren -  Basiseinstellungen - Editor
    Erinnerung: bitte "Styling" immer den Anpassungen mittels CSS (→ siehe Templates) überlassen und nie manuell mit einem Editor "stylen"

 

  • KategorienKategorien
  • Neues Menü erstelltNeues Menü erstellt
  • Reihenfolgen per Drag & DropReihenfolgen per Drag & Drop
  • Aliase müssen eindeutig seinAliase müssen eindeutig sein
  • JCE DownloadJCE Download
  • MenüklassensuffixMenüklassensuffix

 

Tag 03 - Mittwoch

Mittwoch, 20.09.2017, 08.30 - 16.00 Uhr

  • Rekapitulation, TN-Fragen
  • Joomla Updates
    das Kontrollzentrum meldet uns neue Joomla und Erweiterungsaktualisierungen und bietet Buttons für Update-Vorgänge an;
    die Update-Technik weist darauf hin, dass man für die Zusatztechniken / Erweiterungen selbst zuständig ist und deren Kompatibilität mit der neuen Version vorab testen  /evaluieren solle → z.B. also einen XAMPP als Testserver betreiben!
    Wichtig:
    vor Updates auf Live-/Produktionssystem sollte man ein Backup erstellen und die Aktualisierung an einem vergleichbaren Testsystem durchführen und ausgiebig testen;
    auf Live-Systemen (also im Internet - beim Hoster) wird auch der Offline-Modus für den Update-Zeitraum empfohlen
    Anm.: klassisch bezeichnet man mit Update "kleinere" Aktualisierungen (z.B. von 3.7.4 auf 3.7.5 und dann auch 3.8.0, ...) und
    mit Upgrade (oder sogar Migration) größere Aktualisierungen (Infolink auf diesem Portal)
    z.B. Upgrade von 2.5.x auf 3.x
    oder Migrationen von 1.5.x auf aktuelle Versionen 3.x (da wäre man jetzt aber auch sehr spät dran ;-)
  • Wiederholungsübungen zu Modulen
    Modul "Zufallsbild" an position-7
    Erinnerung an Eigenschaft Menüklassensuffix
    Sichtbarkeit für Module konfigurieren (Menüzugehörigkeit) → Modul "Zufallsbild" nur auf Startseite "Home"
    Erste Infos zu Modulpositionen mit einer Vorschau bei den Templates
  • Bilder - webtauglich machen
    aus den aktuellen Smartphone, iPad, Tablets, Kompaktkameras, Digitalen Spiegelreflexkameras kommen "Mega-Pixel" in MegaBytes:
    z.B. 1600 x 1200 Pixel (oder 6000 x 4000 Pixel) in Größen von mehreren Megabytes
    Beispielbilder mit uneingeschränkten Lizenznutzungen: unsplash.com (Link)
    Tools zum sehr einfachen "Kleinrechnen": Radical Image Optimization Tool (Riot)
    oder über die im XAMPP-CMSOD eingebauten PortableApps das Tool XnView nachinstallieren
  • Bilder in Joomla-Beiträgen
    Variante 1) spezielle Integration über Registerkarte "Bilder und Links":
    hier kann man Anreißer/Teaser-Bilder (klein) und die Beitrags-Anzeige-Version (groß) jeweils zuweisen
    Tipp: kleine/große Bildpaare sind in Joomla-Installationen unter ./images/sampledata/parks/landscape  zu finden;
    ich stelle als Trainer ebenfalls webtaugliche Bilder in unterschiedlichen Größen (150px / 250px / 800px) zu Testzwecken zur Verfügung
    dann z.B. unter ./images/beispielbilder/100px  bzw. ./images/beispielbilder/800px 
    Variante 2) Button zum Bild einfügen des Editors (am Besten mit erweitertem Editor - z.B. JCE)
    Anm.: hier könnte man viele Konfigurationen und Styles manuell für jedes Bild (img-Tag) zuweisen;
    besser ist hier die Lösung allgemein über CSS-Klassen zuzuweisen; ggf. passen wir dann beim Thema Templates mal das CSS für die eingefügten Bilder an, damit diese besser im Textfluss fließen und schöner gestylt sind (z.B. Rahmung, Hintergrundfarbe, ...)
    Übungen: Bilder in Beiträgen eingearbeitet und getestet
  • JCE MediaBox
    Installation des PlugIns über den Webkatalog
    Aktivierung (Veröffentlichung) des PlugIns über Erweiterungen - PlugIns - Suche nach JCE...
    Übung: JCE MediaBox nutzen
    Klick auf kleines Beitragsbild (hier: 100px) öffnet "LightBox/Animation/Bildergalerie" mit großem Bild (hier: 800px)
    Vorgehen:
    100px Bild in Beitrag einfügen (gerne inkl. Textfluss links/rechts - besser mit sauberem CSS)
    Bild verlinken - also Link-Symbol anklicken und über Dateiauswahl die große Dateiversion (800px) als Linkziel (URL) angeben bzw. auswählen
    im Register Popups den JCE Media Popup auswählen und die gewünschten Eigenschaften (Bildtitel, Bildunterschrift) eingeben
    Tipp:
    wenn mehrere Bilder beim Öffnen als Bildergalerie verlinkt werden sollen, dann in Eigenschaft Gruppe denselben Eintrag (z.B. gallery oder ds - für DiaShow) vornehmen
  • SIGE - Simple Image Gallery Extended (PlugIn - Link JED)
    eine für nicht-kommerzielle Einsätze wieder kostenlose Extension von Viktor Vogel (Link)
    für die mächtige PlugIn-Gallery gibt es sogar ein Button-Plugin (editors-xtd) für den Editor
    auch hier wieder bitte nicht die Aktivierung des Plugins vergessen und auch in den Eigenschaften die nötigen Einstellungen vornehmen
    beim Editor-Plugin: Token muss hinterlegt werden für ein "Modalfenster - on the fly" mit allen Einstellmöglichkeiten
    Übung: Nutzung von Parametern caption=1 und fileinfo=1 und einer Bildinfodatei captions-de-DE.txt  (biite unbedingt Notepad++ nutzen)
  • E-Mail-Verschleierung
    über Erweiterungen - Plugins - Inhalt - E-Mail-Verschleierung (Plugin-Name emailcloak) werden E-Mailadressen per JavaScript verschleiert/unkenntlich gemacht, ohne die Funktion zu verlieren (Klick startet also den Standard-E-Mail-Client); Tests mit Aktivierung/Deaktivierung des Plugins;
    Ordnerstruktur und Datei:
    ./joomla-blanko/plugins/content/emailcloak/emailcloak.php   
    Wichtig: sehr häufig muss nach Installationen von Plugins das Plugin erst einmal aktiviert werden! Das wird häufig vergessen!
  • Intermezzo CSS Zen Garden
    mit Website CSS Zen Garden (Link) die saubere Trennung von Inhalten (hier die HTML-Seite) und Design/Layout (die jeweilige CSS-Datei) gezeigt;
    bei Joomla stellen uns dann die Templates diese Trennung sauber zur Verfügung
  • 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 - niemals mit Editor von Windows!
    Datei / Ordner Anmerkungen / Bedeutung
    ./administrator  das "Backend"
    Seitenzugriff ggf. über Verzeichnis-Zugriffsschutz extra sichern (z.B. Zugriffsschutz per .htaccess und .htpasswd) und nach Möglichkeit Zugriff mittels SSL (https) 
    ./bin
    ./cli
    Programme (Binaries) und Command Line Interface Tools (CLI) für Joomla
    ./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 für "worst Case" → Alle dürfen alles mit dieser Datei machen!
    Größere Sicherheit mit Berechtigungen 400 bzw. 440 (nur Benutzer bzw. Gruppe kann lesen)
    Anm.: auf Windows-Systemen wird Attribut "Read only - Schreibschutz" aktiviert!
    htaccess.txt Vorlage für .htaccess (Apache Webserver Konfigurationsdatei); Tipp: bei Windows-Systemen in der Eingabeaufforderung (cmd) mittels "copy htaccess.txt .htaccess" in der Konsole eine echte .htaccess erstellen!
    web.config.txt Vorlage für web.config (MS Webserver IIS - Internet Information Server)
    robots.txt Steuerdatei für Suchmaschienen  (Standard: nicht um Unterordner kümmern, außer: images, templates)
    LICENSE.txt
    README.txt
    Infodateien zur Lizenz und lesenswerte Quellen rund um Joomla
    index.php die eigentliche Joomla-"Seite"

 

  • Bilder im BeitragBilder im Beitrag
  • Plugins bitte aktivierenPlugins bitte aktivieren
  • JCE MediaboxJCE Mediabox
  • E-Mail VerschleierungE-Mail Verschleierung
  • Joomla OrdnerJoomla Ordner
  • SEFSEF

 

Tag 04 - Donnerstag

Donnerstag, 22.09.2017, 08.30 - 16.00 Uhr

  • Rekapitulation, TN-Fragen
    freiwillige Prüfung unter TN für Mi., 04.10.2017, 17.15 Uhr (??)
  • Backup & Restore I - klassische, manuelle Sicherung eines Joomla-Systems
    a) Projekt-Ordner/-Dateien (aktuell ca. 2000+ Ordner mit 7000+ Dateien)
    htdocs-Joomla-Projektverzeichnis mittels FTP sichern und wiederherstellen (hier: ./htdocs/joomla/joomla-blanko)
    b) Projekt-Datenbank
    Joomla-Datenbank-Tabellen mittels phpMyAdmin exportieren und importieren (DB-Dumps)
    Anm.: das Ganze recht technisch und aufwändig, aber funktioniert natürlich und ließe sich auch per Skripting automatisieren
  • Backup & Restore II - Akeeba (vormals JoomlaPack)
    mittels Akeeba-Backup-Core-Komponente im Joomla-Backend eine Sicherung erstellen (*.jpa)
    Restore: mittels Kickstart-Skript (kickstart.php, Sprachdatei, JavaScripts) und Akeeba-Sicherungsdatei wird die Seite dann später wiederhergestellt
    Einschätzung: sehr schnell und effektiv (siehe Joomla-Installation: >7000 Dateien / >2000 Ordner mit FTP echt ein "Krampf")
    Anm.: bei Standard-Hoster (Shared Hosting Pakete) muss vorher  eine Datenbank angelegt und die nötigen Infos
    Datenbankserver (z.B. localhost oder dbserver.hostingfirma.de),
    Datenbankname (z.B. dbo123456)
    Datenbankbenutzer (z.B. dbu123456) und
    Datenbankpasswort (z.B. geheim ;-) vorgehalten werden
    Übung:
    Akeeba Backup Core Komponente installiert und Backup-Archiv erstellt und mit Kickstart wiederhergestellt
    ;
    Tipp: Archiverstellungen (Backup-Profile) können so konfiguriert werden, dass man "große" Ordner (z.B. Download-Ordner mit großen PDFs/ZIP-Archiven) vom Archiv ausnehmen kann!
    Akeeba Core vs. Professional angesprochen und die Komponente Akeeba Backup mit Deutscher Sprache ausstatten (Download über Google-Suche)
    Backup-Speicherort (Standard): ./administrator/components/com_akeeba/backup   (Archive: *.jpa - Joomla Pack Archive)
    Beispiele für die Akeeba Pro Technik (vs. Akeeba Core):
    Support, Backup-Archive lassen sich verschlüsseln → jps Archive (Joomla Pack secure), Unterstützung von Cron-Jobs (Automatisierung von Sicherungen)
  • Backup & Restore III - speziell zum XAMPP des CMSOD
    a) einfach gesamten xampp-cmsod-Ordner packen (z.B. selbst entpackendes 7z-exe-Archiv; siehe Tag 01)
    b) spezielle Backup/Restore Technik (Batchdateien, Skripte) in Ordner C:\xampp-cmsod\__backups
    (siehe auch Musterprüfungen/Prüfungen)
    → diese Techniken haben natürlich nichts mit Backup-Techniken bei Hostern zu tun
  • ./language (Ordner, Technik, Overrides)
    neue Sprachen installiert und als Standard für Site (Frontend) eingestellt: z.B. Danish (da-DK), Arabic (ar-AA)
    Templatetechnik: das RTL (Right-To-Left) fähige Template Protostar zeigt für Arabic gleich eine Rechts-Nach-Links gestylte Seite!
    Übung: in Sprachdatei zum Template "protostar"  ./language/de-DE/de-DE.tpl_protostar.ini
    könnte die Sprachkonstante des Templates TPL_PROTOSTAR_BACKTOTOP geändert werdne!
    Anm.: in der index.php des Templates Protostar wird diese Joomla-Sprach-Variable mittels
    JText::_('TPL_PROTOSTAR_BACKTOTOP') als Platzhalter mittels eines PHP-Skriptblocks eingefügt
    Weitere Übungen: Sprachanpassungen für das
    Login-Modul (de-DE.mod_login.ini),
    Suchbox-Modul (de-DE.mod_search.ini) und für
    die "Weiterlesen"-Texte in der Standard-Inhaltsausgabe (de-DE.com_content.ini).
    Tipp: man kann alle übersetzten Stellen im FE/BE mittels Aktivierung des "Sprachen - Debug"-Modus in der Konfiguration aktivieren. Dann lassen sich alle übersetzten Stellen mit **...** erkennen!
    Problem:
    man ändert Dateien im Standard-Language-Ordner von Joomla - dort werden womöglich bei Updates von Sprachdateien/Infos Ihre gemachten Änderungen wieder überschrieben!
  • Lösung: Overrides (hier: Sprachen - aber später auch: Komponenten, Module, Plugins, Layouts)
    ("Überschreiben") von Sprachen-Platzhaltern mittels Erweiterungen - Sprachen - Overrides - hier einfach die gewünschte Sprachkonstante sauber in einem Formular eingeben und hinterlegen (techn.: im Ordner/Datei ./language/overrides/de-DE.override.ini  werden Ihre persönlichen "German-DE-Übersetzungen" als Infos hinterlegt und können bei Aktualisierungen der Joomla-Sprachdateien dann eben nicht mehr überschrieben werden!
    Joomla bietet für alle anderen Ausgaben und Techniken (Komponenten, Module, Plugins, Layouts) entsprechende Overrides an (siehe Templates mit eigenen Ausgabetechniken für unsere Website → Ordner ./html )
  • Templates I (eine erste Annäherung und Zusammenfassung)
    Grundidee: Trennung von "Inhalten" und "Design" - siehe Beispielwebsite "CSS Zengarden"
    bei Joomla sind für das "Design" die Templates zuständig, die allerdings nicht nur aus "Layout/Design"-Technik bestehen, sondern auch Logik enthalten
    Beispiel: wenn einmal an einer Template-Position "Rechts (position-7)" keine Module platziert werden, dann wird der Inhalt gleich komplett über die gesamte Seitenbreite gestylt, der entsprechende Block (div) also weggelassen!
    Am Beispiel "Protostar" und "Beez3" die Zuweisung von Templates mittels Stilen durchgeführt.
    So lassen sich dann später die Templates auch mehrfach auf Menüs zuweisen und auch die Parameter der Stile nutzen.
    Am Beispiel "Protostar" und "Beez3" die Modulpositionen eingeblendet (Optionen Templates - Vorschau auf Modulpositionen aktivieren)
    Anm.: bitte auf Live-Seiten immer wieder deaktivieren, weil man sonst die Postionen auf per URL anzeigen lassen kann:
    index.php?tp=1&template=beez3    
    (tp - Template Preview; template - ein vorhandenes Template, kann man leicht dem Quellcode einer Seite entnehmen)
    Übung:
    Stil "Protostar - default" kopiert in "Protostar - default (2)" und letzterem Stil individuelle Farbparameter eingestellt (Rot statt Blau)
    Tipp; Farben definieren/auswählen für Designs z.B. mit Websites wie Paletton - aka colorschemedesigner )
    Hinweis zu Web-Fonts: Freie, kostenlose Fonts z.B. bei Google
    mittels Register Menüzugehörigkeit individuelle Seite auf den neuen Stil verlinkt
  • Templates II (Fortsetzung - Technik)
    Analyse Template-Ordner:
    Wichtig: alle Dateien mit "UTF-8 ohne BOM" und am Besten immer mit unserem Notepad++ bearbeiten - niemals mit Editor von Windows!
    Datei / Ordner Anmerkungen / Bedeutung
    ./css die CSS-Styles
    ./html Overrides - Ausgaben von Joomla-Core- oder Erweiterungs-Techniken
    (Komponenten, Modulen, Plugins, Layouts) überschreiben
    ./images
    ./img
    Bilder und
    "Icons"
    ./js JavaScript
    ./language die Sprachkonfigurationen bzw. Übersetzungen für das Template
    ./less Bootstrap-Technik: hier der LESS-CSS-Precompiler
    component.php Ausgabekomponente
    error.php Ausgabe für Fehler 404 - Dokument nicht gefunden!
    offline.php Ausgabe für Joomla-System offline - siehe Konfiguration
    favicon.ico Favorite Icon (siehe Favicon Generatoren)
    template_preview.png
    template_thumbnail.png
    Bilder für die Darstellung des Templates im Backend
    templateDetails.xml Konfigurationsdatei des Templates - wichtig für Installation und Infos im Backend
    index.php das eigentliche Joomla-Template
    Übungen zu Templates folgen

 

  • Kodierung UTF-8 ohne BOMKodierung UTF-8 ohne BOM
  • Akeeba BackupAkeeba Backup
  • kickstart.php + ANGIEkickstart.php + ANGIE
  • Joomla UpdateJoomla Update
  • Sprachen OverridesSprachen Overrides
  • templateDetails.xmltemplateDetails.xml

 

Tag 05 - Freitag

Freitag, 22.09.2017, 08.30 - 16.00 Uhr

  • Rekapitulation, TN-Fragen,
    Prüfungsinteressenten/Anmeldung VHS BS,
    To-Do-List Tag 05:
    Templates rekapitulieren und leicht vertiefen (einfache Overrides, einfaches CSS-Styling),
    Erweiterungen und Templates "auswählen",
    Benutzer- und Gruppenverwaltung,
    Joomla-Projekte planen/realisieren (wollen wir mal Joomla 4 ausprobieren?),
    Musterprüfung also große Abschlussübung
  • Templateübungen:
    In Standardtemplate Protostar:
    Css in ./css/template.css hinzugefügt: Bilder fließen jetzt sauber links mit Rändern im Text
    Override
    für Modul "Zufallsbild" erstellt:
    Originalcode in ./modules/mod_random_images/... 
    Override in ./templates/protostar/html/mod_random/default.php 
    Anm.: Allgemeine Anpassungen für Moduldarstellungen (Stil: well) in ./templates/html/modules.php 
  • Templates III (Zusammenfassungen / Einschätzungen: Free/kostenlos vs. Kauf, Lizenzmodelle)
    Prinzipiell drei Ansätze zur Bereitstellung/Erstellung von Templates
    1) gesamte Templatetechnik inkl. HTML/CSS/JS Webseitengerüst manuell erstellen und "programmieren
    Beispielhafte Dateien und Vorgehen auf verschiedenen Webportalen
    2) Beispiel-Template von Joomla (Protostar) als Grundlage für eigene Anpassungen/Design nehmen
    Anm.: tolle Anleitung zu Joomla 1.6/.1.7/2.5 Versionszeiten mit Buch A. Radtke "Templates für Joomla 2.5" (ISBN: 3827328462); dort zeigt das Radtke-Team anhand des damaligen Standardtemplate eine persönliche Anpassung und Umsetzung mit komplett anderem Styling
    → Ideen und Vorgehensweisen könnte man technisch aktueller auch mit Protostar umsetzen
    3) freies (kostenloses) Template oder natürlich auch eine Kaufversion
    beispielhafte Gegenüberstellung von vermeintlichen "Free" gegen die Kauf-/Premium Versionen beim Anbieter "AS" (Link);
    Übung mit freiem Template "MX JooFree12 - Herstellerlink" oder "j51_scrarlett_free" (liegt XAMPP-CMSOD bei) von Übersichtsportal joomlaos.de
    Tipp: Analyse der Templates mit Modul-Vorschauen und Tool in Mozilla (AddOn FireBug bzw. natürlich der Code-Inspektor mit Umschalten + Strg + I) für den ausgelieferten Quellcode der Template-Vorschauen
    Hier: Modul-Positionen anpassen und bei Menü-Modul auch ggf. auch erweiterte Eigenschaften einstellen (Menüklassensuffix, Modulklassensuffix)
    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"
    Besonderheit bei Joomla-Templates:
    Template Frameworks (Übersichten: Link, Link) → Warp, T3, Helix, Gantry, Expose
    mit den Frameworks sehr viel neue Funktionalitäten und Komfort, aber: Abhängigkeit von Framework, Einarbeitungszeit und ggf. auch Kosten
  • Extensions - Vorschläge nach Premiumlisten JED (und Trainer Joe Brandes)
    die folgende Liste ohne Anspruch auf Vollständigkeit (aktuell fast 8000 Extensions im JED!)
    bitte den Einsatz genau analysieren und auf Nachhaltigkeit der Extensions und Verträglichkeiten mit Joomla Core und Update-Technologien achten
    NameLinkBeschreibung
    Akeeba JED Backup und Restore (Kickstart) Tools
    Admin Tools JED Absicherungen und Tools für das Backend / den Administrator 
    J2XML JED Tools zum Exportieren/Importieren von Daten aus alten 1.5/2.5  Versionen (oder sogar WordPress)
    JCE JED Joomla Content Editor, eine attraktive Alternative für den Standard TinyMCE
    JCE MediaBox JED Bild- und Multimedia Lightbox
    SIGE JED Simple Image Gallery Extended, eine "einfache aber mächtige" Bildergalerie
    Tabs JED Tabs/Registerkarten in Beiträgen
    Sliders JED Slider (Accordion) in Beiträgen
    DJ-Imageslider JED Image-/Infoslider für Showcases / Header
    2 Click Social Buttons JED 2 Klicks für mehr Privatsphäre bei Nutzung von Social Media Buttons
    JEvents JED Kalender/Event Komponente (z.B. auch zum Einbinden öffentlicher Google-Kalender)
    Kunena JED ein mächtiges Forum
    Phoca Gallery JED eine sehr umfangreiche Bildergalerie
    Phoca Download JED eine sehr umfangreiche Download-Erweiterung
    K2 JED die Komplettlösung für Beitragsdarstellung (sehr mächtig)
    EU e-Privacy Directive JED Infotechnik zu Cookies nach EU Privatssphäre Vorgaben
    tbc   ... to be continued ...
    aber eben auch eine persönliche Entscheidung und Wahl ...
    Man beachte, dass manche der Extensions umfangreiche Techniken aber auch Einarbeitungszeiten und Konfigurationen verlangen.
  • 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)
    Frontend (FE) - Site:
    Registered (Anmeldung möglich),
    Author (Beitrag schreiben / einreichen / eigene ändern),
    Editor (Beiträge ändern),
    Publisher (Veröffentlichungen steuern, Hautpteintrag konfigurieren)
    Backend (BE) - Administrator:
    Manager (eingeschränktes BE; z.B. ohne Benutzer, Menüs),
    Administrator (erweitertes BE; z.B. inklusive Benutzerverwaltung)
    Super User (kann überall Alles - also auch die Installationen und Verwaltungen im BE für Erweiterungen)
    Übungen mit Benutzern/Gruppen
    Vorschlag: einfach für alle Gruppen Beispieluser joeauthor bis joeadministrator anlegen und austesten
  • Joomla Wissen der Woche anwenden...
    → Neues Blanko Joomla-Projekt auf einem lokalen Entwicklungssystem erstellen
    Vorschlag: das fertige XAMPP-CMSOD von Ihren Teilnehmer-Unterlagen
    → Kategorien (planen / erstellen), Beiträge, Menüs (planen / erstellen), Module für Menüs
    Anm.: alles erst einmal mit Standard-Template Protostar
    → Ausstattung mit Erweiterungen/Techniken nach Wahl:
    Komponenten, Module, PlugIns
    → System stetig während der Überarbeitung sichern:
    Backup(s) erstellen: site-localhost-xxxxyyzz-hhmmss.jpa
    → ... die Zeit vergeht! ...
    → Template (das Design) - die größte "Baustelle"
    siehe Anmerkungen und Darstellungen in unserem Seminarbeitrag
    → Jetzt sind Sie fertig! (Anm.: ne - ist man nie ;-)
    und haben eine "letzte" Sicherung / einen Sitestatus: site-localhost-development-final-yyyymmdd-hhmmss.jpa
    → Hoster suchen / finden
    Domain: mein-joomla-projekt.de
    Webserver:   ./joomla-projekt  (Ordner für Ihre Website/Domain auf Ihrem gemieteten Webserver)
    → Lokales Entwicklungsprojekt auf Hosting veröffentlichen / übertragen
    Für die Datenbank muss vorher im Kundencenter des Hosters eine entsprechende DB erstellen
    Die DB-Zugangsdaten muss man kennen und sollte eine entsprechende Dokumentation besitzen!
    Übertragen und Wiederherstellen der Ornder und DB beim Hoster mittels Akeeba Kickstart
    Kurzanleitung: alle nötigen Dateien in Ihren Projekt-Ordner "hochladen"
    (Alternativen: a) FTP, b) Dateimanger im Hosting-Kundencenter - wir nehmen natürlich FTP)
    site-localhost-yyyymmdd-hhmmss.jpa, kickstart.php, jquery.min.js, json2.min.js, de-DE.kickstart.ini
    (oder einfach alle Dateien aus dem kickstart-Zip-Archiv von akeebabackup.com)
    Wiederherstellung nach unseren Übungen am Donnerstag/Freitag mit  "Kickstart" durchspielen

  • Musterprüfungen zum Modul IIIa - Joomla (CMS Online Designer 3.0)
    für die Prüfungen des CMSOD stelle ich im Ordner C:\xampp-cmsod\__backups (wird ggf. als Zip bereitgestellt) 
    eine Sammlung von Skripten für die Eingabeaufforderung (cmd) unter Windows und
    die entsprechende Anleitung als trainer-ek-zk-anleitung-backup-restore.pdf  bereit
    Kurzanleitung zum Restore der Musterprüfung: (hier nur kurz die Eingaben)
    → Musterprüfungs-Zip-Archiv  Mustermann-Max_musterpruefungen_joomla_20170905.zip 
    per Drag & Drop auf das Restore-Skript restore-cmsod-basisversion.bat  ziehen.
    → Es öffnet sich eine Eingabeaufforderung:
    musterpruefungen  (Return)
    joomla  (Return)
    Abfrage DB-Kennwort: einfach Return für "leeres" Kennwort (wie immer beim XAMPP!)
    Die Musterprüfungsfragen - und die Musterlösung auf Anfrage - werden als Ausdruck/PDF bereit gestellt.
  • TN-Bescheinigungen, Feedback, letzte TN-Fragen,
    Digitale Seminarunterlagen, Screenshots der Woche bereitgestellt (ca. 200+ pro Tag - "Daumen-Kino" zum Seminar)

 

  • template.csstemplate.css
  • index.php (Template)index.php (Template)
  • JEDJED
  • BenutzergruppenBenutzergruppen
  • Frontend-EditingFrontend-Editing
  • BenutzermenüBenutzermenü

 

 

Vielen Dank für Ihre sehr positiven Feedbacks und das Interesse an weiterführenden Seminaren.
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"

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