Xamarin – Cross Platform Mobile Development (1/3)

mobile_devices

Mobile hier – Mobile da, mittlerweile muss beinahe alles zumindest mobil zugänglich sein. Dabei wird zwischen Mobile optimierten Websites, reinen Web-Apps und den klassischen native Apps unterschieden. Letztere werden dediziert für eine zuvor definierte Zielplattform entwickelt. Da mehrere sich stark … Weiterlesen

Namics auf der JAX 2014

Mit 6 Mitarbeitern war die Namics dieses Jahr auf der JAX 2014 (http://jaxenter.de/events/JAX-2014) in Mainz vertreten. Die JAX ist die führende Konferenz für Java Enterprise-Technologien. An 5 Tagen fanden 230 Vorträge mit 200 Speakern statt. Da war natürlich die neue Java Version 8 ein Hauptthema. Neben Java gab es jedoch noch viele andere spannende Themenbereiche zu entdecken wie Big Data, Mobile, NoSQL Datenbanken, Spring, Continuous Delivery, Agile und Security.

JAX 2014 Rheingoldhalle
Mit bis zu 13 parallelen Tracks fiel die Wahl für den jeweils nächsten Vortrag schwer. Da erwies sich der Besuch als Gruppe von Vorteil. In den Pausen konnte man sich gut über gewonnene Eindrücke und Trends austauschen. Auch den einen oder anderen Namics-Kunden konnte man hier antreffen. (more…)

Namics am Adobe EMEA Summit

2014-05-14 09.45.21

Wir konnten vergangene Woche wiederholt am Adobe EMEA Summit in London teilnehmen. Als Business Premium Plus Partner von Adobe bedeutet das, dass sich die Veranstaltung für uns über drei Tage erstreckt, darunter einige Keynotes im Plenum von 3’800 Teilnehmern und … Weiterlesen

Oculus Rift: Ansätze für sorgenfreies virtuelles Eintauchen (Teil 2)

vr_intro

Was gilt es zu beachten bei der Konzeption? Im ersten Teil dieses Posts habe ich die Herausforderungen im Bereich VR Technik und ein daraus mögliches Vorgehen beleuchtet. Im zweiten Teil werden nun 7 konkrete Konzeptionskriterien für VR Applikationen genauer untersucht, … Weiterlesen

Oculus Rift: Ansätze für sorgenfreies virtuelles Eintauchen (Teil 1)

Oculus Rift Testausrüstung

Das Erlebnis mit der ersten Entwicklerversion der VR (Virtual Reality) Brille Oculus Rift ist einmalig. Anzusiedeln irgendwo zwischen totaler Immersion und übelster Seekrankheit. Wer bereits an einem unserer internen Events die VR Brille ausprobieren konnte, kann sich sicher noch gut … Weiterlesen

Tauchen Sie mit uns ein in die Welt der Wolke!

Cloud Computing ermöglicht Online Anwendungen flexibel und kosteneffizient in einer skalierbaren und fehlertoleranten Infrastruktur zu betreiben. Wir geben in unserem neuen Whitepaper einen Überblick über die wichtigsten Cloud Computing-Ansätze.

Markus Tressl, Senior Principal Consultant und Head of Content Technologies bei Namics hat den Autor Simon Loesing dazu befragt.

(more…)

Toolvergleich JMeter versus ProxySniffer

JmeterVsPS2

Es gibt  eine Vielzahl  von Tools im Internet, die sich ausführlich mit dem Thema Lasttests befassen. Es  gibt viele Tools die ganz einfach einen Server mit einer vorgebebenen Requestabfolge anfragen können, in der Regel  ein paar Logfiles aufbereiten und die … Weiterlesen

GWT Blog-Serie – Die Vorteile für Entwickler (4/4)

Zum Abschluss meiner Blog-Serie will ich nun noch die Vorteile für Entwickler von GWT Anwendungen aufzeigen. In den Vorherigen Blogposts habe ich bereits erklärt was GWT ist, wie GWT die Performance der Browser optimal ausnutzt und dass sich GWT auf dem mobilen Markt mit jQuery Mobile und Sencha Touch messen kann.

GWT aus Entwicklersicht

Aus Entwicklersicht geht GWT einen komplett anderen Ansatz als andere Web Developer Frameworks. Normalerweise programmiert man in einem Web Developer Framework clientseitigen Code in JavaScript und serverseitigen Code in einer anderen Sprache wie z.B. Java, C# oder PHP.

Bei GWT wird der client- und der serverseitige Code in Java programmiert. Ein GWT Entwickler brauch theoretisch keine HTML Kenntnisse um eine Top Anwendung zu entwickeln. Praktisch gibt es jedoch viele Vorteile wenn man über diese verfügt, spätestens wenn man eigene Widgets programmieren möchte.

Quelle: The Future of GWT Report, 2012, Vaadin

Quelle: The Future of GWT Report, 2012, Vaadin

Vorteile von GWT

Als Entwickler bieten sich durch die Nutzung von Java als Frontend-Sprache diverse Vorteile. Aus einer Umfrage von Vaadin, haben sich die Entwickler für folgende Vorteile ausgesprochen:

Quelle: The Future of GWT Report, 2012, Vaadin

Quelle: The Future of GWT Report, 2012, Vaadin

Debugging

Aus meiner Erfahrung mit JavaScript Frontend Projekten, weiss ich, dass es nicht immer simpel ist JavaScript Code zu debuggen. Vor allem wenn ein Fehler in einer externen Library auftritt, kann das Debuggen sehr aufwändig werden. Clientseitiger Code kann mit GWT direkt in der IDE gedebuggt werden, als wäre es eine normale Java Anwendung, was eine grosse Erleichterung mit sich bringt.

Refactoring

Es können alle Refactoring Funktionen der IDE genutzt werden.

Community

Hinter GWT steht eine grosse Community. Bei Fragen zu GWT findet man z.B. auf Stackoverflow zu fast allen eine Antwort.

Testing

Automatisches Testen von clientseitigem Code ist immer schwierig in Web Anwendungen. Dank der strikten Trennung zwischen Logik und Layout kann auch der clientseitige Code mit allen bekannten Tools aus der Java Welt getestet werden. So können Tools wie JUnit, Test NG, JMock oder andere Mocking-Libraries eingesetzt werden.

Stateless Server

Dank der Stateless Servers lässt sich GWT sehr gut skalieren.

Back-Button Support

GWT verfügt über einem eingebauten Browser-Back-Button Support trotz der ausgiebigen Nutzung von AJAX-Requests. Als Entwickler muss man sich nicht selber darum kümmern.

Schnelles Entwickeln

Wenn man das Konzept von GWT verstanden hat, ist man extrem schnell im Entwickeln mit GWT.

Google App Engine Integration

GWT bietet volle Integration in Google App Engine. Als Entwickler kann man so schnell eine funktionierende App zusammenstellen und veröffentlichen ohne sich grosse Gedanken über den Backend-Server zu machen.

Nachteile von GWT

In der Umfrage von Vaadin wurde auch gefragt, wo die Nachteile von GWT liegen. Hier bin ich nicht mit allen Punkten gleicher Meinung.

Quelle: The Future of GWT Report, 2012, Vaadin

Quelle: The Future of GWT Report, 2012, Vaadin

Widgets

Es stimmt zwar, dass nicht genügend gute Widgets vorhanden sind. Aber ich empfinde das nicht als Nachteil. Denn eigene Widgets sind schnell programmiert. Wer eine coole Web Anwendung programmieren will, der muss so oder so die Widgets anpassen, damit sie seinen Ansprüchen entsprechen. Es gibt ausserdem viele Libraries wie z.B. Smart-GWT, welche besser Widgets anbieten.

Dev-Mode Refresh Time

Dies ist tatsächlich so, dass es etwas lange dauert, bis man seinen Code testen kann. Aber GWT hat den Super Dev Mode eingeführt, womit sich client code ohne neues Kompilieren schnell testen lässt. Für mich persönlich reichte der normale Dev Mode bis anhin. Den Super Dev Mode habe ich noch nicht ausprobiert.

Getting started with GWT is difficult

Weil der Ansatz wie man Webanwendungen entwickelt von GWT ganz anders ist als bei anderen Web Development Frameworks, braucht es einer ernsthaften Einarbeitung, bis man alle Konzepte verstanden hat. So können in clientseitigem Code zum Beispiel nicht alle Features von Java verwendet werden (z.B. kein Reflection).

Viele Wege führen nach Rom

Es werden immer wieder neue Konzepte eingeführt, welche dann ältere ablösen. Das bringt Vor- und Nachteile. So gibt es z.B. verschiedene Ansätze für die Kommunikation zwischen Server und Client oder verschiedene Möglichkeiten wie man Events behandelten kann. Bei der Entwicklung von GWT Anwendungen sollten sich die Entwickler am Anfang auf eine Technik einigen, wenn die entsprechenden Problemstellungen zur Anwendung kommen.

Persönliche Erfahrung mit GWT

Ich startet im Zuge meiner Bachelor Arbeit an der ZHAW in Winterthur mit dem Programmieren in GWT (2012).

Die Aufgabe bestand darin, ein Framework zu entwickeln, womit sich mobile Apps im Baukastenformat erstellen lassen. Der Benutzer der Anwendung sollte die Möglichkeit haben, verschiedene Module auszuwählen und diese dann als App zu publizieren. Der ganze Inhalt sollte im Web verwaltet werden können, wie in einem CMS. Die Entwickler sollten ausserdem die Möglichkeit haben, dass Framework individuell mit neuen Bausteinen zu erweitern, ohne den Core zu bearbeiten. Ein weiteres Key-Feature sollte die Skalierbarkeit sein. Es sollte möglich sein, das App-CMS auf einem Server zu betreiben und damit tausende Apps zu verwalten.

Architektur

Ich habe mich dann für GWT mit MVP-Architektur  für das Frontend und Google App Engine für das Backend entschieden. Alles wird in Java programmiert. Für die Persistenz wurde JDO verwendet.

Somit konnte ich das Framework losgelöst von den App-Bausteinen programmieren. Jeder Baustein konnte dann im Anschluss wiederum für sich entwickelt werden.

MVP-Archtiektur

Die MVP-Architektur ähnelt sehr der MVC-Architektur. MVP heisst Model-View-Presenter.

Ein Baustein besteht aus Client- und Serverklassen. Auf Serverseite bestehen hauptsächlich Model-Klassen. Die Clientklassen werden unterteilt in View-,Presenter- und Eventklassen sowie Proxy-Interfaces für die Servermodels.

MVP Klassendiagramm

MVP Klassendiagramm, Quelle: http://www.gwtproject.org/articles/mvp-architecture.html

AppController

Als Einstiegspunkt des Bausteins steht auf Clientseite der AppController. Dieser ist für die Logik verantwortlich, welche nicht in einem Presenter behandelt werden kann. So lädt dieser zum Beispiel die notwendigen Presenter-Klassen, welche dann für den Rest verantwortlich sind.

Model

Ein Model stellt eine Businessentität dar. Mit Hilfe von JDO-Annotationen werden diese Klassen auf dem Server persistiert. Der Client greift auf ein Proxy-Objekt zu und kann so direkt mit dem Server kommunizieren.

View

Eine View enthält alle UI Komponenten für diesen Baustein. In einer View werden alle Elemente angeordnet und mittels CSS designt. Ein View weiss nicht, welcher Inhalt in die Felder kommt, sondern nur, dass z.B. drei Labels und ein Bild dargestellt werden müssen.

Presenter

Im Presenter wird die ganze Logik abgebildet. Der Presenter lädt die Daten vom Server und bestimmt welche Daten durch die View dargestellt werden. Ausserdem ist er für das EventHandling der UI Komponenten und das History Management verantwortlich.

Um die Kommunikation zwischen View und Presenter zu gewährleisten, werden im Presenter Display-Interfaces definiert, welche von der View implementiert werden.

Struktur
MVP Struktur

MVP Struktur, Quelle: http://www.gwtproject.org/articles/mvp-architecture.html

Entwickeln mit GWT

Wer jetzt auf den Geschmack gekommen ist und mit GWT entwickeln möchte, der Informiert sich am besten unter gwtproject.org. Dort gibt es einige gute Tutorials. Pflicht für jeden Einsteiger ist das MVP Tutorial:

http://www.gwtproject.org/articles/mvp-architecture.html

http://www.gwtproject.org/articles/mvp-architecture-2.html

Wer diese zwei Artikel intensiv durchexerziert wird sehr schnell Spass am Entwickeln mit GWT finden und schnell die Vorteile erkennen gegenüber anderer Frontend Frameworks.

The gap between PhoneGap and Apache Cordova

Im Zuge von Mobile Apps wird oft von WebApps, native Apps und hybriden Apps gesprochen. Dabei fallen auch immer öfters die Stichworte PhoneGap oder Apache Cordova. In diesem Blogpost will ich die Begriffe PhoneGap und Apache Cordova erklären.

phonegap-cordova-logo

 

Was ist der Unterschied zwischen PhoneGap und Apache Cordova?

(more…)

Page 1 of 1812345...10...Last »