Beschreibung

Unter Erweiterter Realität (von engl. Augmented Reality, AR) versteht man die computergestützte Erweiterung der Realitätswahrnehmung. Diese Information kann alle menschlichen Sinnesmodalitäten ansprechen, häufig wird jedoch unter erweiterter Realität nur die visuelle Darstellung von Informationen verstanden. Es ist die Ergänzung von Bildern oder Videos mit computergenerierten Zusatzinformationen oder virtuellen Objekten mittels Einblendung/Überlagerung. [...] Quelle: Wikipedia

Beschreibung

Beschreibung

Beschreibung

Beschreibung

Beschreibung

• Auf der Übersichtsseite wird vorerst nur 1 Ebene eingeblendet, damit die Grafik übersichtlicher bleibt - erst wenn man mit der Maus reinklickt, sieht man die Details des gewünschten Bereichs.
• Fährt man mit der Maus über eine Kategorie auf der Übersichtsseite, wird zusätzlich eine Grafik eingeblendet (neue Grafikvorschläge bitte in den Kommentaren hinterlassen!)
• Man kann nun zwischen 3 Anzeigeoptionen wählen: Quadrate, Streifen und SliceandDice (keine Ahnung, wie man das übersetzt ;-) )
• Die interaktive Version funktioniert nun auch im Internet Explorer
• Zusätzlich habe ich eine Infografik erstellt, welche die anteilsmäßigen Einsparungen gemessen am jeweiligen Gesamtbudget des ausgewählten Bereiches darstellt.

Open Data ist so etwas wie der Abschied vom Amtsgeheimnis. Die Idee: Behörden stellen ihre nicht-personenbezogenen Datenbestände maschinenlesbar online zur freien Nutzung zur Verfügung und erlauben nicht-amtlichen Entwicklern sogar, für diese Daten eigene Applikationen zu programmieren. Das Ergebnis ist ein nie gekanntes Maß an Transparenz, neue Sichtweisen auf die Informationen und vielfältige Möglichkeiten der Bürgerbeteiligung (Beispiel 2). In den USA und Großbritannien gehören offenen Daten daher bereits zum Regierungsprogramm. In deuschen (und  österreichischen) Amtsstuben dringt die Idee erst langsam vor.

Was New York, San Francisco und London vormachen, sollte auch Wien können: Nicht-personenbezogene Daten, Dokumente und Entscheidungsprozesse den Bürgerinnen und Bürgern maschinenlesbar in offenen Formaten zur Verfügung stellen und sie mithilfe moderner Technologien an Entscheidungen teilhaben lassen. Der Nutzen: Daten, Studien und die politische Entscheidungsfindung von Regierung, Magistraten und Bezirken werden transparent und nachvollziehbar. Dazu gehören etwa Fahrplandaten, Geodaten und Kartenmaterial, aggregierte demographische Daten, die Verbrauchsdaten öffentlicher Betriebe, Umweltmessdaten, Infrastrukturdaten, Wirtschafts- und Budgetdaten etc. Open Data bzw. die damit gemachten Anwendungen und Visualisierungen helfen somit der Legitimierung der Stadtverwaltung und ihrer politischen Instanzen. Bürgerinnen und Bürger haben jederzeit Einblick, private Software-EntwicklerInnen, wissenschaftliche Institutionen, NGOs oder JournalistInnen können Daten verknüpfen und daraus – ohne zusätzlichen Investitionsaufwand für die Stadt - neue Anwendungen und Informationsmodule gestalten, die der Allgemeinheit wieder zur Verfügung gestellt werden.

• Politik und öffentliche Verwaltung offener, transparenter und bürgernäher zu gestalten,
• gesellschaftliche Missstände sichtbar zu machen sowie
• auf individueller Ebene qualifiziertere Entscheidungen zu treffen.

Hilfreiche Analysetools

• Firefox Plugin "Web Developer Toolbar": hier ist v.a. die Funktionalität "View Document Size" unter "Information" hilfreich, um Größe der Webseite, Anzahl der Bilder, Skripte und Stylesheets zu messen. Danach kann man sich jedes einzelne Objekt im Detail ansehen und Wege suchen, um z.B. die Anzahl der HTTP-Requests zu reduzieren.
• Firefox Plugin "lori (life-of-request-info": zeigt in der Statusleiste an, wie lange es dauert, eine Webseite zu laden, wieviele Requests gemacht werden und welche Datenmenge übertragen wird. Die Funktionsweise ist ähnlich wie der Web Developer Toolbar - nur sieht man hier die Ergebnisse beim Laden einer jeden Webseite in der Statusleiste.
• http://www.webpagetest.org - führt kostenlos Performancetests von verschiedenen Standorten weltweit durch und liefert Ansatzpunkte zur Optimierung.
• Anzahl der SQL-Abfragen im Template anzeigen lassen - dazu folgenden Code in der Datei footer.php im Template-Verzeichnis direkt vor </body> einfügen. Hinweis: wird nur im Quelltext der Seite angezeigt!

  • <!--<?php echo get_num_queries(); ?&gt; Abfragen in &lt;?php timer_stop(1); ?&gt; Sekunden.-->

  Best Practices für die Optimierung

  • Bilder nur in der tatsächlichen Größe einbinden und nicht große Bilder klein skalieren
  • Sind die Bilder im richtigen Format gespeichert? JPG für Bilder, PNG oder GIFs für Icons? Ist wirklich die höchste Komprimierungsrate bei JPG-Bilder notwendig? Tipp 1: Mit dem Tool Smush.it können die Grafiken bestehender Webseite einfach analysiert und optimiert werden. Tipp 2: Checklist for Better Web Graphics Tipp 3: Adobe Air Application "Shrink O´Matic"
  • Elemente wie z.B. Bilder oder Videos auf möglichst wenigen unterschiedlichen Domains platzieren oder am besten gleich auf den eigenen Webspace hochladen. Dadurch kann Zeit für DNS-Lookups eingespart werden.
  • Skripte falls möglich im Footer der Webseite platzieren, weil die Webseite erst aufgebaut wird, wenn alle Skripte im Header geladen sind. V.a. viele Wordpress-Plugins unterstützen dies über eine Einstellungsmöglichkeit im Admin-Bereich. Falls diese Option nicht vorhanden ist, kann man dies meist durch direkte Anpassung der Funktion wp_enqueue_script in der Plugin-Datei selbst ändern. Artikel-Tipp: How to disable scripts and styles
  • Statt vieler kleiner Bilder falls möglich CSS Sprites verwenden, um die Anzahl der HTTP-Requests weiter zu reduzieren. Tipp: leicht zu bedienende CSS Sprite-Generatoren verwenden.
  • Tipps speziell für Wordpress-Blogs
    • Brauche ich wirklich ALLE Plugins?
    • Gewisse Funktionen wie z.B. Favicon oder RSS-Feedburner-Link gleich direkt im Template einbauen, statt ein Plugin zu verwenden.
    • Inaktive Plugins löschen statt ewig mitzuschleppen.
    • Stylesheets einzelner Plugins in das Hauptstylesheet übertragen und im Plugin deaktivieren. Nachteil: bei Updates des Plugins wird diese Änderung wieder überschrieben. Ich hab dies daher nur bei Plugins gemacht, wo es schon länger kein Update mehr gegeben hat oder ich keine zusätzliche Funktionalitäten benötige. Kleiner Tipp: bei geänderten Plugins die Versionsnummer im Plugin-File manuell erhöhen, um das versehentliche Aktualisieren durch die Auto-Update-Funktion von Wordpress zu vermeiden.
    • Ist es notwendig, auf der Startseite die letzten 10 Beiträge anzuzeigen oder reichen nicht auch die 5 neuesten? Tipp: Wordpress-Plugin "Different Posts Per Page", wenn man die Ausgabe für verschiedene Bereiche der Webseite (z.B. Kategorieansicht, Archivansicht, Feed, Suche...) genauer steuern möchte.
    • mySQL-Datenbank regelmäßig optimieren - entweder über phpmyadmin oder z.B. mit Hilfe des Plugins "DB-Optimize".
    • Falls Artikelüberarbeitungen nicht benötigt werden, dies direkt in der wp-config.php deaktivieren:

      <?php define('WP_POST_REVISIONS', false ); ?>

  • Komprimierte Übertragung der Webseite (gzip) aktivieren (z.B. durch das Plugin W3 Total Cache).
  • Caching wo möglich verwenden (z.B. Gravatar-Bilder bei Kommentaren lokal speichern mit dem Plugin "GravatarLocalCache").
  • HTTP expire headers für statische Objekte festlegen, damit die gecachten Objekte beim erneuten Aufruf der Seite vom Browser-Cache und nicht vom Webserver abgerufen werden. Tutorial Tipp: Mit Expires-Header die Performance von Websites verbessern (Teil 2, Teil 3)
  • Eigenes Template für mobile Geräte verwenden, da diese auf Geschwindigkeit optimiert sind. Tipp für Wordpress: WP-Touch oder WP-Touch Pro (wird auf www.ihrwebprofi.at verwendet).

  Plugin W3 Total Cache

  Eine einfache Möglichkeit, sein Wordpress-Blog zu optimieren, bietet das Plugin "W3 Total Cache". Hier kann man beispielsweise mit einem Klick Seiten-, Objekt-, Datenbankcache oder die GZIP-Komprimierung aktivieren. Für eine detaillierte Konfiguration des Plugins sollte man sich jedoch ausführlicher Zeit nehmen (Tutorial-Tipp: How to Install and Setup W3 Total Cache for Beginners). Kleiner Tipp noch für Caching-Einsteiger: beim Page Cache auch beachten, dass Änderungen am Template erst sichtbar werden, wenn dieser wieder manuell geleert wurde - also nicht wundern, wenn z.B. eine Änderung im Template nicht gleich sichtbar ist.

  Amazon S3 / Cloudfront

  Ein Content Distribution Network ist eine Möglichkeit, um v.a. bei Webseiten mit globalem Publikum für eine gleichmäßige Performance zu sorgen. Dabei werden statische Dateien auf CDN-Server wie z.B. Amazon S3 überspielt und dann abhängig vom Standort des Besuchers von einer unterschiedlichen Region ausgeliefert (im Falle von www.ihrwebprofi.at über den Amazon Webservice Cloudfront). Die Integration eines CDN ist über das Plugin W3 Total Cache einfach möglich. Die Kosten für Webseiten mit geringen  Zugriffszahlen liegen im Cent-Bereich, ein Kalkulationsrechner hilft bei der Kostenabschätzung. Das Festlegen von HTTP expire headers war über Amazon Cloudfront etwas schwierig - neue Header-Infos werden erst mit einigen Stunden Verspätung übernommen und angezeigt. Hilfe bietet hier das (kostenlose) Tool "Cloudberry Explorer", mit dem durch die Funktion "CloudFront Invalidation" diese Wartezeit verkürzt werden kann.

  Zusammenfassung

  Durch die oben genannten Maßnahmen konnte ich z.B. die Ladezeit meiner Startseite von ca. 5 Sekunden auf ca. 2 Sekunden beim ersten Aufruf und auf unter 1 Sekunde ab dem zweiten Aufruf reduzieren. Generell gilt auch hier wie bei jedem IT-Projekt, dass durch zunehmende Customisierung von z.B. Wordpress-Plugins das Update komplexer wird. Oft reichen jedoch bereits einfache Maßnahmen wie Bilder im richtigen Format abspeichern, um einen spürbaren Geschwindigkeitsgewinn zu erzielen. Falls Sie wissen möchten, wieviel Optimierungspotential in Ihrer Webseite steckt, kontaktieren Sie mich bitte. Ich werfe gerne einen unverbindlichen Blick auf Ihre Webseite und sende Ihnen eine kurze Analyse mit konkreten Ansatzpunkten zur Geschwindigkeitsoptimierung.

Nachrichten in Echtzeit spielen in Zukunft eine immer wichtigere Rolle, ob bei Unwetter‐ und Lawinenwarnungen, Zivil‐ und Katastrophenschutz, oder bei Twitter, Facebook und den neuen Location‐Based Services wie Gowalla. Bisher war das Internet nicht in der Lage, solche Anforderungen effizient umzusetzen. Dies ändert sich jetzt mit dem neuen, offenen Standard PubSubHubbub, welcher bereits von großen Internet‐Unternehmen wie Google aktiv forciert und von vielen Experten (u.a. Tim O'Reilly) als "The Next Big Thing" gesehen wird. Wir stehen vor einem Paradigmenwechsel von Pull zu Push, was die Grundlage für das Real‐Time‐Web darstellt. Im Rahmen dieses Projektes soll auf Basis dieses neuen Standards ein universeller und quelloffener Nachrichten‐Hub zur Echtzeit‐Verteilung von Information speziell für die österreichischen Bedürfnisse und Anforderungen implementiert werden.

Requirements

• a self-hosted Wordpress installation (I only tested with Wordpress 2.9.x and 3.0.1)
• PHP5 (might work on PHP4 too, but I didn´t test it)
• a Facebook-, Twitter-, Google- or Yahoo-Account to submit your webservice to wikitude.me
• a compatible smartphone for displaying and testing ;-)

Getting started

1. install and activate the plugin WP-Geo (I only tested the webservice with version 3.1 and 3.2)
2. add location info to posts or pages
3. copy the source code for the webservice into a new file called wikitude.php
4. customize your configuration (fill in at least all REQUIRED fields)
5. upload wikitude.php to your webserver (you can choose any directory you want if you only can connect to the WordPress database from there. My recommendation: http://yourdomain/wp-content/uploads/wikitude/wikitude.php)
6. create a logo (96x96 pixel, png), an icon (32x32 pixel, png) and a thumbnail (64x64 pixel, png) and upload them to http://yourdomain/wp-content/uploads/wikitude for example.
7. sign in with your Facebook-, Twitter-, Google- or Yahoo-Account at wikitude.me
8. click on the button "Wikitude Webservice"
9. enter your webservice URL (http://yourdomain/wp-content/uploads/wikitude/wikitude.php for example) and email-address and press Save.
10. that´s it - if there are no errors, your POIs should be displayed in the Wikitude World Browser within a few minutes :-)

Remarks

• The official Wikitude webservice documentation can be found here: http://wikitude.me/assets/WikitudeWebservice.pdf
• The ARML (augmented reality markup language) Specification for Wikitude 4 can be found here: http://www.openarml.org/wikitude4.html
• The webservice only delivers POIs (Points of Interest) to Wikitude within the radius of the users position which is set in the configuration section ($radiusSet). This variable was introduced for sites with huge amounts of POIs spread throughout the country in order to keep database load low. A good tool to help you determining the ideal radius for your site can be found at FreeMapTools.com
• POI-thumbnails ($wtthumbnailURL), email ($wtemail), phone number ($wtphone) and attachments ($wtattachment) are set globally for each POI. If you want to have different values for each POI, you have to adapt the SQL-statement.
• $latStandard and $lonStandard are set to help you with testing - change this to a location near your POIs and you just have to call your webservice URL in the browser without any parameters to check the results.
• the webservice supports the search function from Wikitude. This means that if a user searches within the Wikitude app, the webservice checks if the search term is found within the title or content of your posts or pages. You can check the results by appending ?searchterm=XYZ to your webservice URL. If search delivers the correct results on your site but don´t show up within the Wikitude app, please contact Wikitude support (info@mobilizy.com). When I submitted Webtermine.at initially, the search function was disabled by default because most content provider didn´t support this feature and it had to be enabled manually by Wikitude for each webservice.

Source Code

Government transparency is that rarest of political phenomena — a great idea with support across the political spectrum and popularity among the public. Yet, here we are in the 21st century with every tool we would need to make government more transparent and accountable, and still we are operating with a government that often behaves as it did in the 19th century. So, transparent government is a good thing, but we do not yet have one. Now what? This “Cycle of Transparency” demonstrates, in one image, the specific actions and the variety of actors that need to work together to create the open, transparent government we seek. We hope this graphic can be a useful tool in thinking about how to make city, state, federal, and even international governments more transparent. Each type of actor and action complements the others in the Cycle to make every other element easier, or even possible at all. Of great importance is that just about anyone – from hardcore Internet developers to academics to government staff to reporters to activists – has a place in it.

• PNG-Datei, 525x521 Pixel, 89kb
• PNG-Datei, 3282x3257 Pixel, 576kb
• PDF Hochformat
• PDF Querformat

• Social Media
• Wordpress
• opendata/open-government
• mobile web/mobile Applikationen

Beschreibung

• Social Media (Facebook, Twitter-Integration, Share Buttons)
• Suchmaschinenoptimierung (on site)
• Template für mobile Geräte wie iPhone oder Android Smartphones
• Security (Abwehr der gängigsten Hackerangriffe)

Beschreibung