bb-applications

Die Mosaik Kerzen iPad App ist da.

Die App zur Vetriebsuntertützung wurde in Zusammenarbeit mit dem Kunden speziell für seine Bedürfnisse und Arbeitsabläufe entwickelt.

Die Umsetzung erfolgte größtenteils mit Cordova und Backbone.  

    Backbone hat sich wieder einmal als perfektes Tool für komplexere Apps bewiesen und bleibt unschlagbar.

  Als weitere extrem hilfreiche Tools haben sich bei der Entwicklung List.js und TaffyDB erwiesen.

List.js bietet die Möglichkeit, Suchen mit Fuzzy-Logik, Filter und Paging zu implementieren. Alles extrem schnell und einfach.  TaffyDB ist die ideale Wahl, um  Datenbankfunktionen auf JSON-Daten anzuwenden. 

  Mosaik Kerzen war eine Auftragsarbeit von COMU GmbH und Mosaik Kerzen.

Die Tankerkönig App für iOS ist da. 

Die App wurde mithilfe von Cordova, Angularjs und Ionic umgesetzt.

Ionic hat sich hierbei als sehr gute Alternative zu Backbone.js herausgestellt, welches ich bisher bevorzugt für Hybrid-Apps benutzte. Das Entwickeln mit Ionic und Angular macht Spaß und geht flott von der Hand. Alles in allem kann ich Ionic zur App-Entwicklung durchaus empfehlen.

    Infos zur App:

Tankerkönig bringt Sie sofort zur nächsten günstigen Tankstelle in Deutschland. Die App ist bewusst einfach zu bedienen - sie führt sofort zum Ziel.

Es werden die Tankstellen in der Umgebung mit den aktuellen Kraftstoffpreisen angezeigt. Alternativ können Sie Tankstellen nach Postleitzahl, Ort oder Favoriten anzeigen.

Die Einstellungen zur Spritsorte, Suchradius und Sortierung werden gespeichert und beim nächsten Start wieder verwendet.

Die kürzlich veröffentlichte Seite für den SomaFM iPhone-Simulator hat jetzt eine eigens entwickelte Custom Receiver-App für  Googles Chromecast erhalten.

Wenn Sie die Seite mit dem Google Chrome Browser besuchen und und die Google Cast Extension installiert haben, können Sie die SomaFM-Kanäle auch direkt an die speziell entwickelte Chromecast Receiver App senden. Das "iPhone" links dient dann als "Fernbedienung". Vorrausgesetzt Sie haben einen Chromecast Stick an Ihrem Fernseher angeschlossen, können Sie so die Kanäle von SomaFM auf ihrem FullHD Fernseher geniesen.

Für Interessierte: hier gibt es eine Anleitung wie man den Chromecast Receiver anspricht bzw. hier für den Bau einer Custom-Receiver App.

Da wünscht man sich Apple-TV wäre so offen, aber vielleicht kommt in absehbarer Zeit ja noch die Funktionalität Apps fürs Apple-TV zu schreiben.

Sagt alles:

Der Simulator für die "somafm Webapp" ist jetzt endlich fertig.

Wer Lust auf ausgefallenere (gute) Musik hat, kann jetzt auch im Browser die Radiosender von somafm streamen.

SomaFM ist ein nicht kommerzieller, werbefreier Internetsender mit 20 Radiostationen zu verschiedenen Musikrichtungen, die von elektronischer Musik bis Indie-Rock reichen.

hier klicken und chillen ... 

  Die Webapp wurde ursprünglich mit jQuery mobile, exklusiv für das iPhone entwickelt. Mit dem Simulator und ein paar Hilfsbibliotheken wie MediaElement.js sollte die App aber auch auf anderen Browsern einigermaßen Funktionieren. Leider ist HTML5 Audio immer noch nicht wirklich browserübergreifend ausgereift, vor allem wenn einem nur mp3 Streams zur Verfügung stehen. Aber mit kleinen Helfern wie MediaElement.js kann man auch heute schon Spaß damit haben.

Add to homescreen das beliebte JavaScript Widget, um Webapps auf den Homescreen zu platzieren, wurde in der Version 3 veröffentlicht.

Neuerungen:

kompatibel mit mobile Chrome Browser

Nachricht unabhängig von Bildschirmauflösung

Trackingmöglichkeit

Matteo Spinelli der Entwickler des Scripts ist vor allem durch die iscroll Komponente bekannt, aber auch "add to homescreen" findet sich auf zahlreichen Webapps wieder, um den Benutzer darauf hinzuweisen die App auf dem Homescreen zu speichern. 

  Besten Dank nochmals an Matt für die großartigen Scripte.

Die bb-applications Website wurde die letzten Tage redesigned. Das neue Layout ist jetzt responsive und somit auch auf allen Smartphones und Tablets darstellbar.  

Beim Responsive Webdesign (im Deutschen auch responsives Webdesign) handelt es sich um einen gestalterischen und technischen Ansatz zur Erstellung von Websites, so dass diese Websites auf Eigenschaften des jeweils benutzten Endgeräts reagieren können. Der grafische Aufbau einer „responsiven“ Webseite erfolgt anhand der Anforderungen des jeweiligen Gerätes, mit dem die Seite betrachtet wird. Dies betrifft insbesondere die Anordnung und Darstellung einzelner Elemente, wie beispielsweise Navigationen, Seitenspalten und Texte. Technische Basis hierfür sind neuere Webstandards wie HTML5, CSS3 und JavaScript. (Quelle: wikipedia)

Gremlins.js ist ein geniales Werkzeug um HTML-Oberflächen und Apps einem "Monkey-Test" zu unterziehen. Die JavaScript-Bibliothek läuft im Browser oder Node.js. Einmal installiert erzeugt das Tool wahllos Click-Events bzw. Eingaben in Formularfeldern.

Die Installation gestaltet sich recht einfach (siehe github readme)

<script src="path/to/gremlins.min.js"></script> <script> gremlins.createHorde().unleash(); </script> 

Eine Horde Gremlins auf der Website ...

JetBrains haben in den neuesten Versionen ihrer Entwickler-Tools (IntelliJ, WebStorm, PHPStorm etc.)  jetzt Spy.js eingebaut. Spy.js hilft in erster Linie bei der Performance-Optimierung von JavaScript. DOM-Events lassen sich damit einfach und schnell nachvollziehen.

Spy.js benötig Node.js, welches als Proxy-Server dient. Das Tool ist hervorragend in die JetBrains Produkte integriert und einfach zu konfigurieren.

Spy.js lässt sich aber auch ohne die schicken Produkte von JetBrains benutzen und bietet eine Standalone Web-UI.   JavaScript-Tracing, Profiling und Debugging funktioniert mittels Spy.js mit allen Browsern, Geräten und Palttfomen.

  Ein kurzes Video (WebStrom 8 - Integration) veranschaulicht die Funktionalität.

Phongap ist eine feine Sache. HTML5 auch. Das Entwickeln geht schnell von der Hand und macht Spaß - zumindest solange man sich nur auf der iOS Plattform bewegt. 

Wird eine Portierung nach Android gefragt, ist es mit der Begeisterung dann schnell vorbei.

Irgendwie scheint jedes Android-Gerät seine WebView anders zu implemtieren. Geräte-Hersteller vermurksen durch „tolle“ Features das Betriebssystem und gerne mal die WebView. Da wird munter ein eigener Layer über Eingabefelder gepinselt, die Browser-Kompmente versteht plötzlich einfachste Tags nicht mehr und das CSS wird mal anders und manchmal gleich gar nicht verstanden.

Neuere Android-Version beheben dann die Probleme von älteren und schaffen gleich wieder doppelt soviel neue. Kurzum. HTML5 und Android macht nicht wirklich Spaß.

Unter dem schönen Titel „The Pains and Remedies of Android HTML5“ hat sich zum Glück einmal jemand die Mühe gemacht einige der gemeinsten Ärgernisse zu sammeln und bietet zum ein oder anderen Problem auch gleich die Lösung. 

Jeder der schon einmal in den „Genuss“ gekommen ist eine Android App zu Entwickeln, wird sich sicherlich fragen, was Google sich eigentlich bei dem grottenschlechten Emulator gedacht hat, der mit dem Android-SDK ausgeliefert wird. Einmal gestartet möchte man das Ding am liebsten gleich wieder löschen - auf jeden Fall nie wieder freiwillig benutzen. Kurz: Der original Android Emulator ist ein Zumutung.

Abhilfe schafft hier genymotion. Genymotion läuft in der VirtualBox und bietet X86 Images zur Emulationen von verschiedenen Android-Devices. Zusätzlich bietet genymotion den Zugriff auf Sensoren, variable Display-Größen und vor allem: „Es ist schnell“.

Plugins für IntelliJ bzw. Eclipse erlauben die direkte Integration in die Lieblings-IDE. ADB wird komplett unterstützt.

Nachdem meine Lieblings-IDEs von JetBrains gerade alle ein Update bekommen haben, habe ich mal auf die Suche nach sinnvollen Ergänzungen dazu gemacht.

Ein absolutes Highlight im Plugin-Repository von JetBrains stellt für mich ganz klar das Dash-Plugin dar. Dash ist einer der besten Documentation-Browser und Snippet-Manager für OS X. Mit dem Dash-Plugin lässt sich durch einen Keyboard-Shortcut jetzt direkt die Dokumentation in Dash anzeigen.

Das Plugin funktioniert wundbar mit der neuesten IntelliJ-IDE, Appcode und PHPStrom. Die Tools von JetBrains sind ohnehin alle großartig. Mit dem Plugin wird das Arbeiten zum reinsten vergnügen.

Addy  Osmani der JavaScript-Guru der unter anderem  backbone.js ins Leben gerufen hat, hat auf der Chrome DevTools docs site ein interessantes Guide zum Thema JavaScript Memory Profiling veröffentlicht.

Das Guide befasst sich unter anderem mit

object allocation

timeline memory

heap profiles 

und weiteren intereressanten Details rund um JavaScript.

Mit iOS 7 hat die iOS Plattform auch einen neuen Safari bekommen.

Sehr zum Leidwesen von Web-Entwicklern ist dieser allerdings noch nicht wirklich eine Verbesserung zum Vorgänger, sondern bringt gleich eine Handvoll neuer Probleme mit sich.

So lassen sich z.B. in WebApps derzeit  keine JavaScript Alerts bzw Confirms mehr benutzen. Auch die Änderung der Screengröße durch das geänderte Verhalten der Statusbar bringt diverse Probleme mit sich.

Nachdem iOS7 nun seit knapp 2 Wochen offiziell erhältlich ist, wird es höchste Zeit eventuelle PhoneGap Projekte auf den aktuellen Stand anzupassen.

Builds von älteren Projekten mit dem ebenfalls neuen Xcode 5 stellen  kein wirkliches Problem dar. Lediglich das unter "Status Bar Issue" bekannte Problem gilt es zu lösen. Wer Probleme mit seiner WebView hat die plötzlich in die Statusbar läuft, kann entweder die Sourcen innerhalb vom MainViewController.m anpassen oder noch einfacher die Hinweise von folgenden Blogppost von Christophe Concreats befolgen.    

OpenSignal hat kürzlich den Android Fragmentation Report July 2013 veröffentlicht.

Der Report bietet interessante Ansichten über den Fragmentierungsgrad nach Geräten, Marke und Bildschirmgröße.

Für Entwickler gestaltet sich die zunehmende Android-Fragmentierung so langsam zu einem echten Problem. Man weiß bei der Android-Plattform nicht mehr für welche Geräte man eigentlich entwickelt. Von "untermotorisierten" 400MHz Single Core Prozessoren, bei denen das Gerät schon mit dem Betriebssystem überfordert ist, bis hin zu "High-End Monstern" mit 3 GHz Quadcore Prozessoren ist die Palette weit gestreut.

So richtig Spaß macht das Ganze schon lange nicht mehr. Zwar bietet die starke Fragmentierung für Kunden den Vorteil, sich ein Gerät nach genau seinen Wünschen zu ergattern. Die Qualität der Apps leidet aber schon jetzt deutlich unter der Vielfalt.

Hinzu kommt die Update-Problematik beim Android-Betirebssystem. Die meisten der Geräte haben bereits bei der Auslieferung schon ein veraltetes Betriebssystem und Updates auf eine neuere Version werden bei den Herstellern , wenn überhaupt, nur mit großen Verspätungen angeboten. Für die meisten Geräte gibt es schlicht kein Update, weil die Hersteller lieber neue Geräte verkaufen, als die Möglichkeit zu bieten ältere Geräte auf dem neuesten Stand zu halten. Oft wird das Betriebssystem aber auch  bereits mit hauseigenen Features bereits so "verbastelt", dass eine Aktualisierung schlichtweg zu aufwändig wäre.

Traurig, traurig. 

Neugierige können ab sofort Mozillas Open Source Mobil-Betriebssystem FirefoxOS einfach auf dem Windows, Mac oder Linux PC testen. 

Dazu wird in einem aktuellen Firefox-Browser einfach die FirefoxOS Simulator Extension installiert. Alternativ dazu kann man auch die Standalone-Variante FirefoxOS Simulator Alpha installieren.

Die Browser-Extension lässt sich nach der Installation über "Web Developer" -> "Firefox OS Simulator" starten.

Nach dem Start bootet Firerfox OS in den typischen Lock Screen. von wo aus man das neue Mobile Betriebssystem testen kann.

      Erster Eindruck:

Die Bedienung gleicht Bekanntem aus iOS und Android. Die Anwendungen basieren jedoch ausschließlich auf HTML5, sind also eigentlich Webapps . Zumindest im Simulator merkt man davon aber nichts. Die Anwendungen starten schnell und lassen sich flüssig bedienen.