Wordpress als „Framework“ für wien.at Responsive, barrierearme und sichere Themes und Plugins.

Slides:



Advertisements
Ähnliche Präsentationen
Styleguide für den Internetauftritt der OvGU
Advertisements

WML – Wireless Markup Language Vortrag von Eduard Jakel.
Das „barrierefreie“ Internet
Web 3.0 – Programmierung – Semantic Web / CIDOC CRM
Virtuelle Forschungsumgebungen Hintergrundbeitrag: HTML5: Video Player und VideoJS Universität zu Köln Historisch-Kulturwissenschaftliche Informationsverarbeitung.
Erzeugung, Pflege, Aktualisierung von web-Inhalten
Barrierefreiheit ( Accessibility ).
1 Accessible Rich Internet Applications (ARIA) A-Tag, Wien, 21. November 2008 Martin Kliehm, Senior Frontend Engineer
Automatische Übersetzungen mit Google
Web Content Management mit SharePoint Fabian Moritz SharePoint MVP
12. Juli 2013 Einstieg Wie erstelle ich mit WordPress einen ansprechenden Internet-Auftritt?
Vereinshomepage Zielgruppen I Vereine ohne HP Vereine mit HP und kostenlosen Dienst aber mit viel fremder Werbung.
Silverlight Eine Einführung. Agenda 1.Was ist Silverlight? 2.Die Silverlight Philosophie 3.Vorstellung des Szenarios 4.Einführendes Beispiel 5.Konzepte.
Falko Trojahn SMI Softmark Informationstechnologien GmbH Webseiten mit.
EIDAMO ® Frontend Das neue Frontend gibt Ihnen 100% Flexibilität, und weil es auf verschiedene Framework Biblieotheken basiert, können Sie praktisch.
Konkurrenz-Ballet-Kompagnien: The New York City Ballet Twitter, Facebook, Youtube An Masterlayout anpassen.
Usability in der Praxis: Entwicklung von Guidelines für HbbTV
Wordpress. Wordpress… Open Source – GNU General Public License Wordpress…
HTML 5 - Videoeinbindung
Kriterien für einen erfolgreichen WEB-Auftritt
Brand my SharePoint Grafische Gestaltung von SharePoint-Webseiten
Content Management ist ein Prozess und umfasst die Erstellung, Verwaltung und kontrollierte Veröffentlichung von Inhalten. Content-Management- Systeme.
RATEME Suchen und Bewerten von Ausgangsorten. Inhalt RateMe - Pirmin Schürmann, Thomas Junghans - Hochschule für Technik Zürich 2 Unser Ziel.
PPS-Veranstaltung (Design einer eigenen WWW-Homepage) Navigationsmechanismen.
RATEME Suchen und Bewerten von Ausgangsorten. Inhalt RateMe - Pirmin Schürmann, Thomas Junghans - Hochschule für Technik Zürich 2 Unser Ziel.
VU Semistrukturierte Daten 1
Marktübersicht für Content Management Systeme
Ein Doku-Web erstellen
CMS-Kolloquium am 10. Januar 2006
Warum WordPress? DER Standard Prinzip einfach auf andere Systeme übertragbar Heute: WordPress.
Caliburn.Micro.
RATEME Suchen und Bewerten von Ausgangsorten. Inhalt RateMe - Pirmin Schürmann, Thomas Junghans - Hochschule für Technik Zürich 2 Unser Ziel.
RATEME Suchen und Bewerten von Ausgangsorten. Inhalt RateMe - Pirmin Schürmann, Thomas Junghans - Hochschule für Technik Zürich 2 Unser Ziel.
RATEME Suchen und Bewerten von Ausgangsorten. Inhalt RateMe - Pirmin Schürmann, Thomas Junghans - Hochschule für Technik Zürich 2 Unser Ziel.
PS Onlinejournalismus WS 2003/04 Usability Fragestellung Verstehen Web-Only Medien mehr von Usability als konventionelle Web- Ausgaben von Printmedien?
Wordpress Plugins - Pimp your Blog!. Basic Plugins User-Tracking -> CyStats Spam-Vermeidung/Minimierung -> Akismet Sitemap-Generierung – Dagon Design.
xRM1 Pilot Implementierung
Von Alexander Röhr Booten.
W W W - World Wide Web. Das World Wide Web kommt aus dem Englischen und bedeutet ‚Weltweites Netz‘ ist ein über das Internet abrufbares Hypertext-System.
Was sind Weblogs? Web-log: Web  Internet log  Logbuch den Herausgeber des Internettagebuchs (Blogs) bezeichnet man als Blogger Blogsphäre bezeichnet.
Eclipse – PHP Tool Integration (PTI) Sven Kiera, TWT Interactive GmbH.
Barrierefreies Internet Tipps und Tools Präsentation auf dem #OTC2015
HEX-code für die Farbe weiß: #FFFFFF Änderung von Inhalt & Darstellung Inhalt & Darstellung HTML Javascript CSS.
Typo 3 // Templa Voila * Was? * Warum? * Wie? - Praktische Übung.
7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.
12. Januar 2005Autor: Walter Leuenberger Computeria Urdorf Treff vom 12. Januar 2005 «Firefox»
Abschlussprojekt.  Wahl eines beliebigen Themas (z.b. Hobby)  eigenständige Ausarbeitung des gewählten Themas in Form einer Website Abschlussprojekt.
JQuery: New Wave Javascript Seite 1 jQuery: New Wave Javascript Jörn Zaefferer TIMETOACT Software & Consulting GmbHT: Im Mediapark 2F:
Carolin Schneider Hauptseminar Annotationssysteme Prof. Dr. Manfred Thaller WS 2014/15.
E-Government 4 All Kärntner Landesregierung
Virtuelle Fachbibliothek MATHEMATIK Die Virtuelle Fachbibliothek Mathematik Konzept und Realisierung Christian Herrmann
Typo 3 Templates und TypoScript Dedizierte Systeme Vom Contentmanagementsystem zur Digitalen Bibliothek. Was leisten digitale Repositories? Seminarleitung:
WordPress Digital Objects Processing SS 2015 Susanne Kurz
Maya Kindler 5c. Man kann fertige Templates downloaden! Eine sehr gute Plattform ist joomlaos. Man.
Was gibt’s neues im Bereich Anpassung Fabian Moritz Consultant, Developer SharePointCommunity.de.
WILLKOMMEN ZUM SOMMERKURS Kursthema: Frontend-Entwicklung für Webapplikationen M.Sc. Anna Prenzel, Sebastian Otto.
Abschluss Implementierungsphase

1 Einleitung Auf dem Weg zum Web 2.0 (was immer das sein mag) ist jQuery klein und fix Hängt damit die "Großen" wie Prototype, Dojo oder Mochikit ab Kreuzt.
IT-Dienstleistungen E-Learning Systeme Content Management 1 Fallbeispiel ILIAS: Das Repository-Objekt-Plugin „Centra“
Das Wiki System der Freien Universität Berlin. Vorstellungsrunde Bitte stellen Sie sich kurz vor! Wer sind Sie? Haben Sie Erfahrungen in der Nutzung.
Neuigkeiten in Reporting Services 2016 Frank Geisler The box is back…
Planung & Konzept des Internetauftritts. Was ist Corporate Identity? Unsere LandFrauen-Identität Was haben wir gemeinsam?
<Name der Arbeitsgruppe>
1.
Vereinshomepage
 Präsentation transkript:

Wordpress als „Framework“ für wien.at Responsive, barrierearme und sichere Themes und Plugins

Mehr Platz für Dialogmechanismen Identität und Design von Projekten

Microsite „Als Microsite bezeichnet man eine schlanke Webseite mit wenigen Unterseiten und geringer Navi- gationstiefe innerhalb eines größeren Internet-Auftritts.“

Wann kommen wien.at Microsites zum Einsatz?

Auftritte mit kommunikativem/ dialogorientiertem Charakter (Blogs mit Kommentarfunktion, Ideensammlung, Diskussion, Beteiligung,…) Temporäre Projekte mit starker eigener Projekt-CI (Kampagnen etc.)

Gemeinsame Basis für wien.at Microsites Redaktioneller, gestalterischer und technischer Rahmen auf Basis Wordpress

Warum Wordpress? Weil alle Agenturen damit arbeiten können und die Einarbeitungsphase für temporäre Projekte kurz ist.

o Spart Zeit & Geld o Einfache Bedienung o Baustein-System (Mehrfachverwendung) o „Responsive“ o Standards: Barrierefreiheit, Code, Sicherheit,… Gemeinsame Basis

Basismodul: Eckpunkte wien.at als Dachmarke Grafik angelehnt an wien.at-CI (etwa Schriftart, Hintergrundfarben etc.) Projekttitel und ggf. –Logo stehen im Zentrum: die Überschrift „gehört“ dem Projekt Eigene Navigation (Menü) Eigene visuelle Projekt-Identität mittels Hintergrundbild/- grafik/-farbe – wobei der Gesamteindruck „wien.at Microsite“ erhalten bleiben muss.

responsive barrierefrei techn. Standards

Das Theme wurde speziell für wien.at gefertigt und lehnt sich an das aktuelle Design des Portals an. Es ist responsive und barrierearm. Was noch relativ einfach ist.

Erweiterungen

Wahl der Erweiterungen Unzählige Plugins Erstes Auswahlverfahren (Funktionalität, richtige WP-Version, free oder pro,..)

1-2 Plugins bleiben – womöglich responsive – vielleicht accessible – unter Umständen kompatibel In Summe: bleibt nichts übrig

Nächster Schritt Evaluierung der in Frage kommenden Plugins hinsichtlich unserer Kriterien

Lösungsansätze selber machen „patchen“ (anpassen) mit Developer Kontakt aufnehmen

Plugin-Evaluierung microsites wien.at

Pluginevaluierung Tinymce Advanced WP Polls Contact Form 7 My Calendar 2-click-socialmedia-buttons Leaflet Maps Marker Bbpress NextGEN Gallery NextGEN Gallery Voting All-in-One Event Calendar ALO EasyMail Newsletter …

Plugin-Adaptionen 2-Click-Socialmedia-Buttons Contact Form 7 - Formulartemplate WP Polls - Polltemplate My Calendar empty?replies=2#post empty?replies=2#post Leaflet Maps Marker bbPress

Accessibility Evaluierung In der Regel eher aufwändigerer manueller Prozess Manuelle oder automatische Überprüfung von allen WCAG Checkpunkten z.b. mittels: – Firefox: Web Developer Toolbar, IE7: WAT Toolbar – HTML Validator, CSS Validator – Wave, FAE, Imergo, Cynthia Says – IE, Mozilla, Opera, Konqueror, Safari, Chrome – Vischeck, Colour Contrast Analyser – Javascript/CSS/Image Switch – Jaws... ca. 10 bis 20ig seitiger Bericht / Gutachten über den Accessibilitystand der Website inkl. Optimierungsvorschläge

Vielen Dank! Autoren: Marta Bilska Christian Habernig Sindre Wimberger Wolfram Huber und Michael Rederer Folien: Julia Buchegger Quellen: styleguide, plugin attachment