Artikel mit Tag transitions

Building Firefox OS - Leichter Einstieg in die Entwicklung von Firefox OS Apps, dank Vorlagen

Firefox OS soll ab Juni in Brasilien, Polen, Portugal, Spanien und Venezuela erhältlich sein. Deutschland muss sich leider noch bis 2014 gedulden.
Zur Verkürzung der Wartezeit, bietet es sich an, die kommende Umgebung etwas genauer unter die Lupe zu nehmen. Im besten Fall heißt das, gleich eine eigene App für Firefox OS zu entwickeln.

Der Einstieg in eine neues System ist bestimmt nicht der einfachste, auch das Erstellen einer eigenen Anwendung könnte am Anfang oft leichter fallen. Um dies zu erleichtern, kann es sinnvoll sein Standardvorgänge des Betriebssystems, wie Texteingabe, Umblättern, Buttons aktivieren oder Farbübergänge zu kennen, dadurch würde die Hemmschwelle für Firefox OS zu entwickeln deutlich niedriger ausfallen, als bei Konkurrenzsystemen. Diese Problematik wollen zwei Telefonica Mitarbeiter mit der Seite Building Firefox OS lösen. Der Ansatz erscheint auf den ersten Blick schon sehr gut.

Auf der Webseite sind zahlreiche Standardvorgänge und Vorlagen des zukünftigen Firefox OS mit Codebeispielen und Illustration gelistet. Diese stehen jedem der Interesse an der Entwicklung von Firefox OS Apps hat, frei zur Verfügung.

Grundbausteine (BuildingBlocks)

Hier besteht die Möglichkeit, die einzelnen Komponenten in Form von CSS Code herunterzuladen, um sie in eine eigene App einzubinden. Gelistet sind bereits:

  • Bestätigen (Confirm)
  • Editieren (edit)
  • Aktionen (action menu)
  • Statusmeldung (status)
  • Buttons (buttons)
  • Filter (filters)
  • Kopfleisten (headers)
  • Prozesse und Aktivitäten (progress / activities)
  • Listen (lists)
  • Scrollen (scrolling)
  • Suchleisten (seek bars)
  • Schalter (switches)
  • Tabs (tabs)
  • Werkzeugleisten (toolbars)
  • Bezeichner(drawers)
  • Eingabefelder (input areas)
  • Auswahl (value selector) 

buttons_firefoxos

Visuelle Komponenten (UI Common Controls)

Neben den Grundmitteln, dürfen natürlich Stylekomponenten nicht fehlen, das Auge telefoniert ja bekanntlich mit.

Praktischerweise lassen sich hier Komponenten als PSD Vorlage, also Photoshop Datei heruntergeladen.

  • Farben und Schriften (Fonts & Colors)
  • Buttons (buttons)
  • Eingabefelder (input areas)
  • Navigation und Benachrichtigungen (navigation / notification)
  • Listen (list items)
  • Hintergründe und Banner (backgrounds / headers)
  • Tastatur bzw. Wähltastatur (keyboard /dialpads) 

Navigation_and_Notifications_Building_Firefox_OS

Übergänge (Transitions)

Gemeint sind damit Bildschirmwechsel oder das Öffnen von Anwendungen. Inhaltlich bezieht sich dieser Bereich bisher auf folgendes:

  • Taskwechsel (task switching)
  • Öffnen und Schliessen von Anwendungen (Opening and closing apps)
  • Anwendung spricht Anwendung an (app invokes app)
  • Anzeige (prompts)
  • Navigation innerhalb einer App (in app navigation)
  • Anrufe (calls)

task_switching_firefoxos

Fazit

Mit dieser Masse an Vorlagen und Codebeispielen, sollte es jeden recht leicht fallen eine eigene App zusammenzustellen. Klar steckt der Teufel im Detail, dennoch erleichtern die Templates den Einstieg in die Entwicklung von Firefox OS Apps ungemein.

Piwik 1.9 - Mit Transitions Durchgangsverkehr auf Webseiten grafisch aufbereiten und Standortbestimmung per GeoIP

Gestern Nacht war es soweit, Piwik machte den Sprung zu Version 1.9. Mit an Bord waren große Neuerungen, welche bereits im Vorfeld angekündigt wurden, wie beispielsweise "Transitions".

Nachdem der Apache das Update nicht ganz überlebte und manuell neu gestartet werden wollte, rate ich allen (wie immer) zu einer Sicherung vor dem Update. Danach konnte ich jedoch ohne weitere Probleme die Änderungen begutachten.

Page Transitions - Durchgangsverkehr auf Webseiten

Mit den Page Transitions erhält das Webseitenanalysetool ein Plugin, welches die eingehenden und ausgehenden Webseiten jedes Besuchers grafisch darstellt. Die Page Transitions zeigen jedem Webmaster im Detail ob ein Besucher von internen Seiten, der Suche, von Suchmaschinen oder anderen Webseiten kommt bzw. direkt zugegriffen hat. Gleiches gilt für die Ausstiegsseiten, konnte der Benutzer auf der Seite gehalten werden, hat er etwas heruntergeladen oder die Webseite schlicht und einfach verlassen.
Das Plugin unterteilt die ermittelten Werte sinnvoller Weise in Ströme und stellt diese auch als solches dar. Zu jedem einzelnen Strom werden zusätzlich die prozentualen Anteile zu den totalen Seitenansichten eingeblendet.

transitions

Wo finde ich Transitions in Piwik

Wer einen Menüpunkt sucht, wird wahrscheinlich lange Suchen, denn auf den ersten Blick zeigen sich die Transitions nur unter den Plugins. Da es sich um eine Analyse beim Aufrufen bestimmter Seiten handelt, ist diese unter "Aktionen\Seitentitel" zu finden. Dort findet man neben jedem Seitentitel ein Transitionsymbol sobald die Maus dorthin bewegt wird, dieses öffnet die grafische Auswertung.

transitions_oeffnen

Standortbestimmung mit GeoIP

Ebenfalls neu in Version 1.9 ist die Möglichkeit der genauen Standortbestimmung von Besuchern, zu finden unter "Einstellungen\Standortbestimmung". Bisher war es möglich eine Aussage über das Herkunftsland zu treffen,mit der neuen Technik soll die Auswertung nach Städten und Regionen ermöglicht werden. Dazu stehen drei Verfahren zur Verfügung:

  • Standard: An Hand der Browsersprache, was natürlich recht ungenau ist.
  • GeoIP: Mit Hilfe einer GeoIP Datenbank und der PHP API von MaxMind, um den Standort der Besucher exakt zu bestimmen.
  • GeoIP (PECL): Ist für trafficlastige Seiten gedacht und basiert ebenfalls auf einer GeoIP Datenbank. Diese Methode ist wohl die effektivste.
  • GeoIP (Apache): GeoIP Tracking über den eigenen Apache Server.

GeoIP installieren

Für diese Methode muss lediglich die benötige Datenbank heruntergeladen und installiert werden

  • GeoLiteCity Datenbank herunterladen
  • Entpacken und umbenennen "GeoIPCity.dat"
  • In den Misc Ordner hochladen "/pfad/zu/piwik/misc"
  • Unter "Einstellungen\Standortbestimmung" aktivieren

GeoIP (PECL) installieren

Bei der PECL Methode handelt es sich nicht nur um die effizienteste, sie ist auch schnell installiert. Hier ein Anleitung für Ubuntu Systeme:

  • sudo apt-get install php5-geoip
  • sudo pecl install geoip
  • PHP.ini um folgenden Eintrag ergänzen: extension=geoip.so
  • Pfad zu Piwik in der PHP.ini anpassen: geoip.custom_directory=/pfad/zu/piwik/misc
  • Wenn die GeoLiteCity.dat DB verwendet wird, muss diese noch in GeoIPCity.dat umbenannt werden, damit sie erkannt wird

Weitere Details zur Installation

Interne Suche analysieren

Letzte große Neuerung von Piwik 1.9 stellt die Untersuchung der internen Suche einer Webseite dar. Diese steht unter "Aktionen\Interne Suche" zur Verfügung und bietet einen Überblick über Suchbegriffe und besuchte Seiten.

piwik_interne_Suche

Download Piwik 1.9