Programmablauf

Die Contao Extension syncCto bietet die Möglichkeit mehrere Contao‐Installationen auf Basis einer Grund‐Installation zu synchronisieren. Alle Aktionen können bequem im Backend durchgeführt werden und durch die Integration in das Contao Rechtesystem können auch Redakteure eine Auswahl vorher definierter Inhalte synchronisieren.

01. Grundlagen

• Welche Funktionen bietet syncCto
• Wie kann man es im täglichen Einsatz produktiv nutzen

02. Konfiguration

Die Extension wird an einer Beispielinstallation konfiguriert und mit einer weiteren Installation synchronisiert. Einführung in weitere Funktionalitäten wie den Backup‐Manager oder die Einstellungen.

03. Ausblick

Eine kurze Einführung in kommende und geplante Funktionen.

Erstellung eines Contao-Themes ausgehend von einem Photoshop-Dokument.

Voraussetzung: Kenntnisse in CSS, HTML

1.) Theorie: Einführung in das Contao CSS/HTML Framework

1.1. Erläuterung des HTML-Grundgerüstes

1.1.1. fe_page

1.1.2. weitere verwendete Templates

1.2. Erklärung des Seitenlayouts

1.3. Besonderheiten wie die tinymce.css

2.) Praxis: Umsetzung eines Layouts

2.1. Ausgangspunkt: Photoshop-Dokument

2.1.1. Layout analysieren

2.1.2. Vorüberlegungen

2.2. Grundstruktur anlegen

2.2.1. easy_themes, quickjump4ward installieren

2.2.2. Theme, Module, Stylesheets, Seitenlayout anlegen

2.2.3. Dateiverwaltung redakteurstauglich machen (Trennung Content und Layout)

2.2.4. Beispielinhalte einfügen

2.3. CSS-Definitionen zusammenklicken

3.) Praxistipps

3.1. Accordion stylen

3.2. Verschiedene Kopfbilder pro Seite (pageImages)

3.3. Anpassen der fe_page (fe_pageSplit4ward)

3.4. Pixel-Gridsystem einfügen

3.4.1. Anpassung an die vorhandene #main-Breite (4ward-Gridbuilder)

3.4.2. Stylepicker

3.5. Seitenspezifisches Styling ohne eigenes Seitenlayout

Der Titel des Workshops ist bewusst Englisch gewählt. Ich darf davon ausgehen, dass jeder Entwickler über ausreichende Englischkenntnisse verfügen sollte, um den Titel des Workshops und die Folien zu verstehen. Ich würde nämlich gerne die Folien in Englisch machen, so dass das Endprodukt dann auch für die ganze Welt von Nutzen ist und nicht nur für die deutschsprachige Community.

In diesem Workshop geht es um die grundlegende Entwicklung von Modulen für Contao. Folgende wiederkehrende Fragen würde ich gerne klären:

• Wie sieht die Struktur eines Contao Moduls aus? Was sind die einzelnen Komponenten und was bewirken sie?
• Was ist der Sinn von Hooks und wie nutze ich sie?
• Welche Libraries kann ich nutzen?
• etc.

Mir geht es darum, Entwicklern den Einstieg in die Entwicklung für Contao zu erleichtern. Es soll nicht ein Vortrag werden, bei dem ich 2h lang erkläre wie man ein Modul baut, sondern ich möchte erreichen, dass die Entwickler mit dem notwendigen Wissen ausgestattet werden, damit sie sich die Informationen selber beschaffen können.

Zudem möchte ich gerne betonen, dass ich mich nicht auf einen 2-stündigen Vortrag vorbereiten werde. Ich stelle mir das eher so vor, dass ich in der ersten Hälfte eine Übersicht gebe und ich dann mit den Besuchern an einem (natürlich vorbereiteten – sonst ginge das ja ewig) Modul weiterbasteln würde. Als geeignetes Beispielmodul erachte ich ein ganz normales Lister- und ein Reader-Modul, welches wir dann gemeinsam mit eigenen Feldern erweitern würden.

Selbstverständlich soll auch Raum für Fragen vorhanden sein.

Folgendes Wissen setze ich Voraus und würde deshalb den Workshop auch für Fortgeschrittene ausschreiben:

• Objektorientierte Programmierung, insbesondere in PHP natürlich
• Javascript und Ajax
• Interesse und Freude an Contao

Avisota wird für alle noch einmal vorgestellt, der aktuelle Entwicklungsstand wird beleuchtet und was als nächstes in Aussicht steht. Der Fokus liegt diesmal allerdings auf Onlinemarketing mit Avisota, rechtliche Aspekte, best practice Vorschläge und wie man diese mit Avisota angeht.

1. Avisota kurz und knapp

Avisota wird als Newslettersystem nochmal kurz vorgestellt. Der Fokus liegt im Funktionsumfang und was seit letztem Jahr neu hinzu gekommen ist. Am Ende soll es noch einen Ausblick auf die kommenden Versionen von Avisota geben.

2. Onlinemarketing (in Deutschland)

Beleuchtet werden die Richtlinien für zulässiges Onlinemarketing in Deutschland. Dabei wird so ausführlich wie möglich auf die gesetzlichen Vorschriften eingegangen und best practice Lösungen im Zusammenhang mit Contao erläutert.

3. Offene Diskussion

Zu Ende meines Vortrags werde ich Fragen in einer offenen Diskussion zum Thema Onlinemarketing, Newsletter und Avisota beantworten.

1. Daten, Zahlen, Fakten zu Google+ 

2. Anlegen eines Google+ Profils unter SEO Aspekten 

3. Anlegen einer Google+ Seite und Wahl der richtigen Kategorie 

4. Die Funktionsweise von Kreisen 

5. Rechtliche Aspekte: Impressumspflicht und die Vorgaben für Gewinnspiele 

6. Verifizierung als Autor mit dem Google+ Profil und als Publisher mit der Google+ Seite 

7. Auswirkungen der Verifizierung auf eigene Suchergebnisse im Zusammenhang mit Google+ 

8. Was ist „Search, plus Your World?” 

9. Auswirkung von Google+ in seiner Gesamtheit auf Suchergebnisse 

Anhand von Beispielen aus der Praxis wird die Umsetzung eines vorliegenden Designs in eine Contao-Installation gezeigt. Zudem soll die Möglichkeit gegeben werden, sich über verschiedene Ansätze auszutauschen. Welche Methoden führen am besten, effizientesten zum Ziel?

Zielgruppe: Contao-Neugierige mit oder ohne Contao-Erfahrung.

"Best Practices" zu:

- Aufbau einer Website nach der Installation

- Anlegen von Seitenstruktur, Modulen, CSS

- CSS-Bearbeitung

- Checklisten vor der Veröffentlichung einer Website

- …

Zahlreiche Tipps & Kniffe aus dem Alltag – nicht nur als Buchautoren.

Ein Workshop für alle, die Contao praxisnah und effizient einsetzen möchten.

In dem Workshop werden die für Extension-Entwickler relevanten Änderungen in Contao 3 vorgestellt. Der Workshop ist die Ergänzung zur Contao 3-Keynote, die nur die für Anwender relevanten Änderungen in Contao 3 vorstellt.

1.1 Kurzbeschreibung

Nahezu jeder – egal ob Webdesigner oder Programmierer – kennt Situationen, in denen Ärger in einem Kundenprojekt aufzieht. Sei es wegen zu geringer Budgets, zu vieler Extrawünsche oder falsch eingeschätzter Angebote. 

Es gibt zahlreiche Gründe, warum Webprojekte unsanft zu Ende gehen oder sogar komplett scheitern können.

Diese Session soll...

...ein Gefühl für mögliche Risiken im Vorfeld eines Projektes schaffen.

...das Bewusstsein schärfen, dass nicht immer alles perfekt laufen muss, um gut zu sein.

...Wege aufzeigen, um klassische Probleme rechtzeitig zu erkennen und zu entschärfen.

...klarmachen, dass die richtige Kommunikation zwar nicht einfach aber umso erfolgreicher sein wird.

...Kunden und Auftragnehmer insgesamt glücklicher und zufriedener machen.

Zielgruppe: Alle, die in Webprojekten arbeiten und/oder diese verantworten, primär natürlich Webdesigner und Programmierer.

In dieser Session möchte ich zeigen, wie eine mobile Webapp auf Grundlage von Contao und jQTouch entwickelt werden kann. Es soll nicht darum gehen allgemein eine Website für die mobile Ausgabe aufzubereiten, sondern speziell darum, den Weg zu einer komplett eigenständigen Webapp zu beschreiben.

Im ersten Teil gehe ich auf das Framework jQTouch ein. Ich beschreibe den Grundaufbau eines jQTouch-­‐Dokumentes, ehe ich dann anhand kurzer Codebespiele zeige, wie css-­‐Klassen für Listen und Übergänge/Animationen zwischen verschiedenen Seiten genutzt werden können. Auch Formulare und Formularfelder zur Interaktion mit dem Benutzer sollen kurz angesprochen werden.

Anschließend zeige ich, wie mit einer Erweiterung das komplette jQTouch Framework in Contao integriert  werden kann. Dadurch stehen dann neue entsprechende Inhaltselemente und Seitenvorlagen zur Verfügung. An dieser Stelle möchte ich auch weitere Einstellmöglichkeiten sowie einzelne Konfigurationen im Contao-­‐Backend zeigen. Auch soll in diesem Zusammenhang kurz auf Probleme eingegangen werden, die bei der Entwicklung und Umsetzung auftreten können.

Zum Schluss der Session möchte ich eine kleine Webapp präsentieren, die auf jQTouch und Contao (in Verbindung mit dem Catalog) basiert und unter anderem die html5-­‐ Features „Local Data Storage“ und „Geolocation“ verwendet. Gleichzeitig stellt diese App Beispiele einer Listen-­‐ und einer Detailansicht, sowie von verschiedenen häufig benötigten Elementen dar. Die Contao-­‐Installation hierzu stelle ich anschließend  als c2g zur Verfügung.  

Zielgruppe: 
alle interessierten Webentwickler, die Contao einsetzen 

 1. Theme+, was ist das?

• Was kann Theme+ was Contao nicht kann?
• Wo hat Theme+ seine Stärken und seine Schwächen.
• Warum gibt es eigentlich Theme+?

Diese Fragen sollen analysiert, die Funktionen von Theme+ vorgestellt und von allen Seiten beleuchtet werden.

 2. Individualität schaffen mit Theme+

Wo schafft Theme+ mehr Flexibilität?

Dabei geht es unter anderem um die Serverseitigen Filter für CSS und JS Dateien. Die einfache Integration andere JavaScript Frameworks in das Frontend. Besseren CSS Code schreiben, mit LessCss. Wie kann die Funktionalität von Theme+ in eigenen Erweiterungen genutzt werden.

 3. Die Jagt nach den 100 page speed Punkten

Einfach Websites lassen sich mit Contao bereits nahe an die 100 Punkte im Google page speed optimieren. Doch komplexe Websites sind mit Contao nur schwer an die 100 Punkte Grenze zu optimieren. Zum Abschluss werden page speed und yslow Optimierungsmöglichkeiten Analysiert und an praktischen Beispielen gezeigt, wie diese mit Theme+ umgesetzt werden können.

Die Contao Boilerplate ist eine Sammlung von Extensions für den täglichen Einsatz, Snippets und Vorlagen für die Gestaltung und Einrichtung einer neuen Website. Im Workshop soll es um die gemeinsame Sammlung von praxisnahen Vorlagen und Konfigurationen gehen. 

Ziel des Workshops ist es Extensions, Templates und Einstellungen zu sammeln, die in keiner Contao Installation fehlen dürfen. Die Ergebnisse sollten die Grundlage für eine schnelle, stabile und nutzungsfreundliche Conato‐Installation sein, die ein effektives Implementieren neuer Websites möglich macht.

Folgende Themen werden behandelt:

1. Extensions

Welche Extensions erleichten dem Administratoren, Redakteuren und Entwicklern die Arbeit mit Contao.

2. Die „perfekte“ Ordnerstruktur

Wie werden Bilder, Downloads, CSS und co. sinnvoll organisiert, ohne bei jedem Kunden das „Rad neu zu erfinden“

3. Templatevorlagen

Aus der Praxis, um wiederkehrende Anpassungen schon im Vorfeld zu vermeiden.

4. CSS‐/JS‐Vorlagen

5. Konfigurationsvorlagen

Welche Einstellungen sollten man meiden, welche Einstellungen erhöhen die Perfomance und welche Einstellungen erleichtern das Arbeiten im Backend.

Dieser Workshop zur Suchmaschinenoptimierung richtet sich an Personen ohne SEO-Wissen oder mit SEO-Grundwissen und bietet einen grundlegenden Einstieg in die Welt von SEO (kurz für Search Engine Optimsation).
Die SEO Site Klinik wird dabei in zwei Blöcke unterteilt: Im ersten Block werden sehr kurz die wesentlichen Grundlagen der Suchmaschinenoptimierung vorgestellt. Anschließend werden Webprojekte der Teilnehmer gemeinsam analysiert, Schwächen und Stärken aufgezeigt und konkrete Verbesserungsvorschläge für dieses Projekte gegeben. Die vorgestellten Maßnahmen umfassen dabei sowohl die Webseitentechnik, den Inhalt und den Verlinkungsaufbau.

Organisatorischer Hinweis: Nach Anmeldung für den Workshop können die Teilnehmer zwei Wochen vor der Contao-Konferenz sich mit bis zu drei eigenen Projekten beim Workshop-Leiter bewerben. Hieraus werden die Projekte für die SEO Site Klinik ausgewählt. Pro Teilnehmer wird maximal ein Projekt besprochen. Ein Anspruch auf eine Besprechung eines eigenen Projekts besteht durch Teilnahme an dem Workshop nicht.

Inhalt der Session

Die Session ist als Vortrag mit anschließendem Brainstorming geplant. Die Zielgruppe des Vortrags sind Leute die sich generell für das Thema CRM in Contao interessieren, sich aber noch nicht stark mit dem Liplex CRM auseinandergesetzt haben.

Vorstellung

Da das CRM Modul noch recht unbekannt ist wird es zu Beginn erst einmal mit allen Bereichen kurz vorgestellt. Danach werden die Vorteile und Nachteile eines CRM in Contao aufgezeigt, die aktuelle Entwicklung vorgestellt, aufgezeigt wie jeder die Weiterentwicklung des Systems beeinflussen kann und was in der Zukunft noch geplant ist.

Rechnungserstellung – Vom neuen Kunden zur fertigen Rechnung

Anhand der Rechnungserstellung wird das System im Detail gezeigt. Vom der Anlage eines neuen Kunden im System bis zur versandfertigen PDF Rechnung wird deutlich gemacht wie einfach Rechnungserstellung mit Contao sein kann. Da Rechnungen nicht bei jedem Unternehmen gleich aussehen sollen, wird danach gezeigt, wie man mit Hilfe von HTML und CSS den Rechnungen ein ganz individuelles Aussehen gegeben werden kann.

Brainstorming und Diskussion

Im letzten Teil der Session haben die Teilnehmer die Chance Fragen zu stellen, Ideen einzubringen oder auch bestimmte Funktionen und Funktionsweisen des CRM Moduls zu diskutieren. Welche Features sind als nächstes gewünscht? Was soll wo vertieft werden? Gibt es Leute die sich am System beteiligen wollen?

Wer Einfälle hat soll diese zum Abschluss einbringen können, damit das System mit der Community wachsen kann.

1.) Anforderungen an einen Blog

1.1. News mit Inhaltselemente

1.2. Kommentare

1.3. Tagcloud

1.4. Ähnliche Artikel

1.5. Pingback/Trackback

1.6. Gravatar

1.7. RSS-Feed

2.) Umsetzung mit Contao

2.1. News4ward: News mit Inhaltselementen

2.1.1. Installation/Einrichtung

2.1.2. Funktionsbeschreibung, Verwendung

2.2. News4ward_comments: Kommentarfunktion

2.3. News4ward_tags: Artikel verschlagworten

2.4. News4ward_related: Ähnliche Artikel anzeigen

2.5. Tipps: Kategorisierung, Archivfunktion etc

3.) Vorstellung einer Umsetzung

OpenStreetMap (kurz: OSM) ist bekannt als das Wikipedia für Karten. Großteils sehr detaillierte Daten, viele verfügbare Spezialkarten und nur wenige Nutzungseinschränkungen stellen Vorteile gegenüber der kommerziellen Konkurrenz dar. Dieser Workshop zeigt Ihnen, welche Möglichkeiten Ihnen CFS-Maps mit der Einbindung von OSM-Karten in Contao bietet. 

 Agenda des Workshops:

1.) Kurze Einführung in OpenStreetMap

2.) Einbindung einer einfachen OSM-Karte in Contao

3.) Hinzufügen von Lokationen

4.) Konfigurieren der Karteneinstellungen mit Kartenprofilen

5.) Nutzung verschiedener Kartenlayouts und Spezialkarten für

beispielsweise Öffentliche Verkehrsmittel

6.) Konfigurationsmöglichkeiten für Lokationen

7.) Visuelle Definition von Flächen und Wegen

8.) Einbinden von GPX-Dateien für Wege, Flächen und Lokationen

9.) Erzeugen von GPX-Dateien über OSM-Dienste (z. B. für Gebietsgrenzen)

10.) Termine auf Karten anzeigen

11.) Einbindung von eigenen Tabellen in CFS-Maps (z. B. Catalog-Tabellen)

12.) Steuerelemente der Karte über CSS stylen

13.) Geokodierung über OSM-Nominatim-Dienste

14.) Ausblick 

15.) Diskussion

Isotope eCommerce ist ein umfangreiches Shop-System für Contao. Durch strikte Einhaltung von bekannten Prinzipien ist das System für jeden Contao-Jünger mit ein wenig eCommerce-Wissen schnell anwendbar.
Für frisch Verliebte zeigt Christian de la Haye die Möglichkeiten von Isotope eCommerce anhand von Praxisbeispielen und echten Shops, geht auf die aktuellen Probleme im deutschen eCommerce-Umfeld ein und zeigt Lösungswege auf. 

Eine noch weitgehend ungenutzte Stärke ist die extrem flexible Erweiterbarkeit von Isotope eCommerce. Mit eigenen Zahlungs- oder Versandmodulen, Fotogalerien, Produktklassen, über 25 Hooks und weiteren Schnittstellen lassen sich beinahe unbegrenzte Möglichkeiten realisieren.

Alte Contao-Hasen werden von Andreas Schempp in die Geheimnisse des Systems eingeführt. Wusstest du, dass es (in der Theorie!) mit wenig Aufwand möglich ist, eine Lagerbestands-Funktion zu programmieren? Diverse GitHub-Erweiterungen und viel Hintergrundwissen bilden die Grundlage für einen Entwickler-Workshop mit Biss.

Responsive Design im Web bekommt mit den neuen Möglichkeiten von CSS3 und dem Zuwachs unterschiedlicher Endgeräte (Smartphones, Tablets...) seit einiger Zeit immer mehr Aufmerksamkeit.

In der Vergangenheit wurden mobile Webseiten eher als Nischenthema gesehen, direkt auf mobile Applikationen ausgelagert oder mit diversen Baukastensystemen in ein Korsett gesteckt, welches wenig Raum für eine individuelle Gestaltung überlie.. Eine flexible Ausgabe für Geräte unterschiedlicher Hersteller und Betriebssysteme wurde dabei oft außer Acht gelassen.

Ein Umdenken in der Konzeption und die Einführung der Media Queries in CSS3 machen eine unabhängigere Ausgabe möglich. Denn statt wie bisher, die Seiten an ein bestimmtes Ausgabemedium anzupassen, können mit dem Einsatz von Media Queries Eigenschaften und Fähigkeiten wie Breite und Höhe des Browserfensters, die Bildschirmauflösung oder auch die Ausrichtung (z.B. Portrait u. Landscape) abgefragt und Inhalte entsprechend aufbereitet ausgegeben werden.

Ich möchte mit meinem Vortrag eine Einführung in das Thema Responsive Design geben, welche anderen Möglichkeiten es bisher gibt/gab und welche Vor- oder Nachteile sich daraus für das mobile, fluide Webseitendesign ergeben.

Darauf aufbauend führe ich vor, wie und mit welchen Methoden man z.B. Media Queries bei der Arbeit mit Contao einsetzen kann und was es hierbei zu beachten gibt.