CMS (TYPO3) - Kurs Tag 5 - Sicherungskopie/ Rücksicherung von Verzeichnis & Datenbank, TTNews

Mitschrift 14.05.2014

TAG 5

Was machen wir heute?

• Wiederholung 
• Rücksicherung nochmal einspielen 
• TT-News - Erweiterung / Newssystem einspielen (wir können an zentraler Stelle Nachrichten hinterlegen, die wir dann dort anzeigen lassen können, wo wir sie hinhaben wollen

Wiederholung:

• Wir haben eine Seitenstruktur aufgebaut
• Home ist für uns ausschließlich ein Konfigurationsbereich - wir wollen es nicht im Menü anzeigen lassen
• icon Home - bearbeiten . Verweis eingestellt
• diese Seite soll nicht selbst dargestellt werden, sondern auf eine andere Seite verweisen (nächste Unterseite - bei uns: start)
• Das Symbol verändert sich in einen grünen Erdball - das ist das Kennzeichen der Verweisseite
• So landen wir direkt auf start im Browserfenster
• wir haben Typoskript verändern
• hier können wir festlegen
• was dargestellt werden soll
• was es für Funktionalitäten haben soll (Marker)
• lib.menu
• HTML Strukturen müssen analog zur index.html-Struktur sein
•  die Objekte, die wir genutzt haben:
• Inhaltsobjekt = Darstellungscharakter - sehen wir im Frontend, wie HMENU (Ebenensteuerung) - 1. Ebene Startseite
• NO = Normaldarstellung der Menüleiste
• wrapItemAndSub - intelligentes Eigenschaft, die das Menu eigenständig aufbaut - ich muss nur die HTML-Struktur benennen
• Für die Zuweisung, wo mein Text stehen muss, setze ich Marker als Platzhalter - den setze ich an die Stelle, wo in dem Layout ursprünglich das Menü vorgesehen war - nur, dass meine Inhalte eingefügt werden.
• Evtl muss man als Designer noch die Breite des Containers vergrößern, damit alle Menüpunkte sichtbar in einer Zeile stehen. - dies geschieht im CSS - Style-Sheet
• Das was wir machen ist ein Nachbau! Wir bauen das vorhandene HTML nach, um das gleiche Design zu erhalten
• Wir haben eine Kopie erstellt
• Das ist vor allem zur Datensicherung!
• Wir speichern das Projekt/ Verzeichni und das php/die Datenbank
• Wenn wir keine Sicherung gemacht haben, und wir dann die Seite nachbauen müssen, dann ist die Datenbank schwierig zu rekonstruieren
• Dementsprechend müssen wir darauf achten, dass in regelmäßigen Abständen die Datenbank dubliziert wird bzw. als Datei an einem anderen Speicher
• Dafür gibt es Backup-Tools - die automatisieren die regelmäßige Speicherung!
• Raid-Funktionalität des Systems auf dem Rechner = Spiegelung, dass man 2 Datensätze hat
• HINWEIS: hierzu benötige ich aber trotzdem ein paralleles Backup, da bei der Spiegelung aus versehen gelöschte Inhalte sonst natürlich auf beiden Systemen weg wären...
• Wenn man natürlich eine Kopie erstellen möchte auf einem anderen Rechner, dann nehme ich es manuell vor 

Hinweis: Wenn Burkard ein System sichert, wir er es uns demnächst immer zur Verfügung stellen.

Sicherungkopie erstellen - Schritt für Schritt:

• Verzeichnissicherung
• auf das Verzeichnis gehen (bspw. tag03) und in eine zip-Datei packen
• dann ausschneiden und in einen neuen Ordner (SicherungTag03) legen.
• Dann der DatenbankenDump, zur Sicherung der Datenbank
• gehe zu phpmyAdmin (im Browser localhost eingeben - Menü links - Tools - phpMyAdmin)
• wähle die Datenbank
• Exportieren
• Durchsuchen - Speichern - ok
• Format: SQL - ok
• Dann haben wir tag03.sql in den Downloads
• diese Datei auch ausschneiden und in den SicherungTag03- Ordner einfügen.
• Dann den SicherungsTag03-Ordner zipen, dann habe ich nur noch eine einzige Datei, den ich weitergeben muss
• Achtung: php.ini

Jetzt spielen wir die Kopie auf unser System auf - Schritt für Schritt:

• Doppelklick auf die Sicherungszip (die im Sicherungsordner liegt)
• Doppelklick auf den Ordner - (tag03.zip & tag03.sql) 
• tag03.sql brauchen wir als entpackte Version - mit gedrückter linker Maustaste auf den Desktop ziehen  - damit ist sie entpackt und schnell wiederzufinden (nach dem Einspielen, können wir sie wieder löschen)
• tag03.zip weiter öffnen - durch Doppelklick und den Ordner öffnen - dann sehen wir die uns bekannte Typo3-Umgebung aus Source und Dummy - Achtung - keine Fenster schließen!
• Wechseln in den Windowsexplorer
• htdocs - neuen Ordner erstellen - tag05 und Ordner öffnen = leerer Ordner
• jetzt die Typo3Umgebung komplett markieren und in den leeren Ordner ziehen
• jetzt haben wir ein neues Projekt im htdocs Ordner angelegt
• nun fehlt noch die Einspielung der Datenbank (Umgebung)
• wechsel auf den Browser - localhost/
• Tools  - phpMyAdmin
• Reiter Datenbanken klicken, um eine neue Datenbank anzulegen

Reiter Datenbank

• als Datenbankennamen "tag05" eingeben (Kollation - Angaben für charsets/ Schriftsatz -  lassen wir drin stehen - hier kann man später auch utf-8 einstellen) und Button "Anlegen" drücken

Datenbankenname eintargen und Anlegen

• dann ist tag05 angelegt und in der Menüleiste links sichtbar
• auf tag 05 in der linken Menüleiste gehen/ klicken
• Reiter Importieren - Durchsuchen - dann die tag03.sql vom Desktop auswählen - so ist tag03.sql übernommen - Button "ok" drücken

Importieren - Durchsuchen - sql-Datei auswählen und ok drücken

______________________________________________________________

Fehlermeldung von Jessica: Sie hatte schon vorher ein Projekt/Verzeichnis tag05 angelegt und bekommt jetzt eine Fehlermeldung: SQL-Befehl - MySQL meldet dublicate entry

Fehlermeldung: SQL-Befehl - MySQL meldet dublicate entry

Jessica hat bereits den Ordner aus htdocs gelöscht, aber sql gibt trotzdem an, dass es schon ein Verzeichnis tag05 gibt - dublicate - Das liegt daran, dass die Datenbank in phpMyAdmin noch nicht explizit gelöscht wurde - das machen wir nun!
Lösung: Wieder auf den Server klicken - auf Datenbanken gehen und hier en tag05 löschen

Datenbank in phpMyAdmin löschen

Aber ACHTUNG: Wenn ich hier die falsche Datenbank lösche, ist sie unwiderruflich gelöscht!!!!

Jetzt eine neue Datenbank tag05 anlegen - links im Menü auf tag05 gehen
Importieren - durchsuchen - sql-Datei auswählen - ok :)
Gelöst !!! :)

______________________________________________________________  

Datenbankeninstallation/ Konfiguration / Anpassung

Die Schritte kennen wir jetzt schon...

Jetzt in den Browser: localhost/tag05/typo3/install

ENABLE - Datei in conf-Ordner eintragen -> siehe Mitschrift der Vortage...

Jetzt  kommt die Verknüpfung von Datenbank und Verzeichnis in den Basiseinstellungen

Erst wenn wir in den Basic Configuration als Database die tag05 ausgewählt haben, dann besteht eine sichere Datenbankverknüpfung! - Update Configuration

Backend Admin klicken

TT News

Jetzt bekommen wir ein pdf vom Dozenten - tt-news.pdf

TT News - Komplettinstallation
Nachrichten komfortabel verwalten

Erweiterungsmanager
Im Backend - Adminwerkzeuge - Erweiterungsmanager

Fehlermeldung

Fehlermeldung!
Zur Fehlerbehebung:
Backend - AdminWerkzeuge Installation - (wenn nichts läuft, dann F5 drücken ;) ) - System environment

Windows apache thread stack size - Dies ist der Schlüssel zur Fehlermeldung - deshalb können wir keine Erweiterungen einspielen!

Der rote OpenSSL - Fehler ist ok für die lokale Datenbank, darf aber auf einem Webserver nicht angezeigt werden...

Tipp: Wenn man mit den Fehlermeldungen nichts anfangen kann - Überschrift der Fehlermeldung kopieren und bei Google eingeben mit typo3 hinten dran ;)

Windows kann keine 8MB darstellen:

Windows apache thread stack size - Fehler

Also müssen wir ThreadStackSize 8388608 in den Ordner httpd.conf: eintragen - das machen wir über das XAMPP Control Panel

XAMPP: ThreadStackSize 8388608 in den Ordner httpd.conf

Xampp Conttrol Panel - Apache Conf - oberste Auswahl und in dem Texteditor ganz unten: ThreadStackSize 8388608 eintragen und speichern

in Editor eintragen: ThreadStackSize 8388608und speichern

Dann den Apache im Control Panel Stoppen und wieder starten

Auf den Tag 5 im Browser und F5 drücken
-> Der Fehler ist behoben - es handelt sich um eine Fehlermeldung, die Windows typisch sind!

Jetzt klicken wir auf den Erweiterungsmanager

Erweiterungen hinzufügen

Erweiterungen hinzufügen wählen

TER = Typo3 Extension Repository

=> Welche Erweiterungen gibt es?
TER =  Typo3 Extension Repository - Das Laden dauert seeehr lange!

Was ist TER?

Das TYPO3 Extension Repository (TER) ist ein zentrales Verzeichnis, in dem Extensions gespeichert sind, welche über den Extension Manager in einem TYPO3-System installiert werden können.

Für Entwickler von Extensions wird die Möglichkeit geboten, eigene Erweiterungen in das TER hochzuladen, welche dann von der gesamten TYPO3-Gemeinde verwendet werden können.
Die Anzahl von Extensions für verschiedenste Anwendungsbereiche wächst stetig. An den Downloadzahlen einzelner Extensions lässt sich in etwa abschätzen, wie wichtig und beliebt bestimmte Erweiterungen sind, was hin und wieder die Auswahl zwischen mehreren Extensions erleichtert.
Eine komfortable Suchfunktion, die auch eine Filterung nach den populärsten und neusten Extensions erlaubt, ist im "Extensions"-Bereich der Entwickler-Website typo3.org bereit gestellt.

=> Was sind Extensions?  es folgt ein Zitat von www.jochenfroehlich.com

Was ist eine TYPO3 Extension?

Eine TYPO3 Extension (oder "Erweiterung") ist ein Modul mit spezieller Funktionalität, das über definierte Schnittstellen in das TYPO3-Basissystem integriert werden kann.

Für TYPO3 existiert eine Vielzahl von Erweiterungen für nahezu alle Anwendungsbereiche. Sie sind in Kategorien (Core, Frontend, Backend etc.) aufgeteilt und können innerhalb des TYPO3-Backends bequem über den so genannten Extension Manager gesucht, installiert und konfiguriert werden.

Wie TYPO3 selbst, werden Extensions in der Programmiersprache PHP geschrieben. Eine umfangreiche API (Application Programming Interface) bietet fertige Klassen und Methoden zur Verarbeitung von Daten unterschiedlicher Systembereiche.

Die so genannten shy extensions ["shy": schüchtern, zurückhaltend] sind nichts weiter als Erweiterungen, die standardmäßig im Extension Manager nicht angezeigt werden, um die Extensionliste einigermaßen übersichtlich zu halten.

=> Wie finde ich die richtige Extension?
Es gibt Tutorial - bspw von

• jweiland.net oder 
• wowa-webdesign.de 
• für Redakteure oder
• t3N = Magazin für digitales Business 
• direkt zu typo3 auf t3n

=> Welche Extensions gibt es? zu sehen auf typo3.org/extensions/repository
TT News - phpmyAdmin etc sind sehr häufig runtergeladene Erweiterungen!


Jetzt  können wir eine Erweiterung suchen und hinzufügen:
wir geben ein: phpMyAdmin

Extension/ Erweiterung suchen und hinzufügen:

und klicken auf den "Legostein" ganz vorne in der ersten Spalte

Jetzt wieder aud Erweiterung verwalten und Suche: php - dann ist der legostein grün und auf unserer Datenbank installiert

Erweiterung verwalten

F5 drücken und das Backend neu laden, dann wird das neue Werkzeug angezeigt unter adminwerkzeuge ganz unten phpmyadmin = Tool, mit der wir unsere Datenbank ansehen können und auch kopieren können.

Fehlermeldung

Es kommt eine Fehlermeldung Lösung: einfach nochmal auf phpmyadmin drücken

Datenbank direkt einsehbar in meinem typo3

Dann wird uns die Datenbank tag05 angezeigt - dann klicke ich auf tag05 und kann auf exportieren drücken

Sicherungskopien durch exportieren in der phpmyadmin Extension erstellen

Jetzt kann das Exportieren hierüber geschehen - dazu brauchen wir kein localhost mehr :)

Zurück zu TT News

"Mit der Erweiterung „tt_news“ lassen sich Nachrichten erstellen, verwalten und auf unterschiedliche Art und Weise darstellen. Neben dem eigentlichen Nachrichtentext können Fotos, Links und Dateien in einen Nachrichtenartikel eingebunden werden. Einem Artikel lassen sich beliebig viele Kategorien zuordnen. Außerdem können einem Artikel andere Artikel zugeordnet werden, mit denen er in Zusammenhang steht. Diese im Zusammenhang stehenden Artikel werden dann verlinkt.
Nachrichten lassen sich unterschiedlich darstellen, etwa in Form von Listen, bei denen jeweils ein kurzer Teasertext mit Link zum kompletten Artikel angezeigt wird."

 Quelle: http://www.drweb.de/magazin/typo3-nachrichten-komfortabel-verwalten-mit-ttnews-3-0/

Extension: tt_news:

Backend - Seite - neues - Unterseite "single" einfügen


Auf der Seite neues - wollen wir unsere Listendarstellung haben
Standardseite als Unterseite zu Neues - soll später die ausführliche Nachricht von neues zeigen (single)
auf der letzten Ebene wollen wir unsere Datensaätze zentral sammeln

Achtung - immer die Seiten aktivieren
Ein Systemordner auf der Homeebene anlegen:
neue Seite-Symbol klicken - Ordner in das Osterei vor tag5 ziehen und dann den Ordner DatensatzNews nennen = Sammelordner für alle News - die Verteilung erfolgt nachher auf neues und single

 

Erweiterungsmanager - Erweiterungen hinzufügen

Suchen: tt_news - Absenden-Button

Dann auf das Icon Importieren und installieren klicken :)
Jetzt ist sie auch auf unserem Rechner

Erweiterungen verwalten
Suche: tt_news eingeben -
Jetzt müssen wir eine Modifikation vornehmen:
Veränderung der Grundinstallation: Konfiguration - Icon Zahnrad mit Bleistift
!!!
runterscrollen bis:
Use "General record storage page" [basic.useStoragePid]
= das ist für Standardkonf da - wir wollen bißchen mehr als Standard deshalb muss der Haken unbedingt raus!!!

Und senden zum Abspeichern!

Es gibt Frontend- und BackendExtensions:

• Frontend: für die Darstellung beim User im Browser
  tt_news - ist eine Frontend-Extension
• Backend: Erleichtert mir das arbeiten und Konfigurioeren im Backend
  
  myadmin war für's Backend!

Jetzt muss ich noch das Sprachpaket anpassen für das Frontend:

Backend - Sprache - deutsch - ttnews - nicht überprüft - darauf klicken, damit es aktualisiert wird!
Damit auch die richtige Sprache angezeigt wird

Statisches Template einbinden für Erweitung tt-News

Backend - template - Home -Vollständigen Datensatz bearbeiten  - Enthält - News-CSS-Styles und News setting (tt_news) auswählen

Dann Speichern und schließen klicken

Konstanten bestimmen

Jetzt in den Konstanteneditor, um Konstanten und Variablen einzustellen

Tempklate - Home - Konstanten Editor

Hier werden die Grundeinstellungen für die Konstanten abgebildet, die ich verwenden möchte

4 Konstantenbereiche zu finden - wir wähöen PLUGIN_TT_NEWS_BASIC (8)

Jetzt können wir in den Konstanten einstellen, wie das System arbeiten soll

Starting-point - wo ist der Ordner - die ID des DatensatzNewsordner mit Hilfe des Bleistiftes 10 eintragen

Jetzt die Single-ID benenne mit 9

Back PID = Back to List - die Liste soll in neues rein - ID = 6

Speichern und F5, damit die Änderung angezeigt wird.

=> Damit haben wir die Konfiguration angelegt und wir können Beiträge eingeben!

=> Wir sind stolzer Besitzer eine TT News Systems und haben jetzt die Möglichkeit Nachrichten anzulegen

=> In diesem Ordner kann der Redakteur die Nachrichten anlegen -

WICHTIGER HINWEIS: Also Achtung immer von links über die Mitte nach rechts!!! Denn so haben wir es in den Konstanten beschrieben (Nachrichten - DatensatzOrdner - neuer Artikel...!

Es wird nur in diesem Ordner nach News gesucht - also bitte nicht in Single eingeben!!!

Was macht der Redakteur: 
Nachrichten - DatensatzNews - neuen Artikel anlegen - Reiter Allgemein - Verbergen Haken rausnehmen, sobald man es im Frontend sehen soll

Jetzt über den Blindtextgenerator für Übungszwecke einen text einsetzen mit dem Titel Meine erste News - Speichern und schließen
Nun wird uns im rechten Bereich unsere News angezeigt
Seite: ID 10 - News ID = 1, da es die erste News is

Caches leeren und Seite neues ansehen -

->es gibt noch keinen Text wieder im Browser -

Was müssen wir tun?
Wir müssen auf Seite neues noch zuweisen, wo was angezeigt werden soll:
Backend - Seite - neues - Normal - Reiter Plug-In
(Inhaltselemente, die Funktionell Inhalte aufbereiten, damit sie im Inhalt sichtbar sind. Man schreibt selbst keinen Inhalt sondern gibt nur Funktion ein, woher die Infos stammen sollen - also News eingeben!)

Reiter Plug-In wählen
Ansicht im Reiter Allgemeine Einstellungen auf Standard Listenansicht (LIST) setzen
Speichern und schließen
Plugins werden mit so nem grünen Icon angezeigt...


Jetzt auf Tag05 Single diesen vorgang wiederholen:
Aber bei Ansicht Einzelansicht angeben!!!! Speichern und schließen


Aufgabe: Einen 2. Artikel anlegen (Cache leeren)

 Hinweise:
Darauf achten, dass man über Nachrichten - NewsOrdner - neuer Artikel anlegen geht, damit er auf der richtigen Seite angezeigt wird!
Caches leeren und F5 drücken, dann anzeigen lassen
UND:
Auf der Startseite eine Headerliste!


Sorry - ab hier nurnoch die Bilder reingeklatscht!