Donnerstag, 8. Mai 2014

CMS (TYPO3) - Kurs Tag 1 - Einführung

Mitschrift 08.05.2014

TAG 1

Einführung

Sorry, wenn es nicht formatiert ist - war froh alles soweit mitgeschrieben zu haben... Hatte keine Zeit Fehler zu beheben oder Formatierung vorzunehmen

Pause:
9.30-9.45h
11.15-11.30h
13.00-13.30h

Dozent: Burkard Balzer


Einstieg in TYPO3

Leider haben wir durch technische Probleme hier am Comcave den Einstieg verpasst. Müssen uns daher leider selbst die Definitionen zu CMS und TYPO3 heruassuchen...

Also starten wir direkt mit der Technik und hoffen es zu verstehen ohne die Grundlagen...

1. Schritt: Wir benötigen einen Webserver

Webserver: Xampp installieren
(über die Google-Suche: apachefriends)
hierüber läuft unsere SQL (Datenbank) und PHP (Programmiersprache)-Umgebung.
Ein Webserver ist eine Kiste, die eine bestimmte Software hat -> Xampp ist diese Software - diese ist wichtig, um TYPO3 zum Laufen zu bekommen.

Definition aus Wikipedia:
"XAMPP ist eine Zusammenstellung von freier Software – vorwiegend im Umfeld des LAMP-Systems. XAMPP ermöglicht das einfache Installieren und Konfigurieren des Webservers Apache mit der Datenbank MySQL bzw. SQLite und den Skriptsprachen Perl und PHP (mit PEAR). Das X steht hierbei für die verschiedenen Betriebssysteme, auf denen es eingesetzt werden kann. XAMPP enthält zusätzlich andere nützliche Werkzeuge wie den FTP-Server ProFTPd oder FileZilla Server, den Mailserver Mercury, phpMyAdmin, Webalizer und OpenSSL. Seit Version 1.7.4 beinhaltet die Windows-Variante zusätzlich auch Apache Tomcat 7, der die Ausführung von JavaServer Pages und Java Servlets ermöglicht.
XAMPP ist nicht für den Einsatz als Produktivsystem (z. B. als öffentlicher Webserver) gedacht, sondern für Entwickler, die möglichst schnell ein kompaktes Testsystem aufsetzen möchten. Dies erklärt auch die bewusst in Kauf genommenen Einschränkungen in Hinblick auf die Sicherheit von XAMPP. Die Missachtung dieser Warnung führte z. B. zum Patras-Hack bei der Bundespolizei im Juli 2011."


 -> Jetzt haben wir ein funktionsfähiges XAMPP Control Panel :)

Wir bauen also im Folgenden ein CMS auf: :)
Es hat nicht die Aufgabe HTML & CSS komplett zu ersetzen. Wir werden es weiterhin brauchen. Dafür stellt uns Burkard die entsprechenden Templates zur Verfügung.
Es hat die Aufgabe, die Inhalte so zu verwalten, dass sie in diese HTML und CSS Umgebung hereinpassen. Verwalten und Zeigen der Beiträge innerhalb einer Website.

mit XAMPP haben wir die passende Umgebung.

2. Schritt: Wir laden uns TYPO3 herunter


Typo3 ist eine eigene Programmumgebung, die wir erst herunterladen müssen:
typo3.org = Stammseite der typo3Association in der Schweiz.
Hier finden wir alles um typo3

Reiter Extensions -hier können wir später Erweiterungen runterladen.
Wir gehen auf den Downloadbutton





Entwickler von typo3 : Kasper Skårhøj (gesprochen: Caro)
Wir sind in einem großen Wandel! Es gibt diverse Realeases! 

LTS = Long Term Supported Versionen = Meilensteine, die sehr lange supported werden - damit man sich langsam an neue Umgebung und Umgestaltung gewöhnen kann.

Es gibt noch Unterstützungen bis März 2017 bei der neuesten Release:
-> so sieht man, wann man umsteigen sollte!

-> Wir nehmen die 6erPakete!
TYPO3 CMS 6.1 - wir nehmen das ältere Paket, damit wir dann auch mit den älteren Syytemen in den Unternehmen klarkommen und das Buch basiert auch auf 6.1

Wir werden versuchen auch 6.2 in diesem Kurs mal anzusprechen.

6.1. ist ein unkompliziertes System
Runterscrollen zu download!
tar.gz ist eher für Linux
.zip ist für Windows

Es gibt folgende Versionen:
  • Introduction Package - komplett aufgesetzte Umgebung - überfordert uns Anfänger
  • Government Package : extra für deutschen Markt (Barrierefreiheit steht im Vordergrund! - Beispielhaft für eine Verwaltungszumgebung)
  • Blank Package (für linux) ist das gleiche , wie 
  • Source+Dummy: source (Programmcode) und dummy (jungfräuliche Umgebung) (für windows)- diese liefert eine Beispielumgebung, die noch nicht gefüllt ist :)

Wir nehmen source + dummy!!! 
klick auf zip-Datei und Datei speichern - damit laden wir die Umgebung herunter!!!
Wir bekommen ein kostenloses Programmpaket von sourceforge!
typo3.zip source+dummy
-> Jetzt auf Computer - XAMPP - htdocs öffnen  = Routeverzeichnis auf unserem Webserver


Pfad: Explorer - Lokaler Datenspeicher - xampp

Was passiert damit?
Wir haben eine Domain - wenn die im WWW eingegeben wird - ist alles, was wir in diesem Ordner haben für den User verfügbar = Anlaufstelle für die Domain.

-> Hier nun die Typo3 Inhalte reinkopieren 
-> diesen Ordner in meine Favoriten ziehen!


Tipp: htdocs Ordner in die Favoriten ziehen

Wir werden später Tage etablieren/anlegen in diesem htdocs-Ordner. Fangen wir jetzt mit dem ersten Tag an :)


3. Schritt: Nun legen wir local im Ordner htdocs tag01 an

  • neuen Ordner in htdocs anlegen mit dem Namen: "tag01"
  • Dann markieren wir in der runtergeladenen Typo-zip-Datei (source und dummy) alle Dateien und Ordner und ziehen sie in den tag01-Ordner in htdocs

4. Schritt: Nun im firefox localhost/tag01 eingeben - Fehlermeldung

  • Jetzt konfigueren wir die Umgebung,m inde wir folgendes tun:
    • localhost/tag01 in den firefox-Adressfeld eingeben.
  • Wir sind bei unsere Sicherungsmeldung: The Install Tool is locked

Wir müssen diese Datei bei uns reinschreiben und zwar ganz ohne Dateiendung!!! (das mag Windows nicht und wirft Fehlermeldung aus, die wir mit ja bestätigen): "ENABLE_INSTALL_TOOL" also copy und dann in Ordner: htdocs - typo3conf
Und zwar in den Ordner typo3conf mit der rechten Maustaste (neu-textdatei öffnen) eine Textdatei öffnen und paste. danach das .txt löschen!
(wenn .txt- die Endung - nicht angezeigt wird, dann über Organisieren - Ordner- und Suchoptionen - zweiter reiter "Ansicht" - 3. Haken rausnehmen (Dateiendungen bei bekannten Dateitypen ausblenden)

Wenn wir dann den Browser mit localhost/tag01 neu laden, dann erscheint dieses Bild mit Bestätigungsnafrage :)

Jetzt greift das Source+dummy - click auf Continue!
Jetzt startet die 1,2,3 Installation, in der wir die Datenbank auf uns anpassen
Kennung unserer Datenbank bezieht sich auf den  Host:

Username auf einer Datenbank: root (immer!!!)
Passwort: (leer lassen!!!)
Host: localhost


(Standarduser: admin und password wird angelegt ;) )


Continue
oben und dann Schritt2 - tag01 eintragen


Continue
klick auf Import Database


Jetzt kommen wir an die Database - diese Leistung könnten wir mit 7,5€ weiterberechnen :)


entweder kommt jetzt Congratulation oder ein fatal Error...
Leider kommt bei mir ein fatal error :(
Fatal error: Maximum execution time of 30 seconds exceeded in C:\xampp\htdocs\tag01\typo3\sysext\core\Classes\Database\DatabaseConnection.php on line 1423
-> evtl ist unsere Konfiguration auf unserem Webserver nicht für typo3 eingestellt ist.
Dafür brauchen wir eine bestimmte Datei - diese läft uns Burkard hoch!
php.zip und auf dem Desktop speichern
Wir überschreiben also die Apache php-ini :)
Immer wenn es Zeitverzögerungsmeldungen gibt, kann man diese Datei anwenden. Oder einfach jetzt präventiv mitmachen.


php.ini rechte Maustaste - kopieren
auf xampp - php - dort rechts ins weiße Feld rechter Mausklick und Einfügen, damit wir die bestehende php.ini überschreiben.
Dann noch auf xampp gehen - alles mal stoppen und nochmal starten
Dann müsste der Fehler behoben sein.

Dann auf Configure TYPO3 - falls es nicht geklappt hat, dann nochmal Ordner tag01 anlegen.

Änderungen in der php.ini: Datei von Burkard
Übung: tag01a installieren, typo3 entpacken und Neuinstallation machen!

Erledigt :) 


-> Nun habe ich die Grundinstallation für meine erste Site angelegt! :)




Und jetzt geht es weiter überBackend admin

Keine Kommentare:

Kommentar veröffentlichen