Webarchitektur Datenwartermeeting 10. Juni 2015 1
Agenda 09:00 Begrüßung 09:05 Allgemeine Informationen 09:15 Responsive Web Design 10:15 Pause 10:30 Typo3 - Neues seit November 2014 10:50 TOURDATA Metasuche 11:05 TOURDATA - Neues seit November 2014 11:35 TOURDATA Qualitätssicherung 11:50 Fragen, Wünsche, Anregungen 12:00 Ende 2
Allgemeine Informationen 3
Allgemeines - Informationen Infos: /webarchitektur TOURDATA Backend 2 x pro Jahr Datenwartermeeting 2 x pro Jahr Webarchitektur-Partner- Strategie-Meeting NEU: 4 x jährlich TOURDATA Newsletter NEU: 4 x jährlich Typo3-Webarchitektur- Newsletter 4
Allgemeines - Bildrechte Rechtsinfos über Urheberrecht und Markenschutz von der Rechtsabteilung von Oberösterreich Tourismus finden Sie unter www.oberoesterreich-tourismus.at/detail/article/ urheberrechtmarkenschutzrecht.html Für etwaige rechtliche Fragen: Mag. Alexandra Fally: Tel.: +43 732 7277-119, E-Mail: alexandra.fally@lto.at Mag. Norbert Füruter, Tel.: +43 732 7277-145, E-Mail: norbert.fueruter@lto.at 5
Responsive Web Design 6
Responsive Web-Design Vorstellung Jacob Klein Was ist Responsive Web-Design? Ablauf einer Umstellung Sonstiges Umstellungsplan 7
Jacob Klein Projektleitung jacob.klein@ttg.at +43 732 7277-323 8
Responsive Web-Design Was ist Responsive Web-Design: Bei Responsive Design wird die Webseite so gestaltet, dass die gleiche Webpräsenz auf mobilen Endgeräten (Smartphone, Tablet etc.) und auf Desktopgeräten aufrufbar wird. Die Anordnung der Texte, Bilder und Grafiken ändern sich je nach Endgerät. Eine Webseite im Responsiven Design weist folgende Merkmale auf: Keine (native) App Eine vollständige, in der Darstellung optimierte Webseite 9
Responsive Web-Design Warum Responsive Design? Keine zusätzlichen Kosten für die Entwicklung einer mobilen Webseite Zentrale Content Wartung für alle Varianten Optimale Benutzerfreundlichkeit (Usability) Die Absprungrate (Bounce Rate) wird durch die bessere Usability geringer Keine Bindung an Betriebssysteme (ios, Android, Windows Phone etc.) 10
Responsive Web-Design Ablauf einer Umstellung: ca. 2 Wochen vor der geplanten Umstellung wird die jeweilige Region kontaktiert, um den Umfang der Umstellung final abzustimmen Zur gleichen Zeit wird auch die aktuelle Version der TYPO3 Dokumentation mit allen für Umstellung relevanten Punkten der Region zur Verfügung gestellt Die eigentliche Umstellung wird auf einer separaten Webseite vorbereitet, so dass man den Fortschritt der Umstellung kontinuierlich prüfen und ggf. auch berichtigen kann (Kontakt zum Projektleiter oder Entwickler) 11
Responsive Web-Design Sobald alle Inhalte umgestellt, geprüft und abgenommen sind findet das Update der live Webseite statt. Dieses Update erfolgt im Dialog mit der Region d.h. man einigt sich auf ein bestimmtes Datum (innerhalb des geplanten Zeitraumes) Sobald die live Webseite upgedatet ist müssen von der Region alle bereits vorbereiteten Inhalte angepasst bzw. geändert werden: Bilder Videos Menüs 12
Responsive Web-Design Sonstiges: Backend aufräumen im Zuge der Umstellung bitte auch die Gelegenheit dazu nutzen das Backend von alten und nicht mehr benötigten Inhalten zu befreien (Stichwort: Ausmisten) Die bereits erfolgten Umstellungen haben gezeigt, dass der gesamte Prozess reibungslos verlaufen ist. Wichtig dabei war die umfangreiche Vorbereitung auf beiden Seiten (Region/TTG). Bei Fragen stehen wir jederzeit unterstützend zur Verfügung! 13
Responsive Web-Design Beispiele: www.oberoesterreich.at www.salzkammergut.at www.urlaubsregion-pyhrn-priel.at www.vitalwelt.at 14
Responsive Web-Design Umstellungsplan: 1. www.oberoesterreich.at 20.04.2015 a 2. www.urlaubsregion-pyhrn-priel.at 04.05.2015 17.05.2015 a 3. www.salzkammergut.at 18.05.2015 31.05.2015 a 4. www.vitalwelt.at 01.06.2015 14.06.2015 a 5. www.traunsee.at 15.06.2015 28.06.2015 6. www.wolfgangsee.at 29.06.2015 12.07.2015 7. www.innviertel-tourismus.at 13.07.2015 26.07.2015 8. www.mondsee.at 27.07.2015 09.08.2015 9. www.dachstein-salzkammergut.at 10.08.2015 23.08.2015 10. www.badhall.at 24.08.2015 06.09.2015 11. www.fuschlseeregion.com 21.09.2015 04.10.2015 12. www.badischl.at 05.10.2015 18.10.2015 15
Responsive Web-Design Umstellungsplan: 13. www.ausseerland.at 05.10.2015 18.10.2015 14. www.donauregion.at 19.10.2015 01.11.2015 15. www.attergau.at 02.11.2015 15.11.2015 16. www.attersee.at 16.11.2015 29.11.2015 17. www.muehlviertel.at 30.11.2015 13.12.2015 18. www.almtal.at 14.12.2015 24.12.2015 19. www.boehmerwald.com 28.12.2015 10.01.2016 16
Neuerungen Typo3 Responsive 17
Neuerungen Typo3 18
Neuerungen Typo3 Datenwarter-Handbuch wird aktualisiert die Aspekte des Responsive Designs werden eingearbeitet (verfügbar ab August 2015) Logos im Footer 3 Versionen (Desktop, Tablet, Mobil) Alt-Texte & Title-Tags 19
Neuerungen Typo3 Social Media Icons wartbar Blogspot, Facebook, Flickr, Google Plus, Instagram Twitter YouTube (erweiterbar) 20
Neuerungen Typo3 Kontaktblock Footer 21
Neuerungen Typo3 Logo Startseite wartbar 22
Neue Navigation Hauptnavigation (rot) mehr als 3 Punkte möglich keine direkte Verlinkung im Header 23
Neue Navigation Meta Navigation (grau) Oberhalb der Haupt-Navigation 24
Neue Navigation - To Do s Bestehende Inhalte mit Analytics auf Relevanz überprüfen Textlängen beachten 25
Neuer Stageslider (Startseite) 26
Neuer Stageslider (mit Box) 27
Neuer Stageslider Mit dem Responsive Design entfallen Viewports Umstellung erfolgt automatisch Max. 10 Stage-Slider Elemente (bisher 6 Viewports) Stage-Slider Boxen Datenwartung wie bei Viewport-Boxen 28
Neue Suchfunktion mit Responsive Ergebnisliste basiert nun auf Basis der Google Suche 29
Typo3 Neues seit November 2014 30
Typo3 Neues seit November 2014 Disclaimer für Touren & Badeseen Cookie Richtlinie Neues Design Touren (Quickfacts) Tourdata-Plugin Gewinnspiel-Tool 31
Disclaimer Badegewässer Aufgrund eines Anlassfalles empfiehlt Oberösterreich Tourismus die Integration des neuen Disclaimers für Badegewässer und Touren. Die Kosten für die Integration werden von Oberösterreich Tourismus übernommen 32
Disclaimer Badegewässer Badeseen 33
Disclaimer Touren Touren 34
Disclaimer ToDo s Rechtlich geprüfte Disclaimer-Texte in 3 Sprachen vorhanden Info an Helpdesk, dass der Disclaimer von der Region gewünscht ist Für Regionen sind grundsätzlich auch abweichende Texte möglich, die Übersetzungen auf Englisch und Tschechisch müssen geliefert werden. 35
Cookie Richtlinie Hinweis auf Cookies mittels Banner bei Responsive Design möglich Die Kosten für die Integration bei Responsive werden von Oberösterreich Tourismus getragen Inhalt des Impressums liegt in der Verantwortung der Partner (zb. Retargeting) 36
Zusätzliches Design Touren Design Bisher 37
Zusätzliches Design Touren Neu Quick Facts 38
Design Touren ToDo s TOURDATA-Listen Plugin Reiter Allgemein Design für die Liste auswählen Verfügbar für Responsive und Standard 39
TOURDATA-Listen Plugin Zukünftig steht das Tourdata-Listen Plugin allen Webarchitektur-Partnern kostenlos zur Verfügung und Listen können von Datenwartern selbst eingerichtet werden. Spezialfilter werden weiterhin nach Aufwand angeboten. 40
Gewinnspiel-Plugin 41
Gewinnspiel Features Beliebig viele Gewinnspiele Conversion Tracking Neu: Filter um automatisierte Anmeldungen zu verhindern Einrichtungskosten: 480,- 42
TOURDATA Metasuche 43
TOURDATA Metasuche Tourdata Unterkunftinformation Suchergebnis Metasuche Preisinformationen und Verfügbarkeiten von div. Reservierungssystemen 44
TOURDATA Metasuche Typo3 TOURDATA TOURDATA Metasuche 45
TOURDATA Metasuche Typo3 TOURDATA TOURDATA Metasuche 46
TOURDATA Metasuche Typo3 TOURDATA TOURDATA Metasuche 47
TOURDATA Metasuche Funktionalitäten im Überblick TOURDATA als Basissystem Volle Integration in die Webarchitektur Mandantenfähigkeit Mehrsprachigkeit Flexible Integrationsmöglichkeit auf allen Ausgabekanälen (Web, Apps, Infosäulen, ) 48
TOURDATA Metasuche Echtzeit-Preis- und Vakanz-Abfragen Möglichkeit der Integration aller Betriebe online buchbare Betriebe nicht online buchbare Betriebe unverbindliche Anfrage Integration von Bewertungsplattformen (z.b. Trustyou) 49
TOURDATA Metasuche Konfigurationsmöglichkeiten (je Mandant) Buchungssysteme Affiliate-Id je Buchungssystem Maximale Antwortzeit je Buchungssystem Reihung der Buchungssysteme Buchungssysteme können ausgeblendet werden Anzeige nicht online-buchbarer Betriebe Caching /-Zeit 50
TOURDATA Metasuche Derzeit aktive Buchungssysteme Tiscover Feratel Seekda Booking.com HRS Nethotels Salzkammergut booking (imweb) 51
TOURDATA Neues seit November 2014 52
TOURDATA Generische Listen Darstellung in allen Ansichten der generischen Listen: Online/Offline-Datum gesetzt = inaktiv Darstellung in grauer, durchgestrichener Schrift Sprache wechseln - Alle Texte in mehrsprachigen Spalten (zb Titel) werden dann in der gewählten Sprache angezeigt 53
TOURDATA Felder & Checkboxen Gastronomie: Fairtrade-Produkte Informationen -> Kooperationen und Mitgliedschaften Trinkwasser verfügbar Bei der Kategorie Hütten Pixel Hotel Bei den Unterkünfte -> "Kooperationen und Mitgliedschaften" Falstaff (Gläser) für Gastronomie Falstaff (Gabeln) Bezeichnungsänderung im Backend 54
TOURDATA Felder & Checkboxen Ferienwohnungen und Ferienhäuser/Leistungen: Badewanne, Dusche, Spielekonsole, WLAN, Bettwäsche, Brotservice, Handtücher, Spülmaschine, Gefriermöglichkeit, Gitterbett, Grillmöglichkeit, Waschmaschine, Mikrowelle, Sonstige Ausstattung 55
TOURDATA Felder & Checkboxen Änderung der Struktur der Darstellung: Unterbereiche - Informationen: Räume und Service, Ausstattung und Technik im Backend abgeändert. Umbenennungen: Bad => Badezimmer Bad und WC getrennt => Badezimmer und WC getrennt 56
TOURDATA Felder & Checkboxen "Nachtskilauf" beim Rodelbericht wurde entfernt. Zusammenlegung und Umschlüsselung der Einträge in "Winterwanderweg" in: geräumter Winterwanderweg 57
TOURDATA Barrierefrei! Die Werte für das Feld Rollstuhltauglichkeit wurden angepasst. Der Wert "0" (barrierefrei aber nicht geprüft) wurde gestrichen. Anpassung einiger Felder in der Wartungsmaske für Barrierefreiheit 58
TOURDATA Kategorien POIs: Optiker/Brillen statt Optiker Veranstaltungen: Konzert statt Alternative Blues Dance, Electronic, Folk, Jazz, Klassik, Rock, Pop Volksmusik, volkstümliche Musik statt "Hausmusik, Liederabend" Tanz/Ballett statt "Ballett Neue Hauptkategorien: Theater Kabarett & Festival Die Kategorie "Theater, Festival" wurde gelöscht. 59
TOURDATA HTML-Felder Das Feld für Anreise-Informationen wurde auf HTML-Feld umgestellt. 60
TOURDATA und außerdem Bewertungs-Plattform "Qype" hat Ihre Dienst eingestellt (bereits Ende 2013) Link aus der Wartung und den Exporten entfernt. Der Link zu Reise-/Geschäftsbedingungen bei Pauschalen wurde auf mehrsprachig umgestellt, wie zb auch die MULTIMEDIA- Urls. Die bestehenden Einträge wurden auf "deutsch" umgeschlüsselt. 61
TOURDATA - Metasuche Unterkünfte sind in allen verfügbaren Buchungs-Systemen buchbar. Sperrung eines Betriebes für ein bestimmtes Buchungs-System: die zugehörige Checkbox unter Preise -> Online-Buchbarkeit aktivieren. Somit kann keine Vakanz-Abfrage erfolgen und der Betrieb ist auf dieser Plattform nicht online buchbar. 62
TOURDATA Der neue Touren-Editor Wegpunkte : Alle globalen Verknüpfungen wurden auf Leistungen vom Typ "Wegpunkt" umgeschlüsselt. Wegpunkte = eigenständige Objekte oder = eine Verknüpfung auf ein anderes TOURDATA-Objekt. Die Wegpunkte können in der Karte angezeigt und sortiert werden. 63
TOURDATA Der neue Touren-Editor 64
HELPDESK Tipp Datenqualität bei TOUREN heben Bei Rad-, Wanderwegen oder anderen Touren fehlen Informationen wie Länge, Höhenmeter, Dauer, tiefster oder höchster Punkt? Kein Problem mit dem neuen TOURDATA Touren- Editor kann man diese Daten automatisch berechnen. Die Anleitung findet man im TOURDATA Backend & auf /webarchitektur Bitte kontrolliert und ändert ggf. die Kontaktdaten eurer Touren, damit der Websitebesucher sich bei Fragen an den richtigen Ansprechpartner wenden kann! 65
HELPDESK Tipp Abgelaufene Pauschalen & Veranstaltungen Ein Löschen von abgelaufen Pauschalen & Veranstaltungen (die nicht mehr gebraucht werden) hilft, TOURDATA übersichtlich zu halten. Je weniger Objekte in einer Objektgruppe geladen werden müssen, umso schneller lädt das TOURDATA Backend! 66
HELPDESK Tipp Regelmäßige Wartung Wasserbericht Wartung der Berichte in TOURDATA bei Badegewässern und Freibädern (POI) in der Lasche Berichte Die oberösterreichischen Badegewässer scheinen somit automatisch im Wasserbericht des Oberösterreich Tourismus auf, z.b. am Ausflugsportal auf. WICHTIG: Es scheinen nur aktuelle Daten im Bericht auf! Das heißt das Datum darf maximal 1 Woche zurückliegen. Ist ein älteres oder gar kein Datum eingetragen, wird der Badesee nicht in den Wasserbericht übernommen. 67
TOURDATA DAUMEN HOCH Welche Abstufungen gibt es? -> 0%, 25%, 50%, 75%, 100% Wie überprüft man was für höhere Datenqualität fehlt? -> Lasche Datenqualität! (blaue Pfeilchen!) Ab welcher Datenqualität werden Objekte auf www.oberoesterreich.at ausgegeben? Unterkünfte & Veranstaltungszentren, Gastronomie, POIs, Touren, Pauschalen, Orte: ab 50 % Veranstaltungen: ab 50 % Regionen: eigene unterschiedliche Qualitätsgrenzen, zb: Veranstaltungen SKG 75 % erforderlich 68
TOURDATA KOOPERATIONSPARTNER Tiscover RIS-Kommunal: Bidirektional möglich. Veranstaltungen von TOURDATA exportiert, aus RiS importiert: Unterkünfte, Gastronomie, POIs und Touren (Veranstaltungen auf Wunsch) Übernahme der Daten von der Gemeinde ist möglich Freischaltung erfolgt direkt über RIS in Abstimmung mit Oberösterreich Tourismus TomTom: Quartalsweise Export von: Unterkünfte / Gastro-Betriebe / POIs Navteq: Quartalsweise Export von: Unterkünfte / Gastro-Betriebe / POIs RCE-Medien: Export von Veranstaltungen aus Oberösterreich ÖAMTC-Cityguide für Linz 69
TOURDATA KOOPERATIONSPARTNER IMPORTE: Trustyou: IDs und Bewertungen werden regelmäßig importiert WKO: Wartung der Sterne für Betriebe aus Oberösterreich Feratel Im Aufbau: ÖW-Projekt + weitere im Aufbau ÖAMTC und Verkehrsauskunft Österreich (VAO) 70
TOURDATA KOOPERATIONSPARTNER Kleinere Webprojekte, Schnittstellenverbindungen: Landkreis Passau lunchletter.at Mühlviertel pur - perspectra Kommunal- und Regionalentwicklung online Holiday Assistant Privatvermieter Österreich campingwelt.com und seesterne.at KulTourNetz GmbH / Plattform www.fussfrei.at 71
TOURDATA QUALITÄTSSICHERUNG RICHTLINIEN: Es werden nach wie vor ohne Auftrag keine Änderungen an Texten, Bildern oder Preisen vorgenommen. Logins werden ohne Ausnahme oberösterreichweit und salzkammergutweit vergeben. Neue Objekte werden angelegt, wenn diese zb. für oberoesterreich.at benötigt werden. 72
TOURDATA QUALITÄTSSICHERUNG ABLAUF VON QS-AKTIONEN VON OBERÖSTERREICH TOURISMUS: Die Regionen / Orte werden um entsprechende Änderungen gebeten. Teilweise erfolgt eine 2. Aussendung (zur Erinnerung) Nach Verstreichen des festgelegten Datums werden nicht durchgeführte Änderungen von Regionen / Orten auf Wunsch von Oberösterreich Tourismus von der TTG vorgenommen Großprojekt bis 2016: TOURDATA Qualitätsoffensive in Kooperation mit der Wirtschaftskammer OÖ. 73
TOURDATA QUALITÄTSSICHERUNG ÄNDERUNGSWÜNSCHE: Von Betrieben in Regionen / Orten mit Login: werden die an den TV / Ort weitergeleitet. Von Betrieben in Regionen / Orten ohne Login: werden nach Auftrag von der TTG durchgeführt. Wenn uns Fehler (zb. fehlende Inhalte, Dubletten ) in TOURDATA auffallen, senden wir diese an die Datenwarter zur Bereinigung. 74
Ihre Anfragen beim Helpdesk Jänner Mai: knapp 1.200 Helpdesk Tickets (167 Anforderungen, 257 Fehler, 770 Anfragen) In Hinblick auf die Gesamtzahl : Bitte denken Sie daran, dass es ein Typo3 Handbuch gibt (Aktualisierung 08/2015). Bitte versuchen Sie zuerst, das Problem selbst zu lösen bevor Sie den Helpdesk kontaktieren! 75
Ihre Anfragen beim Helpdesk Das hilft uns bei der schnellen Beantwortung: Bitte verwenden Sie die dafür vorrangig die extra dafür programmierten Formulare für Fehler und Anforderungen: Fehler: http:///bug Anforderungen: http:///anforderung 76
Ihre Anfragen beim Helpdesk Positives Beispiel aus der Praxis: Liebes Helpdesk Team, ich hab eine Frage bzgl. Ausgabe im Frontend. Beispiel: Preisfeld einer Veranstaltung Im Backend (Screenshot 1) werden normale Absatzmarken gesetzt, aber im Frontend erscheinen alle Informationen als eine lange Schlange (Screenshot 2). Kann ich das nur umgehen in dem ich den Befehl </br> nutze um halbwegs eine Struktur zu erhalten? 77
Fragen, Wünsche, Anregungen? 78
Danke! Johann Reisinger, Geschäftsführer Jacob Klein, Leitung Online Projekte Johannes Auer, Online Marketing Ellen-Ruth Bruckner-Simonsberger, Benutzerbetreuung, Schulung Christina Ahorner-Reumann, Online Redaktion Veronika Obereder, Helpdesk Ulrike Preinfalk, Leitung Content & Info Powered by Oberösterreich Tourismus 79