Toolsammlung

Software für das Seminarkonzept CMS Online Designer - eine lose Sammlung ohne Anspruch auf Vollständigkeit...

Die folgende Übersicht wird von Zeit zu Zeit überarbeitet und erhebt keinen Anspruch auf Vollständigkeit. Aber: Die Tools sind Empfehlungen im Rahmen des Zertifikats und sollten von Trainer und Teilnehmern nach Lust, Laune und Kompetenz berücksichtigt werden.

Die entsprechenden Umsetzungen und Bereitstellungen werden mit den Trainees in den jeweiligen Seminaren optimiert und praxisgerecht umgesetzt.

Selbstverständlich geht im Rahmen von Entwicklungen in der IT normaler Weise nichts ohne Git!
Also bitte mal schnell winget install Git.Git und wir können mit allen anderen Bereitstellungen loslegen.

Übersicht:

• Entwicklungsumgebung
• Editoren
• Browser
• FTP
• Packer / Entpacker
• Bilder / Bildbearbeitung
• Programme ohne Installation
• Handbücher, Tutorial und Online-Quellen

Entwicklungsumgebung (Empfehlung: XAMPP)

Hier muss erst einmal wieder Client- und Serverseite unterschieden werden. In Modul I „(X)HTML & CSS“ kann auch ohne einen Server gearbeitet werden. Die Empfehlung für unsere Seminare und alle folgenden Anwendungen im Rahmen von Prüfungen:

• XAMPP
  Link: www.apachefriends.org
  Anm.: für Windows, Linux (oder sogar MacOS/ Solaris)
  Links: (für die Windows XAMPP Umgebung)
  Apachefriends - XAMPP für Windows - Übersichtsseite
  Sourceforge - XAMPP Files - Windows

Ich stelle als Trainer ein fertiges selbstentpackendes XAMPP-7z-Archiv bereit, das bereits für die CMS Joomla, TYPO3 und die anderen CMSOD-Seminare vorkonfiguriert ist.

Die jeweils aktuellen Versionen stehen in den letzten Seminarbeitragen zu Online-Trainings auf dieser Website bereit un werden jeweils ausführlich beschrieben. Ich habe mit diesen XAMPP-CMSOD nahezu alle PHP Versionen bis hin zu den aktuellen PHP 8er Versionen für unsere Seminare bereitgestellt und erfolgreich eingesetzt.

Wichtig:
für aktuelle TYPO3 Versionen ab 6.x (Probleme mit extbase/fluid und php/openssl) benötigt die XAMPPs ab 1.8.1 ein paar Anpassungen, die ich in dem Beitrag Seminarwoche TYPO3 an der VHS Braunschweig (ab dem 24.06.2013) zusammengestellt haben! Ich habe diese TYPO3-Anspassungen oben entsprechend in den Kommentaren aufgeführt.
Aktuellere Seminarewochen stehen natürlich auch für die Recherchen zur Verfügung

Wichtig für Trainer/Trainees im Zertifikat:
Die Verwendung von CMS-Spezialumgebungen (z.B. Joomlas2GO oder TYPO3Winstaller) wird nicht empfohlen. Die Ausarbeitungen und Prüfungen aller Module beziehen sich immer auf unsere Empfehlung XAMPP bzw. XAMPP-CMSOD!

Erinnerung:
Die Windows-Plattform entspricht nicht dem echten Hosting im Internet, dass nahezu ausschließlich auf Linux-Plattformen statt findet! Die Teilnehmer sind hierauf ausdrücklich hinzuweisen!

Editoren (Empfehlung: Notpad++)

Für die Bearbeitung von Quellcodes sollten Sie Editoren bereitstellen, die mindestens über Syntax-Highlighting und Code-Vervollständigungen verfügen. Des Weiteren sollten Sie einfache Hilfen oder Verknüpfungen zu Hilfsportalen für die Techniken HTML, CSS, PHP und MySQL bieten. Wir wollen hier eine kleine Auswahl von freien Editoren anbieten. Diese sind von einfach nach komplex aufgelistet und mit kleinen Anmerkungen versehen.

• Notepad++
  Link: notepad-plus-plus.org - Win / NI, DE
  mit Erweiterung Emmet (fertige Quellcode-Schnippsel)
  Klassiker, multifunktionaler Editor, stetige Weiterentwicklung
  Syntax-Highlighting (auch für TYPO3 ;alternativ: Link2),
  Erweiterungen: PlugIn-Übersicht/Downloads
  
• Microsoft Visual Studio Code
  Link: https://code.visualstudio.com/  - Win/Lin/MacOS, DE 
  mit vielen Erweiterungen (Emmet sogar direkt verfügbar!), deutsch und portabler Variante

Legende: Win=Windows, NI=ohne Installation, Lin=Linux, DE=deutsch, Wysiwyg=What you see is what you get – Arbeiten in der Browseransicht

Browser (mehrere Browser für Entwicklung nötig)

Es empfiehlt sich den Teilnehmern mehrere Browser auf Ihren Plattformen zur Verfügung zu stellen. Die neuen Browser haben integrierte oder nachrüstbare Analyse- und Diagnosetools für die Webdarstellungen:

• Firefox
  Link: www.mozilla-europe.org
  mit AddOns (addons.mozilla.org – lassen sich auch direkt im Browser suchen)
  WebDeveloper, Yslow, Colorzilla
  Eingebauter Code-Inspektor (Umschalt+Strg+I)
• Chrome (bzw. Chromium) (chrome.google.com – integrierte Entwicklertools)
  kennt ebenfalls sehr gute Entwickler-Erweiterungen
  Alternativen: Ungoogled-Chromium
• Internet Explorer (ab Version 8 – integrierte Entwicklertools)
• Opera (ab Version 10 – integrierte Entwicklertools)
  Anm.: Firma Opera aktiver Entwickler der HTML-Standards

FTP (Empfehlung: FileZilla)

Bei einer lokalen Installation – gemeinsame Client-/Server-Umgebung – neigt man gerne zum direkten Bearbeiten der „Hosting-Dateien“. Die Teilnehmer sollten aber auch in einer solchen Umgebung in einem getrennten Dateibereich die Dokumente erarbeiten und diese dann per FTP an localhost/127.0.0.1 übertragen. So erlernen die Teilnehmer gleich den professionellen Workflow für die Praxis eines Webtechnikers. Außerdem werden von Anfang an die Begriffe „lokal“ und „remote / Server“ trainiert.

Viele der Editoren haben bereits eine FTP-Technik integriert. Für einen Einsatz echter FTP-Technik steht Ihnen durch die empfohlene Entwicklungsumgebung (siehe XAMPP) bereits ein FTP-Server zur Seite. Als FTP-Client lautet unsere Empfehlung:

• FileZilla
  Link: filezilla-project.org
  Anm.: Win / NI, Lin, DE)

Es sollten nur die Unterschiede zwischen FTP auf der einen und Projekt-Synchronisationen oder gar Versionsverwaltungen (CVS, Subversion, Git) dargestellt werden. Eine komplette professionelle Projekt-Verwaltung mittels Profi-IDEs (Dreamweaver, Netbeans, Eclipse, Aptana Studion, ...) hat keinen Zeitrahmen!

Packer / Entpacker (Empfehlung: 7-Zip)

Die meisten Downloads und Infos werden in Form komprimierter Archive bereitgestellt. Hierfür sind vor Allem Teilnehmer auf Linux-Systemen gut vorbereitet und können so gut wie jedes Archivierungs­format mit Bordmitteln verarbeiten, oder diese Fähigkeit schnell nachinstallieren. Windows-User haben es da spätestens bei Archivformaten, die eher in der Linux-Welt verbreitet sind, schwerer. Und da Linux-Betriebssysteme ja so etwas wie das „Rückgrat“ des Internet darstellen, sollten wir da technisch gut aufgestellt sein:

• 7-zip
  Link: www.7-zip.org
  Anm.: Win / NI, DE)

Die Verwendung der Windows-eignenen Zip-Technik sollte vermieden werden, da diese deutlich langsamer arbeitet und eben nicht alle online-relevanten Packformate unterstützt.

Bilder / Bildbearbeitung (Empfehlungen: paint.net & RIOT)

Bildmaterialien sollten von den Trainern bereitgestellt werden (siehe auch Copyright-Aspekte). Dabei sollte auch gleich auf die Webtauglichkeit (Auflösung, Dimension) geachtet worden sein. Für die einfache Webbilderstellung ist auf Linux-Systemen eine gute Auswahl vorhanden, oder lässt sich einfach bereitstellen. Für die Windows-Anwender, die ja wahrscheinlich sehr viel öfter in den Seminaren vertreten sein werden, gibt es (z.B.):

• paint.net (www.getpaint.net)
  Anm.: einfache aber leistungsfähige Bildbearbeitung inklusive Ebenen
• RIOT - Radical Image Optimization Tool – Bildoptimierung für das Web
  Link: http://luci.criosweb.ro/riot/download/
  Anm.: Win / NI - auch als PlugIn für Gimp, Xnview oder IrfanView erhältlich
  einfachste Nutzung per Drag & Drop
• XnView (www.xnview.com)
  Anm.: Die kommerzielle Nutzung ist nur mit entsprechender Genehmigung seitens des Herstellers erlaubt.
• IrfanView (www.irfanview.com)
  Anm.: Die kommerzielle Nutzung ist nur mit entsprechender Genehmigung seitens des Herstellers erlaubt.

Programme ohne Installation

Falls sich keine Installationen durchführen lassen, so können Sie viele Programme für unsere Technologien als NI (No Install) - also nicht installierbare - Varianten im Netz finden:

• Portable Apps (dt.: Portable Anwendungsprogramme – www.portableapps.com)
  hier lassen sich z.B. auch alle aktuellen Browser finden
• Lupo Pensuite (www.lupopensuite.com/de/index.htm)
  benutzt eigenes Startmenü (AStart)
  Verweise auf andere Portale mit NI-Technik

Mit den Tools von diesen und anderen Webseiten kann man natürlich auch die gesamte Technik komplett auf einem USB-Stick platzieren. Dabei müssen allerdings die üblichen Geschwindigkeitsnachteile in Kauf genommen werden.

Handbücher, Tutorials und Online-Quellen

Die Übungen der Seminar-Module werden in unterschiedlicher Form bereitgestellt. Wichtig ist hier nochmals zu betonen, dass den Teilnehmern möglichst viel „Tipparbeit“ erspart werden sollte. Natürlich ohne dabei die Technik der Codeeingaben in die genutzten Editoren oder Online-Technologien zu vernachlässigen!

Darstellungen zu unseren Seminarinhalten sind in hervorragender Qualität im Netz zu finden. Diese Ressourcen müssen unsere Teilnehmer nutzen lernen. Sie sollen gezielt in der Nutzung dieser Quellen geschult werden. Beispielhaft hierfür soll das ehemalige Projekt von Stefan Münz „selfhtml“ stehen. Das Medium Internet diente und dient als Refugium für die Darstellungen der Technik selbst. Dieses ist um so wichtiger, da sich die darzustellenden Techniken so schnell ändern.

Die folgenden Quellen sollten unbedingt in die Trainingsmaßnahmen integriert werden:

• HTML: de.selfhtml.org , wiki.selfhtml.org
  das ehemalige „Selbstlern-Projekt“ von S. Münz
• CSS:  auch hier gerne auf Selfhtml schauen
  alt: www.css4you.de
  Übersicht zu Syntax und Nutzung (Browserkompatibilität), Tabellenloses Design ;-)
• PHP: www.php.net
  Dokumentation (DE), Handbücher (DE, verschiedene Formate html, chm)
  Einbindung in die oben genannten Editoren möglich!
• PHP/MySQL: www.selfphp.de
  Befehlsreferenz, Kochbuch, Code Snippets und Praxisbuch
  Autoren: Damir Enseleit, Matthias Kannengießer
• MariaDB: mariadb.org 
  MySQL: www.mysql.com
  Dokumentationen (DE), Handbücher (DE, verschiedene Formate html, chm)
• Joomla!: www.joomla.org
  Online-Plattform für das CMS,
  Links zu Erweiterungen oder Developer- und Security-Portalen
• TYPO3: typo3.org
  Online-Plattform für das CMS,
  Links zu Erweiterungen oder Developer- und Security-Portalen

Auf vielen Seiten lassen sich die Informationen auch als Downloads herunterladen. Selbstverständlich ist auch diese Liste nicht vollständig. Der Verfasser dieser Anleitung unterhält auf seinem Informationsportal www.pcsystembetreuer.de eine ausführlichere Linkliste zu allen Themen.