Empfohlen
Weitere ähnliche Inhalte
Ähnlich wie TCCE-Vorbereitung T3CRR23
Ähnlich wie TCCE-Vorbereitung T3CRR23 (20)
TCCE-Vorbereitung T3CRR23
- 2. Jan-Philipp Halle Senior-Web-Developer web-vision GmbH TCCE / TCCI / TCCD TYPO3 Education Committee Member (TCCI) X (Twitter) / LinkedIn / XING Hinweis: Die Folien sind Teil eines Tagesworkshops mit praktischen Übungen im Bereich »Arbeiten mit TYPO3«.
- 3. Ahhh… Anzahl der Teilnehmenden unbekannt Vorkenntnisse der Teilnehmenden unbekannt Umfangreicher Syllabus Syllabus wurde gerade überarbeitet Nur sehr wenig Zeit
- 4. Ablauf der Prüfung Findet immer am (eigenen) Computer statt. Dauer 60 Minuten Fragen und Antwortmöglichkeiten sind auf Englisch. Es müssen 37 von 50 Fragen richtig beantwortet werden. Anzahl richtiger Antwortmöglichkeiten wird angezeigt. Es kann nach unbeantworteten Fragen ge fi ltert werden.
- 5. Tipps zur Prüfung Erst die Prüfung einmal komplett durcharbeiten. Alle Fragen beantworten, bei denen man sich sicher ist. Auf unbeantwortete Fragen fi ltern. Fragen beantworten, die etwas mehr Überlegung erfordern. Nach dem Ausschlussprinzip arbeiten
- 6. Besonderheiten bei ProctorU Gültiges(!) Ausweisdokument in Scheckkarten-Form(!) Raum aufräumen (muss der/dem Prüfenden gezeigt werden) • Keine sichtbaren Aufzeichnungen, Bücher, … • Eventuell Tücher zum Abdecken bereithalten Kamera und Mikrofon sind immer an. • Der Platz darf nicht verlassen werden. • Es darf nicht gegessen oder getrunken werden. • Es darf niemand in den Raum kommen.
- 7. Besonderheiten bei ProctorU Rechner vorbereiten • Spezieller Browser muss installiert werden (unbedingt vorher testen). • Benötigt viele Rechner-Ressourcen (alle unnötigen Tanks beenden) • Es darf nur ein Monitor angeschlossen sein. • ProctorU benötigt Admin-Zugri ff , um Einstellungen zu ändern (u.a. Bildschirmaufzeichnung wird abgeschaltet) Tutorial-Video einmal anschauen!
- 8. Lernen und Lernumgebung TYPO3-Version 11 LTS Redakteur ohne Einschränkungen • Developer und Integrator sehen immer alles. • Editoren sehen nur das, was der Admin ihnen freigibt. • Kenntnis aller redaktionellen Optionen inklusive Recycler, Workspaces und Mehrsprachigkeit wichtig! Backend-Sprache auf Englisch einstellen Syllabus durcharbeiten Jeden Link/Schalt fl äche ausprobieren!
- 10. Grundlegende Nutzung eines Browsers Ein Browser ist die zentrale Anwendung zur Anzeige und Nutzung von Informationen im Internet. • Neben dem Zugri ff auf oder der Anzeige von Webseiten können auch Webanwendungen wie z. B. ein Content-Management-System verwendet werden. • Mit einem Browser können Formularfelder ausgefüllt und übermittelt werden, um mit einer Webanwendung zu interagieren. HTTPS als sichere Verbindungsart sollte bekannt sein!
- 11. Was ist ein CMS? Software-Anwendung • für die gemeinschaftliche und gleichzeitige Erstellung, Organisation und Bearbeitung von Inhalten • hauptsächlich im Online-Bereich Funktionen moderner CMS • Unterscheidung von Rechten und Rollen der Benutzer • Nachhalten und Verwalten unterschiedlicher Versionen eines Datensatzes • Entkopplung von Inhalt und Gestaltung (Redakteure benötigen keine HTML- und CSS-Kenntnisse)!
- 12. Über TYPO3 TYPO3 ist ein Content Management System (CMS), das unter der Open Source Lizenz GPL entwickelt wird. • Der Quellcode ist somit frei verfügbar (jeder darf ihn lesen, kopieren, verbreiten und verändern). • TYPO3 bietet einen großen Funktionsumfang und kann durch sogenannte Extensions erweitert werden. • Das System ist gut dokumentiert und Hilfe kann auf typo3.org gefunden werden.
- 13. Aufgabenbereiche (Rollen) Personen, die mit einem CMS arbeiten, können eine oder mehrere Rollen einnehmen. 4 (zerti fi zierbare) Kernrollen in TYPO3 • Editor, Integrator, Developer, Consultant Wichtig • Die eigenen Aufgaben kennen • Wer kann Hilfestellung leisten bei Problemen außerhalb meines Aufgabenbereichs?
- 14. Frontend und Backend Die Website, bzw. die Ausgabe von Layout und Inhalt, wird als Frontend bezeichnet. • Im Frontend werden Seiten und Inhalte dargestellt, die im Backend angelegt wurden Seiten und Inhalte werden im Backend gep fl egt und dann im Frontend angezeigt. • Ein Benutzer wird im Backend darauf hingewiesen, dass ein anderer Benutzer dabei ist das gleiche Inhaltselement zu bearbeiten.
- 15. Backend-Zugri f Der Zugang zum Backend ist durch ein Login (Benutzername und Passwort) gesichert. Passwort vergessen? • Bei hinterlegter E-Mail-Adresse kann das Passwort über einen Link neu gesetzt werden. • Ansonsten muss ein Administrator das Passwort zurücksetzen.
- 16. Wahl eines sicheren Passwortes Zu einfache, zu kurze oder sich wiederholende Passwörter werden oft geknackt und missbraucht. Das Passwort kann in den Benutzereinstellungen geändert werden. • Je länger umso besser • Groß-/Kleinschreibung • Zahlen und Sonderzeichen
- 17. Backend-Benutzer/-gruppen Einem Backend-Benutzer können Rechte für die Arbeit mit Modulen, Seiten und Inhalten erteilt werden. • Ziel: Aufgaben bestmöglich unterstützen und unnötige Komplexität vermeiden • Mindestens ein Administrator-Benutzer, der sich um die Rollen und Rechte der Backend-Benutzer kümmert Backend-Benutzer können zur einfachen Verwaltung gruppiert werden. • Benutzer können mehreren Gruppen zugewiesen sein.
- 18. SEO (On-Page) Was kann ein Redakteur tun? • Keywords im Seitentitel und Inhalt berücksichtigen • Inhalte benutzer- und suchmaschinengerecht erstellen • Seitenstruktur (u.a. Überschriften-Hierarchien) • Meta-Angaben hinterlegen Keine technische SEO oder Content Marketing
- 19. Urheberrecht und Datenschutz Lizenzrechte bei gekauften Medien beachten • Ist das Bild für die Nutzung im Internet freigegeben? • Welche Bildgrößen dürfen verwendet werden? • … Das Recht am eigenen Bild gilt auch für Mitarbeiter.
- 20. Web-Zugänglichkeit Editoren sollten die Grundlagen barrierefreier Webseiten kennen. • BiTV 2.0 (Barrierefreie-IT-Verordnung) • WCAG (Web Accessibility Guidelines)
- 22. Arbeiten mit Datensätzen Alles ist ein Datensatz! • UID: eindeutige ID eines Datensatzes in der jeweiligen Tabelle • PID: eindeutige ID des übergeordneten Datensatzes in der jeweiligen Tabelle Operationen: anlegen, löschen, bearbeiten, kopieren, verschieben Clipboard
- 23. Löschen und Wiederherstellen TYPO3 unterstützt Versionierung. Änderungen können über den Kontextmenüpunkt »History / Undo« rückgängig gemacht werden. Gelöschte Seiten und Inhaltselemente können über das Modul »Papierkorb« (Recycler) wiederhergestellt werden. • Seiten können inklusive ihrer Inhalte und Unterseiten wiederhergestellt werden. • Der Papierkorb kann nach gelöschten Elementen durchsucht werden.
- 24. Bereiche im Backend Top bar Module menu/bar Page/directory tree Content area (auch »workspace« ≠ Workspaces) / Directory contents Docheader (»context bar«)
- 25. Top bar Freitextsuche • Mit Hilfe der Suche in der Topbar können Seiten gefunden werden. • Mit Hilfe der Suche in der Topbar können Inhaltselemente gefunden werden. • Mit Hilfe der Suche in der Topbar können Frontend Benutzer gefunden werden.. Beim Suchen muss die Art des Datensatzes nicht angegeben werden.
- 26. Dashboard Dashboard • Standard-Modul (kann geändert werden) • (Standard-)Widgets
- 27. Der Seitenbaum Der Seitenbaum stellt alle Seiten hierarchisch dar. Seiten können über das Kontextmenü als Startpunkt für den Seitenbaum festgelegt werden. Es ist möglich, den Seitenbaum zu fi ltern. • Über die Suche im Filter können Seitentitel gesucht werden. • Es können Seiten-UIDs als Filter eingegeben werden. Beiden Optionen (Startpunkt und Filter) können gleichzeitig verwendet werden.
- 28. Der Seitenbaum Sichtbarkeit von Seiten im Seitenbaum • Nur ein Redakteur mit den notwendigen Zugri ff srechten kann die Seite sehen und bearbeiten. • Wenn ein Filter im Seitenbaum gesetzt ist, können einige Seiten im Seitenbaum ausgeblendet werden. Seiten können Drag’n’Drop angelegt und sortiert werden Zusätzliche Funktionen können über das Kontextmenü aufgerufen werden.
- 29. Der Seitenbaum Icon-Zustände • Die Seite hat ein Verö ff entlichungs- oder Ablaufdatum • Die Zugri ff s-Einstellungen werden auf Unterseiten ausgedehnt. • Die Seite ist eine Verknüpfung auf eine andere Seite. • Die Seite ist deaktiviert. • Die Seite ist im Menü deaktiviert.
- 30. (Standard-)Seitentypen Seite • Standard, Backend User Section Link • Shortcut, Mount Point, Link to External URL Special • Folder, Recycler, Menu Seperator
- 31. Anlegen von Seiten Optionen • Über das Modul Web / Liste • Über das Modul Web / Seite • Über das Kontextmenü im Seitenbaum Die Angabe eines Seitentitels ist zwingend erforderlich! • Der Titel bei Inhaltselementen ist kein P fl ichtfeld.
- 32. Seiten löschen Optionen • Seiten können per Drag & Drop in einem Bereich gelöscht werden, der auf der rechten Seite des Seitenbaums erscheint. • Seiten können über das Kontextmenü gelöscht werden. • Seiten können in der Detail-Ansicht gelöscht werden. Standardmäßig können Seiten mit Unterseiten nicht gelöscht werden. • Hierfür ist eine spezielle Benutzereinstellung erforderlich.
- 33. Sichtbarkeit im Frontend Meist am Icon erkennbar • Verö ff entlichungsdatum (Publish date) • Ablaufdatum (Expiration date) • Sichtbarkeitseinstellung • Zugangsbeschränkt (Login erforderlich oder wird nach Login ausgeblendet) Bestimmte Seitentypen sind grundsätzlich nicht im Frontend sichtbar.
- 34. Inhaltselemente Bitte beim Lernen mit allen Optionen einmal durchgehen! Die Standard-Elemente von TYPO3 haben keine P fl ichtfelder. Inhaltselemente werden üblicherweise auf Seiten angelegt. Inhaltselemente können auf einer Seite per Drag’n’Drop sortiert oder in andere Inhaltsbereiche verschoben werden.
- 35. Standard-Inhaltselemente Header (Überschrift) Text (Text mit Überschrift) Text & Images (Text mit Überschrift sowie ein oder mehrere Bilder) Images (Überschrift sowie ein oder mehrere Bilder) Text & Media (zusätzlich zu Bildern auch Audio- und Videodateien bzw. YouTube-/Vimeo-Links)
- 36. Übersetzungen Es ist möglich eine Website in mehreren Sprachen zu betreiben. • Die Standardsprache ist durch den Administrator kon fi guriert und einem Redakteur bei seiner Arbeit in den einzelnen Datensätzen ersichtlich. • Es können Zeichen aus beliebigen Sprachen (z.B.: japanisch, chinesisch, kyrillisch) verwendet werden (UTF-8).
- 37. Übersetzungen Über das Modul Web / Seite können die aktivierten Sprachen nebeneinander angezeigt werden. Ein Redakteur kann in der Sprachen-Ansicht direkt sehen, welche Inhalte in welcher Sprache übersetzt wurden oder noch übersetzt werden müssen. In der Detailansicht eines übersetzten Inhaltselements sieht der Redakteur zusätzlich die Texte in der Standardsprache.
- 38. Übersetzungen Solange noch kein Inhaltselement auf einer Seite übersetzt wurde, kann zwischen »Translate« und »Copy« gewählt werden. Sollte im Wizard »Copy« gewählt worden sein, können die Inhaltselemente in jeder Sprache unterschiedlich sortiert werden. Es müssen nicht alle Inhaltselemente übersetzt werden.
- 39. Workspaces Redakteure arbeiten an Kopien der Seiten und Inhalten in »abgeschirmten« Arbeitsbereichen. Die Änderungen werden über einen de fi nierten Work fl ow abgenommen und in der Live-Umgebungverö ff entlich. Versionen der geänderten Inhalten können über einen Vorschau-Link auch Personen ohne Backend-Benutzer zur Verfügung gestellt werden.
- 40. Arbeiten mit Dateien Benennung • Keine Sonderzeichen • Keine Leerzeichen • Keine Umlaute • Aussagekräftig! Interne Benutzung wird über die Anzahl der Referenzen erkennbar • Dennoch nicht einfach löschen, da sie extern verlinkt sein können.
- 41. Arbeiten mit Dateien Dateien können mit Metadaten versehen werden. CSV-Dateien • Wichtiges Austauschformat • Der grundlegende Aufbau einer CSV-Datei sollte bekannt sein. • Export von Datensätzen über das Listenmodul
- 42. Caching Um die Performance zu steigern, werden Seiten nicht bei jedem Aufruf neu generiert, sondern im Cache zwischengespeichert. • Der Cache wird in regelmäßigen Abständen automatisch gelöscht. • Der Cache wird beim Ändern von Inhalten gelöscht. • Der Redakteur kann den Cache einer einzelnen Seite über den Contextbar der Seite löschen. • Ein Administrator kann Redakteuren die Berechtigung geben, den Cache aller Seiten zu löschen (kann die Performance der Seite stark beeinträchtigen).
- 43. Redirects Redirects können u.a. benutzt werden, um • Duplicate-Content zu vermeiden • 404-Fehler bei geänderter URL zuvermeiden • Link Juice auf eine andere Seite zu übertragen Redirects können permanent or temporär sein. • Details: https://developer.mozilla.org/en-US/docs/Web/HTTP/ Status#redirection_messages Redirects werden automatisch erstellt, wenn das URL- Segment-Feld der Seite (slug) geändert.
- 44. Extensions Eine Extension fügt neue Funktionen zu den TYPO3- Kernfunktionalitäten hinzufügt. Extensions können ausschließlich von Administratoren installiert werden. Datensätzen einer Extension können in der Regel genau wie Seiten und Inhalte erstellt, bearbeitet, kopiert, verschoben und gelöscht werden.
- 46. We are hiring! Kontakt • Boris Hinzer • boris.hinzer@typo3.org