Incloud - Mobile Apps und Web Anwendungen aus Darmstadt

Wir stellen ein: Symfony Entwickler gesucht!

Steffen Müller — Thu, 25 Apr 2013 16:19:07 +0000

Es ist an der Zeit, unser Team weiter zu vergrößern: wir suchen ab sofort zur Vollzeit-Festanstellung einen begabten Symfony PHP Entwickler, der unser Darmstädter Entwicklerteam verstärkt.

Wenn Sie zu uns passen oder jemanden kennen, der zu uns passt: rufen Sie an oder schreiben Sie eine E-Mail an jobs@incloud.de – vielen Dank!

Stellenbeschreibung

Hallo! Wir sind Incloud. Wir entwickeln Apps, Web Anwendungen und SaaS-Lösungen.

Werde Teil unseres jungen Teams und arbeite an außergewöhnlichen Projekten mit modernsten Technologien.

Deine Aufgaben:

Entwickle modernste Web Anwendungen mit Symfony 2 und weiteren modernen Technologien
Kommuniziere, plane und erfinde zusammen mit deinen Teamkollegen und Kunden
(Optional, wenn es dir liegt) Übernimm Verantwortung für dein Team und betreue selbstverantwortlich Projekte und Kunden

Dies ist deine Chance, in einem internationalen Team zu arbeiten und dabei die besten verfügbaren Werkzeuge einzusetzen (Scrum, Jira, Confluence, …). Wir sind ständig am wachsen – deine Kreativität, Meinungen und Ideen werden gebraucht!

Erforderliche Kenntnisse und Qualifikationen

Du liebst es, gute Software zu entwickeln. Erfüllende Aufgaben und eine gute Work-Life Balance sind Dir wichtiger als ein Firmenwagen. Du willst mitgestalten und mitentscheiden und nicht nur Jobs erledigen. Du hast als Webentwickler Erfahrungen gesammelt und kennst Dein Handwerk.

Deine Skills:

Gute bis sehr gute Kenntnisse in Symfony
Sehr gute Kenntnisse mit dem klassischen LAMP Stack
Wünschenswert: Javascript, jQuery, Node.js
Optional: Kenntnisse in App Entwicklung, Xamarin, C#

Über Incloud GmbH

Wir sind ein junges Team exzellenter Informatiker. Wir arbeiten agil nach SCRUM und glauben, dass Arbeit einen Sinn haben muss, um Spaß zu machen. Unsere Kunden sind Mittelständler, Konzerne, Verbände und Banken, die wir mit Qualität und Innovation beeindrucken.

Wir bilden uns weiter, zelebrieren unser gemeinsames Mittagessen und wollen immer besser werden.

Weitere Informationen

Die Stellenausschreibung als PDF

Die Stellenausschreibung bei Stack Overflow Careers

Incloud veröffentlicht momentum – die Zukunft der Zeitaufnahmen

Peter E. Müller — Tue, 29 Jan 2013 04:00:44 +0000

Nach 9-monatiger Entwicklungsarbeit ist es soweit: Incloud veröffentlicht im Januar 2013 momentum – die Zukunft der Zeitaufnahmen.

momentum steht für Innovation, Wirtschaftlichkeit und Professionalität in der Zeitwirtschaft. Anstelle teurer Spezialhardware werden Zeitaufnahmen mit handelsüblichen Tablets durchgeführt. Die Datenauswertung und -verwaltung erfolgt einfach im Web Browser.

momentum wurde gemeinsam von Incloud und REFA entwickelt. Know-how in der Entwicklung von Apps und Weblösungen trifft auf jahrzehntelange, in Industrie und Verwaltung anerkannter Methodik in der Erstellung von Zeitaufnahmen.

Alle Details und Vorteile von momentum finden Sie auf der momentum-Website.

Wir stellen ein: Web & App Magier gesucht!

Steffen Müller — Wed, 21 Nov 2012 10:38:36 +0000

Es ist an der Zeit, unser Team weiter zu vergrößern: wir suchen ab sofort zur Vollzeit-Festanstellung einen vielseitigen Vollblut-Informatiker, der uns bei der App Entwicklung als auch bei der Web Entwicklung kräftig unterstützen kann.

Wenn Sie zu uns passen oder jemanden kennen, der zu uns passt: rufen Sie an oder schreiben Sie eine E-Mail an jobs@incloud.de – vielen Dank!

Weitere Informationen

Die Stellenausschreibung als PDF

Die Stellenausschreibung bei Stack Overflow Careers

Incloud proudly presents: Augmented Card

David Müller — Tue, 23 Oct 2012 16:51:32 +0000

Wir nähern uns der besinnlichen Weihnachtszeit in großen Schritten. Wie jedes Jahr gehören neben Lebkuchen und Glühwein auch wieder die Weihnachtskarten fest mit dazu! Nachdem uns Steffen in seinem Ignite-Vortrag auf dem Webmontag schon erklärt hat, dass Weihnachten und Augmented Reality unweigerlich zusammengehören, präsentieren wir nun stolz unser neuestes Projekt: Augmented Card.

Worum geht’s? Ganz im Stil der Zeitungen aus Harry Potter, in denen Bilder zum Leben erwachen, bringt Augmented Card Ihre Print-Materialien (Weihnachtskarten, Einladungen, Poster, …) ins Zeitalter der Augmented Reality! Mit einem einfachen Assistenten auf der Webseite können Sie Ihre eigenen Augmented Reality Inhalte konfigurieren und dann selbst drucken.

Möglich sind die folgenden AR Inhaltstypen:

Eigene Videos (werden auf dem Printmaterial abgespielt)
Bilder (stehen dann senkrecht auf dem Printmaterial)
Animierte 3D Modelle aus unserer Modellkollektion (stehen auf dem Printmaterial)

Und so funktionierts:

Weitere Informationen finden Sie auf augmented-card.net. Wir freuen uns darauf, von Ihnen zu hören!

Was Augmented Reality mit Weihnachten zu tun hat

David Müller — Tue, 23 Oct 2012 16:07:51 +0000

Incloud – quasi schon Stammgast auf dem Webmontag in Frankfurt – war durch Steffen auch in der Oktober-Ausgabe wieder vertreten. Die etwa 150 Zuhörer bekamen in knackigen 5 Minuten von Steffen erklärt, wie Augmented Reality und Weihnachten zusammen passen. Dabei geht es übrigens auch um das neuste Projekt von Incloud – Augmented Card. In Kürze mehr!

Besonderes Schmankerl am Vortrag: Es handelt sich hierbei um eine sog. Ignite-Präsentation, die aus genau 20 Folien mit Festeinstellung von 15 Sekunden pro Folie besteht. Mit automatischem Wechsel. Ob Steffen das Timing erwischt hat? Sehen Sie selbst!

Vielen Dank an Christian Zengel und sysops.tv für die Erstellung des Videos. Lizenz ist Creative Commons Namensnennung-Nicht-kommerziell 3.0 Deutschland (CC BY-NC 3.0).

Neue App veröffentlicht: Ignite & Pecha Kucha Timer

Steffen Müller — Sat, 06 Oct 2012 16:54:53 +0000

Ignite und Pecha Kucha sind Präsentationstechniken, bei denen eine bestimmte Anzahl Folien in einer bestimmten Zeit gezeigt wird. Die Folien laufen automatisch weiter – das Motto ist “Enlighten us, but make it quick”. Für den Vortragenden eine Herausforderung, denn das eigene Timing muss perfekt zu den Folienwechseln passen, damit die Präsentation gelingt. Für das Publikum eine spannende Sache, denn ein Ignite Vortrag dauert nur 5 Minuten und ist daher eine Art Druckbetankung mit Wissen.

Kein Wunder also, dass sich Ignite Talks immer stärkerer Beliebtheit erfreuen und sich weltweit ausbreiten – werfen Sie doch mal einen Blick auf http://igniteshow.com/, dort kann man Termine und die besten englischsprachigen Talks finden. Oder man schaut bei unserem geliebten Webmontag Frankfurt vorbei, denn dessen Ausgabe #42 am 08. Oktober ist ein reines Ignite Event.

Bei den Vorbereitungen zu meinem Ignite Talk auf dem Webmontag fiel mir auf, dass es keine vernünftige App für Android gibt, mit der sich der Vortrag timen lässt – ich wollte eine ablenkungsfreie Stoppuhr, die 20 mal 15 Sekunden abzählt und das so anzeigt, dass es nicht vom Reden ablenkt. Das konnte so nicht durchgehen – deshalb entstand heute kurz entschlossen die Incloud Ignite & Pecha Kucha Timer App für Android.

Um es mit der App Beschreibung zu sagen:

Der Incloud Ignite & Pecha Kucha Timer ist ein simples Tool, mit dem Sie Ihre Ignite und Pecha Kucha Talks vorbereiten und perfekt durchführen können (geht auch mit normalen Präsentationen, wenn Sie eine feste Dauer je Folie einsetzen wollen).

Legen Sie die Anzahl an Zyklen (Folien) fest und wie lange jeder davon in Sekunden dauern soll. Wählen Sie eine von mehreren Vibrationsoptionen. Dann gibt Ihnen eine einfache und schöne Anzeige an, wie viel Zeit Sie noch für Ihre Präsentation haben.

Ich hoffe, die App hilft noch anderen Ignite Talkern.

Unsere AR Apps im Virtual Reality Magazin

Steffen Müller — Tue, 02 Oct 2012 13:43:49 +0000

In der aktuellen Ausgabe des Virtual Reality Magazins, dem Fachmagazin für Visualisierung, Simulation und Interaktion, sind wir mit einem Artikel zum Thema “Augmented Reality in der Architektur” vertreten.

Wir freuen uns natürlich sehr, dass unsere Augmented Reality Apps derart Interesse erzeugen. Wer Steffen Müllers Artikel im Magazin lesen will, muss sich entweder die aktuelle Ausgabe kaufen oder noch ein wenig warten, denn die vergangenen Ausgaben können kostenlos auf der Website des Magazins ab der vorletzten Ausgabe gelesen werden…

Erfahren Sie mehr über uns als Dienstleister für Augmented Reality Apps »

Incloud auf dem Webmontag Frankfurt

Steffen Müller — Fri, 28 Sep 2012 20:32:46 +0000

Am 17.09. präsentierte unser David Müller die “gekachelte Zukunft des Computing” auf dem Webmontag Frankfurt – Thema war die anstehende Veröffentlichung von Windows 8, die Auswirkungen und Chancen daraus, und die Perspektiven für App Entwickler.

Nicht da gewesen? Den spannenden Vortrag können Sie sich hier in voller Länge ansehen:

Wir finden aktuell großen Gefallen an den Webmontagen – beim nächsten werden wir auch wieder mit einem Talk dabei sein!

Vielen Dank an Christian Zengel und sysops.tv für die Erstellung des Videos. Lizenz ist Creative Commons Namensnennung-Nicht-kommerziell 3.0 Deutschland (CC BY-NC 3.0).

Windows 8 – Einstieg in die App-Entwicklung für Webdeveloper

David Müller — Mon, 03 Sep 2012 10:00:09 +0000

Für Webentwickler ist Windows 8 eine wahre Freude: Mit den ohnehin vertrauten Sprachen Javascript, HTML und CSS lassen sich nun Windows-Anwendungen für die Modern UI entwickeln. Selbiges ist zwar auch mit C# oder VB.net möglich – da aber ohnehin der Internet Explorer 10 die Darstellung der Modern UI-Apps übernimmt, bleiben wir doch besser gleich im gewohnten Umfeld. Besonders erfreulich hierbei: Der Internet Explorer 10 unterstützt CSS3 und kann getrost als vollwertiger, moderner Browser bezeichnet werden. Endlich können Webentwickler aus dem Vollen schöpfen!

Die Philosophie hinter der Modern UI

Microsoft hat für das Kachelkonzept der Modern UI eine ganz neue Designsprache entworfen. Alles ist kantig, bunt und stilistisch schlicht. Für einen allgemeinen Überblick über die neue Welt des Windows 8 sei unser Einführungsartikel dazu empfohlen. Dabei hat Microsoft ganz klar ausgearbeitete Guidelines erstellt, an die sich Entwickler zu halten haben. Es gibt auf den Entwicklerseiten zu Windows 8 in jedem Kapitel “Best practices” und Designrichtlinien, um Entwicklern die Philosophie der Modern UI näherzubringen. So müssen Apps der Modern UI grundsätzlich per Finger bedienbar sein – das bedeutet für Entwickler vornehmlich eine Abkehr von :hover und mouseover-Effekten, schließlich gibt es diesen Zustand in der Touch-Welt schlicht nicht. Außerdem sollte auf möglichst große, “fingerfreundliche” Schaltflächen Wert gelegt werden.

Zertifizierungsprozess

Microsoft verwendet einen mehrstufigen Zertifizierungsprozess, den Apps durchlaufen müssen bevor sie im Windows Store gelistet werden. Dabei wird in erster Linie das WACK getaufte “Windows App Certification Kit verwendet. WACK ist eine Testsuite, die lokal auf dem Entwicklungsrechner mit Visual Studio zusammen installiert wird. Sie prüft u.a. das Antwort- und Startverhalten der App (Microsoft definiert bestimmte Zeitfenster, in denen die App gestartet sein muss). Darüberhinaus nimmt WACK auch noch Usability-Tests vor und warnt etwa bei ungenügendem Kontrast zwischen Textfarbe und Hintergrund sowie bei farblich unpassenden App-Icons. Abschließend generiert WACK im Fehlerfall einen aussagekräftigen Report, der in sattem rot und leuchtendem grün auf Fehler und Validierungserfolge hinweist. Ein erfolgreicher WACK-Test der App ist Grundlage für ein Bestehen des Zertifizierungsprozesses, denn selbiger Test wird nach dem Einreichen der App im Windows Store nochmal auf den Microsoft Servern durchgeführt.

Außerdem findet bei Microsoft ähnlich wie bei Apple eine manuelle Prüfung jeder App statt – “Content compliance” genannt. Hier wird überprüft, ob die vergebene Altersbeschränkung für die App korrekt gewählt wurde, Datenschutzbestimmungen bei Apps vorliegen, die mit dem Internet kommunizieren und allgemein alle Certification Requirements erfüllt sind.

Lebenszyklus einer Applikation

Unter Windows 8 übernimmt das Betriebssystem komplett und alleinig das Lifecycle Management der Applikationen – es gibt keinen Schließen-Knopf mehr. Das bedeutet für Entwickler, dass auf verschiedene Events reagiert werden muss, mit denen das Betriebssystem die App über Zustandsänderungen benachrichtigt. Grundlegend gibt es keine programmatische Möglichkeit, die eigene App zu schließen. Wird eine App vom Nutzer gestartet, befindet sie sich im Zustand Running. Minimiert der Nutzer die App nun per Alt+F4 oder wechselt per Alt+Tab in eine andere App bzw. auf den Desktop, wird abhängig von der Speicherauslastung und der Anzahl weiterer laufender Programme die App “suspendiert”. Im suspended-Eventhandler erhält die App die Gelegenheit, alle relevanten Nutzerdaten der aktuellen Session auf die Festplatte zu schreiben. Braucht sie dazu allerdings mehr als 5 Sekunden, wird sie von Windows automatisch terminiert und muss anschließend komplett neu gestartet werden.

Kehrt der Nutzer zu einer “korrekt suspendierten” App zurück, wechselt der Zustand wieder zu Running und die vormals archivierten Session-Daten können eingelesen werden, um den Zustand der App wiederherzustellen. Dieses Verhalten erschwert es allerdings Apps, die im Hintergrund Tasks zu erledigen haben: Im Suspended-Zustand kann die App keine Interaktionen mehr ausführen. Hierfür wurde von Microsoft das Konzept der Background Tasks eingeführt, welches in einem späteren Blogpost Thema sein wird.

Entwicklungsumgebung und Ressourcen

Die Anlaufstelle für die Entwicklung von Modern UI Apps ist die das Microsoft Dev-Center. Hier gibt es eine 90 Tage Evaluierungsversion von Windows 8 Enterprise, Visual Studio 2012 Express sowie Unmengen an Beispielapps und Projektvorlagen. An dieser Stelle muss man wirklich Microsoft für die Entwicklerfreundlichkeit loben: Die API Referenz ist komplett mit Beispielcode auch für die Verwendung von Javascript bestückt und zu allen relevanten Systemaufrufen gibt es spezielle Musterapps zum Nachschauen und Ausprobieren.

Visual Studio selbst beinhaltet alle benötigen Ressourcen zum Entwickeln von Apps der Modern UI einschließlich der Möglichkeit zum Veröffentlichen im Windows Store. Auch ein Simulator für das parallel zum Marktstart von Windows 8 am 26. Oktober erscheinende Surface-Tablet ist integriert. Hier kann die Auflösung angepasst werden und generell das Verhalten der eigenen App auf “touchfreundlichkeit” getestet werden. Außerdem ist ein Screenshot-Tool mit an Bord, um die für den Windows Store benötigten Aufnahmen der App in der erforderlichen Größe erstellen zu können. Weiterhin mit dabei: Microsoft Blend zur visuellen Bearbeitung der Benutzeroberfläche. Hier lässt sich ein Visual Studio Projekt öffnen und anschließend per Drag & Drop mit Komponenten bestücken – quasi ein visueller Editor mit Zusatzfeatures.

Fazit

Das war ein kleiner Überblick über wissenswerte Fakten für Webentwickler mit Interesse am Windows 8 App-Development. Aber es geht weiter! Diese Serie wird fortgesetzt und bald um “technischere” Themen wie Hintergrund-Tasks, die Verwendung der neuen App-Bar sowie des Windows-Charms ergänzt. Stay tuned!

Windows 8 – Using jQuery for app development

David Müller — Tue, 28 Aug 2012 12:35:12 +0000

The incredibly practical Javascript-library jQuery is the favored tool for lots of web developers. Since Windows 8 supports app development using the standard webtechniques, jQuery immediatly suggests itself. But because Microsoft has integrated a new security model in Windows 8, jQuery has to be modified slightly in order to be usable for app development.

The background

Microsofts security model comes into play when one of the standard Javascript functions innerHTML, outerHTML or document.write are used. Try the following code

1
2
3
4

<div id="test">div>
<script>
document.querySelector("#test").innerHTML = "Something evil";
script>

You will see a Javascript runtime error that terminates the app, because dynamic content is injected via Javascript.

The solution

Microsoft provides the method execUnsafeLocalFunction with which you can explicitly disable the security model and tell Windows “I know what I’m doing”. Of course, this should only be done when you control the executed code and are sure that no security problems could potentially happen. You have to wrap the code within the execUnsafeLocalFunction construct and let it execute for you. The following code works without problems:

1
2
3
4
5

When pulling in potentially unsafe content from an external source, you might want to consider using the toStaticHTML method (further documentation here) or creating your nodes via DOM – but this is another topic, we don’t want to cover in this post.

The problem with jQuery

jQuery itself comes with lots of checks for the sake of browser compatibility. These checks contain code, that is considered to be potentially malicious and Visual Studio shows 3 warnings when using jQuery 1.8 (at the time of this post, version 1.8 is the latest).

Even if these are “only” warnings, we are going to get rid of them when using jQuery with Windows 8.

Making jQuery ready for Windows 8 – step by step

We will use the development version of jQuery 1.8 for this blogpost that can be found here.

Starting from the bottom of the file, the first necessary change is to wrap the contents of the assert block starting at line 5025 up to line 5040 within a execUnsafeLocalFunction block:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

assert(function( div ) {

MSApp.execUnsafeLocalFunction(function () {
// Opera 10-12/IE9 - ^= $= *= and empty values
// Should not select anything
div.innerHTML = "

";
if (div.querySelectorAll("[test^='']").length) {
rbuggyQSA.push("[*^$]=" + whitespace + "*(?:\"\"|'')");
}

// FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
// IE8 throws error here (do not put tests after this one)
div.innerHTML = "";
if (!div.querySelectorAll(":enabled").length) {
rbuggyQSA.push(":enabled", ":disabled");
}
});
});

The next target is the assertUsableName function – same principle as above. Change lines 3808 to 3826 to this:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

assertUsableName = assert(function( div ) {

return MSApp.execUnsafeLocalFunction(function () {
// Inject content
div.id = expando + 0;
div.innerHTML = "

";
docElem.insertBefore(div, docElem.firstChild);

// Test
var pass = document.getElementsByName &&
// buggy browsers will return fewer than the correct 2
document.getElementsByName(expando).length ===
// buggy browsers will return more than the correct 0
2 + document.getElementsByName(expando + 0).length;
assertGetIdNotName = !document.getElementById(expando);

// Cleanup
docElem.removeChild(div);

return pass;
});
}),

The next and last necessary change is the jQuery.support function that starts at line 1239 and goes all the way down to line 1507. The stripped down function looks like this:

1
2
3
4
5
6

jQuery.support = (function() {

//...

return support;
})();

This self executing function has to be wrapped like this:

1
2
3
4
5
6

jQuery.support = MSApp.execUnsafeLocalFunction(function() {

//...

return support;
});

Be sure to remove the last paranthesis because execUnsafeLocalFunction already executes the function for you – no need for a self executing function any more.

Further optimization

When you know what you are doing and can be sure that all the executed code is controlled by you, it makes sense to apply one last change to the core of jQuery which is handling the html() method among some others like append. After having applied the modification, you will be able to execute code like this without an error:

1	$("#test").html("Something evil");

Change line 6115 from

1	div.innerHTML = wrap[1] + elem + wrap[2];

to our new favourite contruct

1
2
3

MSApp.execUnsafeLocalFunction(function() {
div.innerHTML = wrap[1] + elem + wrap[2];
});

$(“windows8″).ready();

All the modifications have been included in this modified version of jquery-1.8.0. Download, include in your Windows 8 App and have fun! If a new jQuery version has come out in the meantime, you know where to apply your changes. Watch out for innerHTML and maybe some time, the jQuery team will release a Windows 8 ready version. Let’s hope together!

Update 2012-10-02: Eric pointed out an encoding issue with the original file causing applications with the modified, old jQuery version contained to fail the WACK test. This has now been fixed, the links are updated accordingly. Thanks Eric!

Download patched version of jQuery 1.8.0 for Windows 8