Kolumne: EnterpriseTales

Just another Client: Mobile HTML

Matthias Weßendorf, Lars Röwekamp


Mobile First – Mobile Only...var myConnection = navigator.connection.type; switch(myConnection) { case "2g": // handle 2g break; case "none": // handle none break; case "unknown": // handle unknown connection type break;.... unknownethernetwifi2g3g4gnoneSichtbar oder etwa nicht?Listing 1document.addEventListener("visibilitychange", function(event) { // Seite sichtbar? if (document.hidden) { // }  //Abfragen des genauen 'visibilityState': var myVisibility = document.visibilityState; ... }, false); document.addEventListener("visibilitychange", function(event) { // Seite sichtbar? if (document.hidden) { // }  //Abfragen des genauen 'visibilityState': var myVisibility = document.visibilityState; ... }, false); myWebSocketConnection.onmessage = function(event) {   if (! document.hidden) { var payload = event.data; ... }}; Den Batteriezustand im Griff!Listing 2...var battery = navigator.battery; // listener:battery.ondischargingtimechange = function() { console.log("Verbleibende Sekunden der Batterielaufzeit: " + battery.dischargingTime);};battery.onlevelchange = function() { console.log("Batterie Status: " + (battery.level * 100) + "%");};......var battery = navigator.battery; // listener:battery.ondischargingtimechange = function() { console.log("Verbleibende Sekunden der Batterielaufzeit: " + battery.dischargingTime);};battery.onlevelchange = function() { console.log("Batterie Status: " + (battery.level * 100) + "%");};...Fazit Lars Röwekamp ist Geschäftsführer der open knowledge GmbH und berät seit mehr als zehn Jahren Kunden in internationalen Projekten rund um das Thema Enterprise Computing (Twitter: @mobileLarson). [2] http://www.abookapart.com/products/mobile-first[3] http://www.likeness.com/[4] http://www.w3.org/TR/netinfo-api/[5] http://www.w3.org/TR/page-visibility/[6] http://www.w3.org/TR/battery-status/

Unter [1] und [2] führt Luke Wroblewski wichtige Gründe auf, warum bei der Planung einer neuen Webanwendung das „mobile Frontend“ sogar im Vordergrund stehen sollte. Neben dem Mobile First-Ansatz gibt es im Silicon Valley auch einige Firmen, die ihre Anwendungen nach dem Mobile Only-Prinzip erstellen [3]. Neben dem naheliegenden Problem der deutlich kleineren Displays gibt es aber auch noch eine Reihe anderer Dinge, die in einer guten mobilen Anwendung beachtet werden sollten, wie beispielsweise die jeweils aktuelle Empfangsstärke oder der Status der Batterie. Während derartig...

Kolumne: EnterpriseTales

Just another Client: Mobile HTML

Matthias Weßendorf, Lars Röwekamp


Mobile First – Mobile Only...var myConnection = navigator.connection.type; switch(myConnection) { case "2g": // handle 2g break; case "none": // handle none break; case "unknown": // handle unknown connection type break;.... unknownethernetwifi2g3g4gnoneSichtbar oder etwa nicht?Listing 1document.addEventListener("visibilitychange", function(event) { // Seite sichtbar? if (document.hidden) { // }  //Abfragen des genauen 'visibilityState': var myVisibility = document.visibilityState; ... }, false); document.addEventListener("visibilitychange", function(event) { // Seite sichtbar? if (document.hidden) { // }  //Abfragen des genauen 'visibilityState': var myVisibility = document.visibilityState; ... }, false); myWebSocketConnection.onmessage = function(event) {   if (! document.hidden) { var payload = event.data; ... }}; Den Batteriezustand im Griff!Listing 2...var battery = navigator.battery; // listener:battery.ondischargingtimechange = function() { console.log("Verbleibende Sekunden der Batterielaufzeit: " + battery.dischargingTime);};battery.onlevelchange = function() { console.log("Batterie Status: " + (battery.level * 100) + "%");};......var battery = navigator.battery; // listener:battery.ondischargingtimechange = function() { console.log("Verbleibende Sekunden der Batterielaufzeit: " + battery.dischargingTime);};battery.onlevelchange = function() { console.log("Batterie Status: " + (battery.level * 100) + "%");};...Fazit Lars Röwekamp ist Geschäftsführer der open knowledge GmbH und berät seit mehr als zehn Jahren Kunden in internationalen Projekten rund um das Thema Enterprise Computing (Twitter: @mobileLarson). [2] http://www.abookapart.com/products/mobile-first[3] http://www.likeness.com/[4] http://www.w3.org/TR/netinfo-api/[5] http://www.w3.org/TR/page-visibility/[6] http://www.w3.org/TR/battery-status/

Unter [1] und [2] führt Luke Wroblewski wichtige Gründe auf, warum bei der Planung einer neuen Webanwendung das „mobile Frontend“ sogar im Vordergrund stehen sollte. Neben dem Mobile First-Ansatz gibt es im Silicon Valley auch einige Firmen, die ihre Anwendungen nach dem Mobile Only-Prinzip erstellen [3]. Neben dem naheliegenden Problem der deutlich kleineren Displays gibt es aber auch noch eine Reihe anderer Dinge, die in einer guten mobilen Anwendung beachtet werden sollten, wie beispielsweise die jeweils aktuelle Empfangsstärke oder der Status der Batterie. Während derartig...

Neugierig geworden?


    
Loading...

Angebote für Teams

Für Firmen haben wir individuelle Teamlizenzen. Wir erstellen Ihnen gerne ein passendes Angebot.

Das Library-Modell:
IP-Zugang

Das Company-Modell:
Domain-Zugang