joomla!

zero2hero CMS Tour 2010

Verfasst von Hagen Graf am 1. September 2010 - 16:52

2010 ist ein wichtiges Jahr für die meisten Open Source Content Management Systeme, da Major Updates vor der Tür stehen (Joomla! 1.6, Drupal 7) oder bereits veröffentlicht worden sind (Wordpress 3). Ich habe bei verschiedenen Gelegenheiten Präsentationen über das Thema gehalten, zuletzt vergangene Woche auf der Unconference im Rahmen der DrupalCon in Copenhagen.

Was kann ich lernen?

Grob zusammengefasst, alles was Sie wissen müssen um bei Joomla! 1.6, Drupal 7, Wordpress 3 und den gängigen Web 2.0 Anbindungen auf dem laufenden zu sein.

Was muss ich können?

Sie müssen keine speziellen Kenntnisse haben. Hilfreich sind Erfahrungen mit Browsern, ein wenig HTML und basale Kenntnisse über PC (Ordner anlegen, Dateien entpacken, etc). Alles was Sie darüberhinaus können ist sicherlich hilfreich (CSS, PHP, etc). Ich habe bei meinen Veranstaltungen die Erfahrung gemacht, das die Teilnehmer meistens "genug" wissen. Mir geht es sehr darum, Ihnen ein grundsätzliches Verständnis für die Themen zu vermitteln auf dessen Basis sie Entscheidungen für weitere Vorgehensweisen treffen können. Ich habe nicht die Absicht Ihren Kopf mit Buzzwords zu füllen. Vielleicht gelingt es mir ein paar Buzzwords zu entzaubern :-).Weiterlesen


cocoate drupal, joomla, wordpress screencasts

Verfasst von Hagen Graf am 31. August 2010 - 12:56

In den letzten zwei Wochen hat mich der Podcast Virus erfasst. Als Ergebnis gibt es jetzt einen cocoate Video Podcast zu den Themen Joomla!, Wordpress und Drupal. Ich habe sieben Videos aufgenommen und es werden hoffentlich bald mehr. Die Auflösung der Videos liegt bei 960 * 540 Pixel, damit man etwas erkennen kann auf dem PC. Der Vimeo Channel läuft auch gut auf dem iPhone. Falls jemand ein iPad hat, würde mich mal interessieren, wie es da so aussieht.

Links

[Update 2.9.2010]

  • Vimeo channel läuft auf iPad - Danke Kriegel

    our vimeo channel on an iPad

    und hintz
  • Vimeo bietet auch eine iPad /Flash kompatible Einbettung an, die bei mir im Blog leider noch nicht funktioniert weil ich das emfield Modul von Drupal benutze und das wohl noch den alten Code aufbaut.

DE0004 Joomla! 1.6 Beispieldaten

Verfasst von Hagen Graf am 20. August 2010 - 14:44

Eine Über uns Seite erstellen

Verfasst von Hagen Graf am 18. August 2010 - 11:13

Lassen Sie uns eine erste Seite erstellen: "Über uns"

Inhalt

  • Überschrift
  • Text
  • Bild
  • Soll nicht auf der Startseite erscheinen
  • Link im oberen horizontalen Menü (top): Über uns

Beispieldaten

Verfasst von Hagen Graf am 18. August 2010 - 8:38

Wenn Sie Joomla! 1.6 das erste Mal installieren, sollten Sie die Beispieldaten ebenfalls installieren. Nehmen Sie sich ein wenig Zeit und erforschen Sie die Website und die Zusammenhänge. Die Beispieldaten dienen dazu, Ihnen zu zeigen, wie viele Dinge aussehen können. Im Text sind Hinweise welche Teile des Joomla! Systems verwendet werden und kurze knappe Erklärungen zu den einzelnen Teilen. Für einen ersten überblick sind die rund 50 Seiten hinter dem Link "Using Joomla!" sehr hilfreich.

Wenn Sie genug gesehen haben, wollen Sie vermutlich die Website nach Ihren eigenen Bedürfnissen konfigurieren.

Ein leeres Joomla! - Aber wie?

Um ein leeres Joomla! System zu erhalten, könnten Sie

  1. sich ein zusätzliches "frisches" Joomla! 1.6 ohne Beispieldaten erstellen.

    Erstellen Sie dazu in Ihrem lokalen Webverzeichnis (/htdocs) einen neuen Ordner in dem Sie ein weiteres Joomla! installieren. Sie haben dann zwei komplette Joomla! Installationen. Diese Vorgehensweise ist für Übungszwecke durchaus hilfreich.
  2. die Beispieldaten im Administrationsbereich löschen.
  3. die Veröffentlichung der Beispieldaten im Administrationsbereich einfach zurücknehmen. Im anhängenden Video sehen Sie, wie es gemacht wird.

Für die Variante 2 und 3 müssen Sie sich im Administrationsbereich einloggen. Sie müssen dann die Beispiel Menülinks und die Beispielinhalte unveröffentlichen, bzw. löschen.

Menü Manager

Gehen Sie in den Menu Manager des Top Menüs (Menus -> Top), klicken sie Auswahlbox links über den Menupunkten an. Jetzt sind alle Menüpunkte ausgewählt und sie können auf das Icon Unveröffentlichen klicken. Nach dem Unveröffentlichen sehen Sie das entsprechende rote Icon in jedem Menüpunkt (Abbildung XXX)

TODO SCREENSHOT

Abbildung XXX: Menü Manager I

Wenn Sie zurück auf Ihre Website gehen und diese aktualisieren, sehen Sie dass das Top Menü verschwunden ist. Wiederholen Sie den Vorgang mit dem Hauptmenü. Achten Sie darauf alle Menüpunkte ausser Home/Startseite auszuwählen. Dieser Link ist nicht löschbar, da eine Seite die Startseite sein muss. Im unteren Bereich können Sie die Anzeigemenge verändern (Abbildung XXX)

TODO SCREENSHOT

Abbildung XXX: Menü Manager II

Artikel Manager

Rufen Sie den Artikel Manager auf und gehen vor wie im Menu Manager. Wählen Sie alle Inhalte aus und unveröffentlichen bzw löschen Sie sie.

Cache

Damit auch wirklich alle Daten von Ihrer Joomla! Website verschwinden, müssen Sie noch den gesamten Cache löschen (Site Maintenance -> clear Cache) dann das gleiche Prinzip wie bei Inhalten. Alles auswählen und löschen.

Leere Seite

Jetzt ist Ihr Joomla! "leer" (Abbildung XXX).

TODO SCREENSHOT

Abbildung XXX: Joomla! ohne Beispieldaten


Installation

Verfasst von Hagen Graf am 17. August 2010 - 14:18

Die Installation von Joomla! ist dank des Webinstallers eine Sache von Minuten. Damit die lokale Installation auf Ihrem PC überhaupt möglich ist, benötigen Sie als Umgebung ihr »eigenes Internet«, bestehend aus einem Browser, einem Webserver, der PHP unterstützt, und ein von Joomla! unterstütztes Datenbanksystem. Man spricht in diesem Zusammenhang von einem XAMP Stack TODO LINK und von einem Client Server System. Die Joomla!-Dateien werden in dieses System kopiert und mit dem Joomla! Webinstaller eingerichtet.

Mindestvoraussetzungen an das System sind:

  • ein installierter und funktionierender Webserver, z.B. Apache ab Version 1.13.19 oder Microsoft IIS.
  • die Skriptsprache PHP ab Version PHP 5.2.4 Die Unterstützung für MySQL und Zlib muss in PHP einkompiliert sein. Zlib ist eine Bibliothek, die es PHP ermöglicht, Dateipakete zu lesen, die mit dem ZIP-Verfahren komprimiert wurden.
  • das Datenbanksystem MySQL ab Version 3.23.x, bei Unicode-Zeichensätzen MySQL ab 4.1.x.

Installationsvarianten

Da dieses Thema für alle PHP basierten Systeme gleich ist, verweise ich auf das Kapitel Installationsvarianten PHP basierter Systeme in den Gemeinsamen Grundlagen.

Stolpersteine

Dieses Thema ist sehr komplex, da es mittlerweile eine unüberschaubare Anzahl von Anbietern und eine noch unüberschaubarere Kombination von installierten Webserver-, PHP-, MySQL-Versionen und Webspace-Verwaltungstools gibt. Knackpunkte bei der Installation sind oft

  • ein eventuell eingeschalteter Safe Mode bei PHP, der verhindert, das Sie Dateien hochladen können.
  • beim Apache Webserver die "verbotene" Umschreibung von Pfaden wegen der Nichtaktivierung der so genannten Apache Rewrite Engine (mod_rewrite) und
  • die Verzeichnisrechte unter Linux und OSX, die anders gesetzt werden als unter Windows.

Grundsätzlich ist der einfachste Weg, der eigentlich immer funktioniert, folgender:

  • Laden Sie sich das aktuelle Dateipaket von Joomla.org auf Ihren heimischen PC und entpacken Sie alles in einem temporären Verzeichnis.
  • Laden Sie die gerade ausgepackten Dateien per FTP-Programm auf Ihren angemieteten Server, bzw. in das Verzeichnis Ihrer lokalen Installation. Die Dateien müssen im öffentlich zugänglichen Verzeichnis installiert werden. Meistens heißen diese Verzeichnisse htdocs, public_html oder nur html. Sie können, falls schon andere Installationen in diesem Verzeichnis sind, innerhalb des Verzeichnisses ein Unterverzeichnis angeben, in das Sie Ihr Joomla! installieren. Viele Webhoster erlauben, dass Sie Ihren angemieteten Domainnamen auf ein Verzeichnis linken.
  • Sie müssen herausbekommen, wie Ihre Datenbank heißt. Meistens sind eine oder auch mehrere Datenbanken in Ihrem Webhosting-Paket enthalten. Manchmal stehen Benutzername, Datenbankname und Passwort fest, manchmal müssen Sie es erst einrichten. Dazu steht Ihnen meistens eine Browser-basierte Konfigurationsoberfläche zur Verfügung. Ein Beispiel einer solchen Oberfläche sehen Sie in Abbildung XXX. Sie benötigen die Datenbank-Zugangsdaten für den Webinstaller von Joomla!.

    TODO SCREENSHOT

Joomla!-Webinstaller

Ab jetzt geht alles blitzschnell, weil der Joomla!-Webinstaller das Kommando übernimmt. Rufen Sie die URL http://localhost/joomla150/ auf.

Schritt 1 – Sprachauswahl

Der Webinstaller meldet sich in deutscher Sprache mit der Sprachauswahl. Die Sprachauswahl ist der erste von insgesamt sieben Installationsschritten. Legen Sie hier die gewünschte Sprache fest und klicken den Button Weiter (Abbildung xxx).

TODO SCREENSHOT

Abbildung xxx: Installer – Sprachauswahl

Schritt 2 – Installationsprüfung

Sie sehen die Installationsprüfung (Abbildung xxx). Diese Prüfung soll Ihnen helfen zu beurteilen, ob sich Ihre Serverumgebung für die Installation von Joomla! eignet.

TODO SCREENSHOT

Abbildung xxx: Installer – Installationsprüfung

Wenn Sie überwiegend grüne Testergebnisse sehen, so ist das schon mal ein gutes Zeichen. Abhängig von Ihrer Konfiguration kann es hier Unterschiede geben. Der Joomla!-Installer berücksichtigt die Konfigurationseinstellungen von Webserver (in unserem Fall Apache), PHP und dem Betriebssystem. Auf Unix-artigen Systemen (Linux, Mac OS X) müssen Sie auf Schreibberechtigungen achten. Dies gilt insbesondere für die Datei configuration.php. Sie wird am Ende der Installation mit Ihren individuellen Werten erzeugt. Hat der Installer keine Schreibrechte im Ordner, kann Joomla! die Datei nicht erstellen, und die Installation schlägt fehl. Versuchen Sie, in diesem Fall die Rechte entsprechend zu konfigurieren und klicken Sie auf den Button Prüfung wiederholen. Klicken Sie auf den Button Weiter, und Sie befinden sich im Schritt Lizenz.

Schritt 3 – Lizenz

Jede Software wird unter bestimmten Bedingungen lizenziert. Bei Joomla! handelt es sich um die GNU/GPL Lizenz in der Version 2.0 (Abbildung XXX).

TODO SCREENSHOT

Abbildung xxx: Installer – Lizenz

Schritt 4 – Datenbank

Im vierten Schritt Datenbankkonfiguration werden Ihre Datenbank-Parameter abgefragt (Abbildung xxx). In der lokalen Serverumgebung können Sie beliebig viele Datenbanken anlegen und haben einen MySQL-Benutzer mit dem Namen root. Der Benutzer root ist der MySQL-Administrator und darf alles in einem MySQL-System. Das Passwort ist abhängig von Ihrer Serverumgebung (bei xampp kein Password, bei mamp ebenfalls root).

TODO SCREENSHOT

Abbildung xxx: Installer – Datenbankkonfiguration

Tragen Sie bei einer lokalen Installation folgende Werte ein:

  • Computer Name: localhost

  • Benuztername: root

  • Passwort: [das kennen nur Sie selbst]

Wählen Sie jetzt noch den Datenbanknamen aus. In einer produktiven Umgebung auf einem Datenbankserver bei einem Provider haben Sie vermutlich ein festes Kontingent von Datenbanken, und die Datenbankzugangsdaten sind in der Regel vorgegeben.

Wenn Sie root Rechte auf de MySQL Server haben, können Sie den Namen einer Datenbank angeben, die noch nicht existiert. Joomla! legt diese datenbank dann an.

Durch einen Klick auf das grüne Dreieck vor Erweiterte Einstellungen können Sie weitere Optionen einblenden.

Sie können wählen, ob die Tabellen einer evtl. bereits bestehenden Joomla!-Installation in dieser Datenbank gelöscht oder gesichert und mit dem Präfix bak_ versehen werden sollen.

Dieses MySQL-Tabellenpräfix ist eine praktische Sache. Vor jeden Tabellenamen, den der Webinstaller erzeugt, schreibt er den Text, den Sie in das entsprechende Feld eingeben. Standardmäßig schlägt der Webinstaller jos_ vor. Das hat einen einfachen Grund. Manchmal erhalten Sie bei einem Internetprovider nur eine MySQL-Datenbank. Wenn Sie nun zwei Joomla!-Seiten betreiben wollen, hätten Sie ein Problem, da Sie ja die Tabellen nicht voneinander unterscheiden können. Durch das Tabellenpräfix ist es möglich, die Tabellen verschiedener Joomla!-Installationen auseinanderzuhalten (jos_mueller_ oder jos_schulze_). Hier sollten Sie den Standard jos_ übernehmen. Das Präfix wird außerdem genutzt, um gesicherte Daten zu kennzeichnen (bak_), siehe oben.

Schritt 5 – FTP-Konfiguration

Um Probleme mit Zugriffsrechten und einem evtl. eingeschalteten PHP Safe Mode gleich im Keim zu ersticken, gibt es die Möglichkeit, die FTP-Funktionen von PHP für den Upload und das Handling von Dateien zu benutzen. In der lokalen Installation ist das nicht notwendig. Wenn Sie Joomla! auf einem virtuellen Webserver eines Providers installieren, können Sie hier die FTP-Daten eingeben, die Ihnen Ihr Provider zur Verfügung gestellt hat. Falls Ihr Provider diese Funktion erlaubt, so ist es aus Sicherheitsgründen ratsam, unterschiedliche FTP-Konten für sich als Benutzer und für Joomla! anzulegen und das Joomla!-FTP-Konto nur für das entsprechende Joomla!-Verzeichnis freizuschalten (Abbildung xxx).

TODO SCREENSHOT

Abbildung xxx: Installer – FTP-Konfiguration

Schritt 6 – Konfiguration

Dieser Hauptkonfigurationsschritt ist dreigeteilt.

Im ersten Teil der Konfiguration wird der Name Ihrer Website abgefragt. Dieser Name taucht beispielweise in der Titelzeile des Browserfensters auf, wenn jemand Ihre Website aufruft. Der Name wird auch an verschiedenen anderen Stellen benutzt, beispielsweise bei Bestätigungsmails an registrierte Benutzer. Ich nehme für unsere Beispielseite den Namen Joomla! zero2hero (Abbildung xxx).

Im zweiten Teil werden die Pfade der Website, die Administrator-E-Mail und das Administrator-Passwort abgefragt. Notieren Sie sich das Passwort am besten auf einen Zettel (aber kleben Sie ihn nicht an den Bildschirm oder unter die Tastatur :-)).

TODO SCREENSHOT

Abbildung xxx: Installer – Konfiguration – E-Mail, Passwort

Im dritten Teil legen Sie die Art der Daten fest, die Ihre Joomla!-Installation enthalten soll (Abbildung 2.1.19).

Installation der Beispieldaten

Das Wichtigste sind die Daten Ihrer Installation. Joomla! ermöglicht und empfiehlt es auch ausdrücklich, dass Anfänger die Beispieldaten installieren. Sie erhalten damit ein kleines Handbuch über Joomla!, viele Beispiele und können gefahrlos experimentieren. Klicken Sie auf den Button Beispieldaten installieren. Der Installer lädt die Daten in Ihre Datenbank und ändert die Anzeige (Abbildung xxx). Der Vorgang ist ein wenig unscheinbar, aber zur Installation der Beispieldaten notwendig. Der Button verschwindet, und ein kleines Textfenster erscheint.

TODO SCREENSHOT

Abbildung xxx: Installer – Konfiguration – Beispieldaten

Klicken Sie jetzt auf den Button Weiter, und die Daten werden übernommen.

Schritt 7 – Abschluss

Der siebte und letzte Schritt gratuliert zur erfolgreichen Installation (Abbildung xxx). Ich gratuliere auch. In fetter Schrift steht dort, dass Sie bitte das Verzeichnis mit dem Namen Installation löschen sollen. Diesen Hinweis sollten Sie jetzt beherzigen, denn Ihre Joomla!-Website läuft ohne diese Maßnahme nicht.

TODO SCREENSHOT

Abbildung xxx: Installer – Abschluss

Hinweis:  In Ihrem Dokumentenverzeichnis ist eine Datei mit dem Namen configuration.php erstellt worden. Falls Sie die Installation wiederholen möchten, müssen Sie, bevor Sie das Installationsverzeichnis löschen, die Datei configuration.php löschen. Der Joomla!- Installer startet dann erneut, wenn Sie im Browser die URL aufrufen, unter der sich die Joomla!-Dateien befinden.

Ihr Administrations-Benutzername ist immer admin.

Hinweis: Für den Fall, dass Sie das Administratorpasswort vergessen/verlegt haben sollten, finden Sie hier TODO LINK eine Lösung.

Sie haben jetzt Joomla! vollständig installiert und können damit beginnen, Ihre Website zu konfigurieren und Inhalte einzupflegen. Sie haben die Wahl zwischen den Buttons Site (Website ansehen) und Admin (Administrationsoberfläche).

Sehen Sie ruhig mal Ihre frisch erstellte Website an und klicken Sie auf Site. Sollten Sie noch nicht das Verzeichnis Installation gelöscht haben, erhalten Sie jetzt noch einmal einen freundlichen Hinweis, es zu löschen und anschließend die Seite zu aktualisieren.

Das Ergebnis sieht schon sehr eindrucksvoll aus (Abbildung xxx).

TODO SCREENSHOT

Abbildung xxx: Ihre Website direkt nach der Installation

Schauen Sie sich in Ruhe um, klicken Sie ein paar Möglichkeiten durch und versuchen Sie sich zu orientieren. In dieser mit Beispieldaten gefüllten Website werden viele Funktionalitäten von Joomla! genutzt, und wir werden uns diese in Ruhe ansehen.


Inhalt abgleichen
© 2010 cocoate.com EURL