websiteentwicklung auf basis vontypo3 unterlagen zur ... certified typo3 integrator der...

Click here to load reader

Post on 11-Jul-2020

2 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • 1

    Websiteentwicklung auf Basis vonTYPO3

    Unterlagen zur Vorlesung WS 19/20

    1. Pagemachine

    2. Inhalt der Vorlesung

    3. Einführung CMS und TYPO3

    4. Links

    5. Bekannte Websites mit TYPO3

    1

    2

  • 2

    www.Pagemachine.de

    Pagemachine

    Miklos Weiszhaupt

     Dipl.-Ing. Nachrichtentechnik, TU Darmstadt

     Mitgründer der Pagemachine in 2001

     Seit 2004 Realisierung von Webprojekten auf Basis von TYPO3

    www.Pagemachine.de

    Pagemachine

    Full Service Digitalagentur

     Konzeption und Umsetzung von webbasierten Lösungen

     18 Mitarbeiter in den Bereichen:

    Beratung, Konzeption, Gestaltung,

    Programmierung,TYPO3, Extensions

    Onlinemarketing

    3

    4

  • 3

    www.Pagemachine.de

    Pagemachine

    TYPO3 Community

     Codesprints

     Marketingsprints

     Designsprints

     Education Committee Sprint

     Core Entwickler

    www.Pagemachine.de

    Pagemachine

    F & E Projekt gemeinsam mit Frankfurt UAS

     Ist eine Sammlung von Kommunikationsprotokollen für

    Anwendungen wie Videokonferenz, Dateitransfer bzw.

    Datenübertragung, Chat und Desktopsharing.

     Entwicklung von speziellen Protokollen und Algorithmen

     Prototypische Umsetzung von Anwendungen

    5

    6

  • 4

    www.Pagemachine.de

    Pagemachine

    www.Pagemachine.de

    Die Pagemachine AG

    Praktikum und Bachelor-Thesis bei uns

     TYPO3

     WebRTC

     Technologien und Methoden, z.B.:

     HTML, CSS

     Bootstrap, Less/Sass

     TypoScript

     JavaScript – Vue.js, JsSIP

     PHP

     MySQL, MongoDB

     Deployment (z.B. Docker, Shippable), Versionsverwaltung (Bitbucket)

     Agile Methoden, Scrum, Kanban

    7

    8

  • 5

    1. Die Pagemachine AG

    2. Inhalt der Vorlesung

    3. Einführung CMS und TYPO3

    4. Links

    5. Bekannte Websites mit TYPO3

    www.Pagemachine.de

    Wie arbeiten wir? Inhalt der Vorlesung

    Fragestellungen

    Realisierung einer Website auf Basis von TYPO3

    unter Vorgabe eines Gestaltungskonzepts.

     Wie ist der prinzipielle Projektablauf?

     Welche Technologien werden verwendet?

     Warum wird ein CMS eingesetzt?

     Welche Elemente hat eine typische Website?

     Wie wird eine Website in TYPO3 realisiert?

    9

    10

  • 6

    www.Pagemachine.de

    www.Pagemachine.de

    Wie arbeiten wir? Inhalt der Vorlesung

    Aufgabenstellung

    Vorgabe: Designkonzept (Dummy)

     Kopfbereich mit Logo und Bild

     Hauptnavigation horizontal

     Subnavigation vertikal

     Breadcrumb Navigation

     Suchfunktion

     Mehrsprachig (DE / EN)

     News

     Kontaktformular

     Sitemap

    11

    12

  • 7

    www.Pagemachine.de

    Wie arbeiten wir? Inhalt der Vorlesung

    Einrichtung und Konfiguration von TYPO3

     Wie ist TYPO3 aufgebaut?

     Was wird zum Betreiben von TYPO3 benötigt?

     Installation von TYPO3 auf dem eigenen Rechner

    www.Pagemachine.de

    Wie arbeiten wir? Inhalt der Vorlesung

    Entwicklung der Designvorlage (HTML /CSS)

     Entwicklung des Templates

     HTML Grundlagen

     CSS Grundlagen

     Bildformate

    13

    14

  • 8

    www.Pagemachine.de

    Wie arbeiten wir? Inhalt der Vorlesung

    TypoScript

    eigene Konfigurationssprache

     Einführung in die Syntax

     TypoScript Entwicklung

    www.Pagemachine.de

    Wie arbeiten wir? Inhalt der Vorlesung

    Auswahl, Installation und Konfiguration der

    erforderlichen Extensions

     Newsmodul

     Suche

     …

    15

    16

  • 9

    www.Pagemachine.de

    Wie arbeiten wir? Inhalt der Vorlesung

    Suchmaschinenoptimierung / Kennzahlen

     Wie funktioniert SEO?

     Welche Maßnahmen gibt es?

     Wie kann man den Erfolg messen?

     Welche Kennzahlen gibt es?

    www.Pagemachine.de

    Wie arbeiten wir? Inhalt der Vorlesung

    Certified TYPO3 Integrator

    Der „Certified TYPO3 Integrator“ ist eine von der TYPO3 Association entwickelte

    Zertifizierung für all jene, die ihre TYPO3-Kenntnisse testen und dokumentieren

    möchten.

    Die anspruchsvolle Prüfung umfasst Themen wie

     TypoScript

     Templating

     Backend-Administration

     Grundlagen der TYPO3-Implemetierung

     Auswahl, Installation und Konfiguration von Extensions

    Freiberuflern wie Agenturen dient das Zertifikat somit als Qualifikationsnachweis

    bei anspruchsvollen Kundenprojekten. Gleichzeitig erhalten Unternehmen ein

    objektives Kriterium für die Auswahl ihrer Dienstleister.

    17

    18

  • 10

    www.Pagemachine.de

    Wie arbeiten wir? Inhalt der Vorlesung

    www.Pagemachine.de

    Wie arbeiten wir? Inhalt der Vorlesung

    Klausur

    Multiple Choice

    Themengebiete

     allgemeine Fragen zu TYPO3

     Fragen zu HTML / CSS

     Fragen zu TypoScript

     Fragen zu den Themen „SEO“, „Usability“

    Präsentationen zur Vorlesung ausreichend.

    19

    20

  • 11

    1. Die Pagemachine AG

    2. Inhalt der Vorlesung

    3. Einführung CMS und TYPO3

    4. Links

    5. Bekannte Websites mit TYPO3

    www.Pagemachine.de

    Wie denken wir?

    Content Management System

    Ein Content-Management-System (kurz: CMS, übersetzt:

    Inhaltsverwaltungssystem) ist ein System zur gemeinschaftlichen Erstellung,

    Bearbeitung und Organisation von Inhalten.

    Diese können aus Text- und Multimedia-Dokumenten bestehen. Ein Autor kann

    ein solches System in den meisten Fällen ohne Programmier- oder HTML-

    Kenntnisse bedienen. Der darzustellende Informationsgehalt wird in diesem

    Zusammenhang als Content (Inhalt) bezeichnet.

    Wikipedia

    CMS und TYPO3

    21

    22

  • 12

    www.Pagemachine.de

    Wie denken wir?

    Content Management System

     Tageszeitungen führten in den 80er Jahren Redaktionssysteme ein.

     Diese Systeme wurden in den „Online-Redaktionen“ um weitere

    Funktionen erweitert.

     Heute werden Redaktionssysteme /Content Management Systeme in

    zahlreichen Unternehmen eingesetzt für das Erstellen von Content für:

     Kataloge

     Bedienungsanleitungen

     Preislisten

     Technische Dokumentation

     Medienneutrale Datenhaltung für Export in beliebigen Formaten

    CMS und TYPO3

     CD-ROM / DVD

     Websites

     Intranet

     Apps

    www.Pagemachine.de

    Wie denken wir?

    Web Content Management System

    Bei den WCMS-Systemen handelt es sich um Systeme für die Erstellung und

    Verwaltung des Contents für das Internet, für Intranets und Extranets, die die

    Interaktion und Kommunikation zwischen Benutzer und Website

    unterstützen.

    CMS und TYPO3

    23

    24

  • 13

    www.Pagemachine.de

    Wie denken wir?

    Content Management Systeme

    Verteilung von Open Source CMS Systemen in Deutschland

    (Quelle: www.cmscrawler.com)

    1. Wordpress 5.222.844 Websites

    2. Joomla! 590.694 Websites

    3. Drupal 314.027 Websites

    4. (Wix.com 300.446 Websites - kein Open Source)

    5. TYPO3 188.143 Websites

    Stand 10/2019

    CMS und TYPO3

    www.Pagemachine.de

    Wie denken wir?

    Websiteentwicklung ohne CMS

    Statische Websites

    CMS und TYPO3

    25

    26

    http://www.cmscrawler.com/

  • 14

    www.Pagemachine.de

    Wie denken wir?

    Websiteentwicklung ohne CMS

    Statische Websites

     Inhalt und Gestaltung werden gemeinsam programmiert.

     Ergebnis wird hochgeladen

    Nachteile

     Ohne Programmierkenntnisse kann die Website nicht gepflegt werden.

     Umfangreiche Websites mit vielen Einzelseiten und Sprachen können

    nur mit erheblichem Aufwand gepflegt werden.

     Hohe Fehleranfälligkeit

     i.d.R. dauert es lange bis Änderungen online sind

    CMS und TYPO3

    www.Pagemachine.de

    Wie denken wir?

    Content Management System

    CMS und TYPO3

    Navigation

    Gestaltung

    Inhalt

    +

    +

    CMS

    27

    28

  • 15

    www.Pagemachine.de

    Wie denken wir?

    Content Management System

     Gestaltung, Inhalt und Navigation werden getrennt erstellt.

     Nur die Gestaltung wird von der Agentur erstellt.

     Alle Inhalte wie Texte und Grafiken können ohne Programmierkenntnisse

    z.B. von Redakteuren oder Marketingabteilung editiert werden.

     Navigation wird ebenfalls ohne Programmierkenntnisse bearbeitet.

    CMS und TYPO3

    www.Pagemachine.de

    Wie denken wir?

    Content Management System - Vorteile

     Dezentrale Pflege

     Redakteure benötige