Die Entwicklung von Apps ist nicht einfach und jede "Systemwelt" hat ihre eigenen Tools und Anforderungen. Ob mit Java und Eclipse für Android, mit Objective-C und Xcode für iOS, oder mit den Microsoft-Tools für die Windows-Welt. Bei diesem Vortrag lernen Sie die vielfältigen Möglichkeiten der App-Entwicklung für alle gängigen Plattformen mit nur einer Programmiersprache kennen: HTML5 und JavaScript. Sie steigen mit den Grundlagen des kostenlosen Intel XDK und Apache Cordova ein und werden dann mit den wichtigsten Frameworks und Vorgehensweisen vertraut gemacht. Mit diesen Infos steigen Sie rasch zum versierten Cross-Plattform Entwickler auf.
Mit Windows 8.1 stehen Ihnen als App-Entwickler viele Neuerungen zur Verfügung. Neben neuen Controls, wie Hub, SettingsFlyout oder DatePicker gibt es neue Tile-Größen und auch neue Projektvorlagen. Auch die standardmäßig in einem App-Projekt enthaltenen Codedateien haben sich leicht geändert. In dieser Session gibt Ihnen Thomas Claudius Huber anhand zahlreicher in XAML/C# gezeigten Livedemos einen Überblick der Neuerungen.
Dank der Xamarin-Plattform können C#-Entwickler Apps für Android – das verbreitetste mobile Betriebssystem – unter Zuhilfenahme bekannter Werkzeuge, Sprachen und Frameworks schreiben. Und genau darum geht es auch in diesem Vortrag. In 60 Minuten werde ich Ihnen erklären, welche Systemvoraussetzungen erfüllt sein müssen, um mit Visual Studio und C# für Android entwickeln zu können und was es mit Activities und Intents auf sich hat. Zu diesem Zweck werde ich live eine kleine App programmieren, die neben einer Multiscreen-Navigation auch lokale Datenhaltung und einiges mehr demonstriert. Den Quellcode gibt es unter https://github.com/AndreKraemer/DWX-2018-Xam-Android-SavedIt
Wie oft haben Sie schon in Foren gelesen: "Das geht nicht mit Bordmitteln; das muss man mit der C API machen". Schön und gut, aber wie geht das? Welche Tools benötige ich, und wo bekomme ich diese her? Die Session gibt einen Überblick über die Anwendungsgebiete der C / C++ API für Lotus Notes / Domino und erläutert die Installation einer Entwicklungsumgebung. Neben der Erstellung von C Programmen wird auch der direkte Aufruf von Funktionen aus Lotusscript heraus erläutert.
Praktische Beispiele sollen dem Entwickler den Einstieg in die Programmierung mit der C / C++ API für Lotus Notes / Domino erleichtern. Level: Einsteiger, die sich auch in Zeiten von XPages, JAVA und SSJS noch an das "Urgestein C" herantrauen.
Taugt AngularJS wirklich was? Erfahrungsbericht und AusblickPhilipp Burgmer
Slides for my presentation at WebTechCon/IPC 2014.
Visit us at http://www.thecodecampus.de
Folien zu meinem Vortrag bei der WebTechCon/IPC 2014.
AngularJS verspricht, die Entwicklung moderner Single-Page-Webanwendungen radikal zu vereinfachen. Doch kann dieses Versprechen auch bei Anwendungen, die über eine Demoanwendung (To-do-App) hinausgehen, gehalten werden? In diesem Vortrag zeigen wir die Stärken und Schwächen von AngularJS anhand unserer Erfahrungen aus mehreren Projekten und unserer Schulungen. Wie meistert man den Einstieg? Was sind die Gefahren, und wie minimiert man sie? Ist AngularJS bereit für den Einsatz in großen Anwendungen? Wir geben Antworten. Zusätzlich geben wir einen Ausblick auf AngularJS 2.0, wie die bekannten Schwächen dort behoben werden sollen und was an Neuerungen zu erwarten ist.
30 minütige Präsentation des Google Web Toolkit, einem Java Framework zum erstennellen von Javafreien-Web-Applikationen. Den Download des Beispielprogramms finden Sie auf http://www.easy-coding.de/trac/gwt .
Slides für meinen Workshop bei der BASTA Spring 2014 in Darmstadt. Hier eine Beschreibung des Workshopinhalts: Es ist schwierig genug, die Anforderungen der Kunden und Kollegen im Alltag zu erfüllen. Da bleibt nicht immer genug Zeit, um auch noch up to date zu bleiben was Neuerungen in C# betrifft. Wenn Ihnen dieses Problem bekannt vorkommt, kann dieser Workshop helfen. Wir widmen einen ganzen Tag besserem C#. Rainer Stropek, bekannter BASTA!-Speaker und Microsoft MVP, zeigt Ihnen, was C# mittlerweile leisten kann. Der Schwerpunkt im Workshop liegt diesmal auf folgenden Themen:
Coding und Design Guidelines – Best und Worst Practices, um besseren C#-Code zu schreiben.
Deep Dive in Lambdas und Linq – was hinter den Kulissen geschieht, wo sie helfen und wo sie mehr schaden als zu nützen.
Parallele und asynchrone Programmierung mit Task Parallel Library (TPL) und async/await – praktische Anwendung am Server und im Full-Client
Modularisierung von .NET-Anwendungen mit NuGet, MEF und Portable Class Libraries (PCL)
Neuerungen in Visual Studio 2013 für C#-Entwickler – alle Beispiele werden mit Visual Studio 2013 gezeigt. Sie erfahren dabei, was VS2013 an Verbesserungen für C#-Entwickler bringt.
Rainer Stropek setzt bei den Teilnehmern C#-Wissen zumindest auf dem Level von Version 2, idealerweise auch ein wenig Version 3, voraus. Ein eigener Laptop ist nicht Voraussetzung. Alle Konzepte werden anhand vieler Live-Coding-Beispiele erklärt. Zusätzlich erhalten alle Teilnehmer eine umfangreiche Präsentation als Zusammenfassung der gezeigten Themen.
Niemals nach Mitternacht füttern - Grüne Roboter überall!inovex GmbH
War Android Embedded in der Vergangenheit noch ein Exot, der meist vom Wunsch nach einer schlüsselfertigen, modernen Touchoberfläche getrieben wurde, so ist Android inzwischen im Embedded Bereich fast Mainstream geworden und es werden zunehmend auch komplexere Änderungen an Android in Angriff genommen: Google Glass, Android Wear, Verbindungen von RT-Linux und Android, etc. Wir möchten in dieser Session rekapitulieren, warum Android im Embedded Bereich so populär geworden ist und wo die Stärken und Schwächen von Android Embedded Lösungen liegen. Dabei werden wir auch Problemfelder aus unserer praktischen Erfahrung in Android Embedded Projekten diskutieren.
Presentation bei der CodeTalks Developer Conference in Hamburg zum Thema: "Kopf frei für's Produkt - Automatisierung mit Ansible und Jenkins" von LeanIX CTO André Christ und SW Architekt Dr. Daniel Pozzi.
Vom ersten Einrichten einer Maschine bis zum Ausliefern der Anwendung ist es ein weiter Weg, der in einem Startup viele menschliche und technische Ressourcen abverlangt. Neue Kundenwünsche und Skalierung erfordern immer mehr Server, Dienste („best tool for the job“) oder Anwendungsinstanzen, die verwaltet werden wollen.
Der SaaS-Anbieter LeanIX aus Bonn hat den manuellen Prozess in wenigen Wochen gegen eine vollständig automatisierte Provision-, Build- und Deploy-Kette mit ansible und Jenkins getauscht, um den Rücken für die Produktentwicklung frei zu haben.
DevOps der Triple-E Klasse - Eclipse DemoCampWerner Keil
Maersk Line lässt nicht nur die weltweit größten Schiffe der 'Triple-E' Klasse bauen. Continuous Integration und Delivery in einer ähnlichen Größenordnung mit Hudson, Maven und Tools wie Kokki (ähnlich Puppet oder Chef ) werden dort ebenso praktiziert.
Diese Session gewährt eine kurze Übersicht über Multi-Configuration (Matrix) Job-Typen wie sie in den meisten dieser Projekte genutzt werden. Highlights in einer heterogenen Umgebung, wie man sie in Vielfalt und Umfang sonst fast nur bei großen Anbietern von Public Cloud Lösungen findet.
Chromebooks for Work entsprechen den Chrome-Geräten für Privatanwender, mit folgendem Unterschied: Mit dem Erwerb der Chrome for Work Management Console, können Administratoren die Chrome-Geräte Ihrer Organisation über die Verwaltungskonsole per Remote-Zugriff verwalten. Damit lassen sich rund 120 Sicherheits- und Geräterichtlinien konfigurieren. Mit der Chrome-Geräteverwaltung lassen sich in Unternehmen Chrome-Funktionen für die Nutzer konfigurieren, Zugriff von Chrome-Geräten auf VPNs und WLAN-Netzwerke einrichten, Chrome-Gerätelieferungen nachverfolgen, Chrome-Apps und -Erweiterungen vorinstallieren und vieles mehr. Administratoren können jede Einstellung auf eine Organisationseinheit oder auf die gesamte Organisation anwenden. Die meisten Einstellungen beinhalten die Option, eine bestimmte Konfiguration festzulegen oder dem Nutzer die Wahl zu überlassen.
Webinar: 10 Zutaten für Ihre Weihnachtskampagneoptivo GmbH
optivo E-Mail-Marketing Consultants Nadine Lauenstein und Andreas Endter führen am 14.10.2013 durch das Webinar "10 Zutaten für Ihre Weihnachtskampagne"
Este portafolio contiene diferentes fotos de iluminación de productos, bodegones, vinos y frutas para fines publicitarios y navideños. Incluye secciones de fotos de productos, bodegones, vinos y frutas.
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...Gregor Biswanger
Hier lernen Sie die vielfältigen Möglichkeiten der App-Entwicklung für alle gängigen Plattformen mit nur einer Programmiersprache kennen. Sie steigen mit den Grundlagen des Intel XDK ein und werden dann mit den wichtigsten Frameworks und Vorgehensweisen vertraut. Mit diesen Infos steigen Sie rasch auf zum versierten App-Entwickler und -Designer.
.NET Core, .NET Standard & ASP.NET Core - Eine ÜbersichtJürgen Gutsch
.NET Core 2.0 ist seit kurzem released, ebenso wie ASP.NET Core 2.0 und der .NET Standard 2.0.
Aber was ist das genau?
Was ist der .NET Standard und was hat er für Auswirkungen auf die Entwicklung mit .NET?
In diesem Vortrag möchte ich euch zeigen was das .NET Core ist, was für Chancen und Möglichkeiten ASP.NET Core bietet und was der .NET Standard damit alledem zu tun hat.
ESE Conference: iOS, Android, WP7...Alle nativ auf einen Streich! streichRomano Roth
Eine mobile Applikation mit einer Standard Entwicklungsumgebung erstellen und diese für iPhone/iPad, Android und Windows Phone 7 ausliefern. Ist das nicht ein Traum für jeden Entwicklungsleiter?
Mit etwas Arbeit auf der Userinterface-Seite wird dies Realität! Zum Einsatz kommt Mono.
In dieser Session werden wir Ihnen anhand eines einfachen Beispiels zeigen, wie Sie eine Applikation mit Mono für iPhone/iPad, Android und Windows Phone 7 effizient entwickeln.
Erstellung von mobilen cross-platform-AppsRalf Lütke
Mobile Apps für iOS und Android, cross-plattform, d.h. mit nur einer gemeinsamen Programmierung für beide Systeme:
- Was ist cross-plattform?
- Technologie-Vergleich und Empfehlung!
- Gegenüberstellung von Web-Apps (mit HTML5/CSS3), Hybrid-Apps (mit PhoneGap) und nativen Apps (cross-plattform mit Titanium und plattform-spezifisch mit Objective-C / Java).
CSI: WP - Dem Windows Phone auf der Spur, Internetspecial: SDK & Development-...Gordon Breuer
Anlässlich der Veröffentlichung der Windows Phone App Studio Beta und der Möglichkeit, auch ohne Developer-Account sein Windows Phone als Entwicklergerät zu registrieren, veröffentlich die CSI:WP-Roadshow heute wieder ein Internetspecial! Dieses mal zum Thema SDK und Development-Environment - viel Spaß! :-)
In diesen Folien erfahren Entwickler, ob es sich lohnt, bereits jetzt auf die neueste Version Visual Studio 2012 zu setzen. Wie gewohnt bringt Microsoft eine Fülle von neuen Features. Aber welche davon sind im Alltag wirklich relevant? Was wird nicht mehr unterstützt?
Ein Blick in die Kristallkugel mit dem Ziel spannende und relevante Online-Trends für das Jahr 2008 hervorzusagen. Auf der Liste sind:
- Hackable Gadgets
- Rich Handy Platforms
- On/Offline-Applikationen
- WOA (Web Oriented Architecture)
- Clientcode Frameworks
- Enterprise 2.0
- Green IT
- User Generated Infrastructure
- Social Reputation Management / Open Social
- Amazon Webservices
Ein Blick in die Kristallkugel mit dem Ziel spannende und relevante Online-Trends für das Jahr 2006 hervorzusagen. Auf der Liste sind:
- Desktop Widgets
- 2D Barcoding
- JSR-170/286
- REST
- Lightweight APIs und JSON
- Presence und Instant Messaging
- Home Networking
- Microformats/Structured Blogging
- Online Identity
- Antiphishing
Generative Software zeigt auf der Fachmesse Embedded World wie mit Virtual Developer große Teile von IoT-Anwendungen effizient aus Modellen generiert werden können.
Was macht Clean Code aus? Wie kann man seinen Code verbessern? Welche Regeln helfen einem Programmierer, um zu sauberen Code zu gelangen? Welche Tipps und Tricks gibt es, mit denen man sich noch verbessern kann? Gibt es Patterns bzw. Muster, die zum Erfolg führen? Oder ist Clean Code nur Zeitverschwendung in Projekten unter Zeitdruck?
Wer das legendäre Buch 'Clean Code' noch nicht gelesen hat, oder eine Auffrischung gebrauchen kann, ist zu diesem Live-Stream gerne willkommen. Um es praxisnah zu halten, werden viele Code-Schnipsel gezeigt, die wir zusammen analysieren und verbessern.
Clean Code - A Handbook of Agile Software Craftsmanship: Englische Ausgabe
https://amzn.to/3pXpCOS
Clean Code - Refactoring, Patterns, Testen und Techniken für sauberen Code: Deutsche Ausgabe
https://amzn.to/3cNO55B
Diese Videobeschreibung enthält Amazon Affiliate Links, mit denen ihr mich beim Kauf unterstützen könnt, ich erhalte eine kleine Provision während ihr nichts extra zahlt für euren Amazon-Einkauf!
MongoDB: Entwurfsmuster für das NoSQL-Schema-DesignGregor Biswanger
NoSQL-Datenbanken verfolgen einen nichtrelationalen Ansatz. Sie brechen damit mit der langen Geschichte relationaler Datenbanken. Sie benötigen keine festgelegten Tabellenschemata, sondern haben eine ganz eigene Herangehensweise. In dieser Session zeigt der MongoDB-Experte Gregor Biswanger, wie ein NoSQL-Schema für dokumentenorientierte Datenbanken entworfen wird. Dazu werden einige bekannte Entwurfsmuster aus der Praxis vorgestellt.
Wachsende Daten beanspruchen schnellere und klügere Systeme, um die Datenverarbeitung bewältigen zu können. Die zeitgemäße Antwort darauf lautet: Big Data mit NoSQL! MongoDB ist eine der beliebtesten NoSQL-Datenbanken und bietet dem .NET-Entwickler einige Vorteile gegenüber bekannter SQL-Datenbanken. Der MongoDB-Experte Gregor Biswanger zeigt in seiner Session dazu einen perfekten Überblick und einige Tipps zum Einstieg aus der Praxis.
Fachmodell-First: Einstieg in das NoSQL-Schema-DesignGregor Biswanger
Die letzten zehn Jahre haben uns gezeigt, dass der Datenbank zu hohe Priorität zugesprochen wurde. Die meisten Diskussionen drehten sich um das Datenmodell, statt um Geschäftsprozesse und Vorgänge. Kein Wunder, denn klassische SQL-Datenbanken erzwingen diese Vorgehensweise von uns. In dieser Session zeigt der MongoDB-Experte Gregor Biswanger eine zeitgemäße Alternative mit NoSQL und wie durch ein Umdenken auch ein Booster in unsere Architektur einfließt bezüglich Produktivität, Flexibilität und Performance.
MongoDB ist eine leistungsstarke NoSQL Datenbank. Dennoch ist die Security per Standard deaktiviert. Dass dies große Auswirkungen hat, zeigen regelmäßige Berichte, dass zahlreiche Firmen Opfer von Hacker-Attacken geworden sind. Sie steigen mit den Grundlagen von MongoDB´s Security ein und werden dann mit den wichtigsten Vorgehensweisen vertraut gemacht. Mit diesen Infos sind Sie gewappnet gegen üble Cyber-Angriffe.
Facebook-Benutzer scannen mit Ihren Augen die Timeline nach interessanten Informationen. Umso wichtiger ist es mit den richtigen Methoden zu posten. Facebook entscheidet selbst durch einen Algorithmus wie viele Fans und wie oft ein Post angezeigt wird. Unsere Tipps zeigen dazu ebenfalls ein paar Lösungen. Mehr Infos und Tipps? Besuche uns auf Facebook: www.facebook.com/CleverSocial
Bootstrap ist ein Open-Source-Framework von Twitter, das eine Reihe von Hilfsmitteln für die Gestaltung von Websites und Webanwendungen bereitstellt. Die Gestaltungsvorlagen basieren auf HTML und CSS und beinhalten Formulare, Buttons, Tabellen und viele andere Oberflächenelemente. Dieser Vortrag gibt eine Einführung und weitere wertvolle Tipps aus der Praxis.
Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache Cordova
1. Roadshow:
Einstieg in die Hybrid-App Entwicklung
Gregor Biswanger | CEO von CleverSocial.de, Freier Dozent, Berater, Trainer und Autor
about.me/gregor.biswanger
2. Über mich
Gründer von CleverSocial.de
Freier Dozent, Berater und Trainer
Schwerpunkte .NET-Architektur, Agile Prozesse,
XAML, Web und Cloud
Technologieberater für die Intel Developer Zone
Sprecher auf Konferenzen und User Groups
Freier Autor für heise.de, dotnetpro,
WindowsDeveloper und viele weitere Fachmagazine
Video-Trainer bei video2brain und Microsoft
Gregor Biswanger
Microsoft MVP, Intel Black Belt &
Intel Software Innovator
dotnet-blog.net
about.me/gregor.biswanger
3. Verlosung am Ende der Show
Posten mit dem Hashtag #IntelXDKShow auf Facebook oder Twitter.
4. Unser Reiseplan
Wieso ist Cross-Plattform Entwicklung wichtig
Aktuelle Lösungen im Vergleich
Einführung in das Intel XDK
Das Intel App Framework
Responsive Webdesign
Sensoren
#IntelXDKShow
6. HTML5 bietet Features aus der Desktop-Welt!
Offline Lauffähig
Multi-threading mit WebWorkers
Effiziente Kommunikation mit WebSockets
Persistente Datenspeicherung
Zugriff auf lokale Geräte (z.B. Kamera, Webcam)
Geolokalisierung
3D Fähigkeiten (WebGL)
Multimedia (Video und Audio)
Zeichnen von 2D Bitmaps/Sprites (Canvas)
9. Der Unterschied von App und Web
Mehr Performance
Besseren Zugriff auf Hardware
Bessere Interaktion
…
Accelerometer Gyroscope GPS Ambient LightCompass NFC
#IntelXDKShow
10. Wir haben ein Problem: Der Markt ist zu groß!
#IntelXDKShow
11. JavaScript – The Good Parts ;)
Wenn nicht alle Plattformen benötigt werden, soll eine native App-Entwicklung bevorzugt werden!
#IntelXDKShow
13. Xamarin
Vorteile
Die Entwicklungsumgebung ist
Visual Studio
Entwicklungssprache ist C#
Die Apps werden nativ kompiliert
Einheitliches Frontend
Nachteile
Ist nicht kostenlos
Jede Plattform hat eine eigene API
Die Apple-Plattform kann nur auf dem
Mac entwickelt werden
Zu wenig Plattformen werden unterstützt
#IntelXDKShow
14. Die Lösung: Hybrid-Apps mit Apache Cordova
Cordova ist ein JavaScript-Framework für lokal installierbare WebApps
auf mobilen Endgeräten
Ist Open-Source und liegt auf GitHub
Unterstützte Plattformen: iOS, Android, LG webOS, Symbian OS,
BlackBerry, Tizen, Firefox OS, Windows Phone, Windows 8
Features
Zugriff auf Sensoren
Plattformspezifische Funktionen (Notifications)
Zugriff auf Kontakte
Zugriff auf lokale Dateien
Cordova bietet kein UI Framework!
cordova.apache.org
#IntelXDKShow
16. Entwickelt von der Firma Nitobi
2009: Erstmals wurde PhoneGap auf dem
iPhoneDevCamp in San Francisco vorgestellt
Bei O‘Reilly Media 2009 Web 2.0 Conference
gewann PhoneGap den People´s Choice Award
#IntelXDKShow
17. Nitobi wurde von Adobe gekauft
2011: Adobe verkündete offiziell die Übernahme
von Nitobi Software
Gleichzeitig wurde PhoneGap der Apache
Software Foundation gespendet
#IntelXDKShow
22. Adobe PhoneGap
Ein Code für alle gängige Plattformen
Eine Vielzahl an Plattformen werden
unterstützt
Einheitliche API für alle gängigen
Plattformen
Sehr große Community
Nachteile
Das Erstellen von Apps in der Cloud ist
nicht kostenfrei
Die Apps sind nur teilweise nativ
Für jede Plattform wird ein eigener
Emulator benötigt
Für jede Plattform wird eine eigene
Datenstruktur benötigt
Plattform spezifische Contracts müssen
mit zusätzlichen Aufwand implementiert
werden
Hoher Lernaufwand
Vorteile
#IntelXDKShow
24. Intel XDK
Ein Code für alle gängige Plattformen
Eine Vielzahl an Plattformen wird unterstützt
Einheitliche API für alle gängigen Plattformen
Sehr große Community
Kostenlose Entwicklungsumgebung
Emulatoren für alle gängigen Geräte und
Plattformen
Kostenloses Erstellen von Apps
Interoperabilität zu anderen
Entwicklungsumgebungen
Einige native Lösungen für schnellere Apps
Rapid Application Development möglich
Nachteile
Die Apps sind nur teilweise nativ
Plattform spezifische Contracts müssen mit
zusätzlichen Aufwand implementiert werden
Vorteile
#IntelXDKShow
25. Das Intel XDK
Komplett kostenlos
Leichtgewichtig mit nur 130 MB
Läuft unter Windows, OS X, Linux und weitere Linux-Derivaten
Ist selbst in HTML und JavaScript entwickelt worden
Besteht aus:
Einer Entwicklungsumgebung (IDE)
Ein JavaScript UI Framework (Intel App Framework)
Kostenlosen App Builder in der Cloud (basierend auf Apache Cordova)
#IntelXDKShow
28. Der Develop-Tab
Code-Editor ist vom Adobes Open-Source HTML-Editor Brackets
IntelliSense für JavaScript und viele weitere Features
Unterstützung für die Versionsverwaltung Git
App Designer
Unterstützt unterschiedliche JavaScript UI Frameworks:
Intel App Framework
Bootstrap 3
JQuery Mobile
Topcoat
Unterstützt Responsive Webdesign
#IntelXDKShow
29. Der Emulate-Tab
Apache Ripple Integration simuliert Mobile Geräte
Emulatoren für Smartphones, Tablets, E-Book-Reader und Ultrabooks
Das Simulieren von Sensoren ist möglich
Multi-Monitor Support
Debugging mittels Google Chrome Developer Tools
#IntelXDKShow
30. Der Test-Tab
Ermöglicht ein Ausführen der App auf dem eigenen Device
Mobile (Über die Cloud)
WiFi (WLAN)
Per E-Mail (Via Project-Tab)
App muss auf dem Zielgerät vorhanden sein
Intel XDK App Preview
#IntelXDKShow
31. Der Build-Tab
App wird vom Intel XDK Build
Service in der Cloud erzeugt
Unterstützt werden die
Plattformen:
Windows 8 Store Apps, Windows Phone 8
Apps
Android, Crosswalk for Android
Tizen
Amazon
Nook
iOS Ad Hoc, iOS Production
Firefox OS
WebApp
Chrome App
Facebook App
#IntelXDKShow
32. Der Service-Tab
Cloud-Dienste von Drittanbietern
Teilweise kostenpflichtig
Proxy-Generator für REST Web-Services mit JSON
Ist vom Open-Source Projekt I/O Docs
Unterstützung von AngularJS oder Backbone
#IntelXDKShow
33. Fazit
Das Intel XDK bietet alle wichtigen Funktionen für die Cross-Plattform
Entwicklung
Das Intel XDK ist eine Kombination aus unterschiedlichen Open-
Source-Projekten
Interoperabilität zu jeder Phase
#IntelXDKShow
34. Das Intel App Framework
Ist eine umfangreiche UI-JavaScript-Bibliothek, die auf drei Hauptmerkmale
aufbaut:
1. Es verfügt über eine Abfrage-Selektor-Bibliothek für die einfache DOM-Manipulation, deren
Syntax der von JQuery sehr ähnlich ist
2. Zusätzlich umfasst es ein UI/UX-Framework, das gestochen scharfe Animationen und flüssiges
Scrollen bietet (native Lösungen)
3. Zudem gibt es die Möglichkeit, hier für JavaScript Plug-ins zu erstellen
Ist Open-Source unter MIT-X11-Lizenz
Für mehr Performance
http://www.codefessions.com/2012/08/performance-of-jquery-compatible-mobile.html
#IntelXDKShow
35. App-Framework-Query-Selector
Zugriff auf HTML-Elemente mit der $()-Funktion.
Dazu werden unterschiedliche Parameter zur Zuweisung unterstützt:
String: Zugriff auf Elemente mit ID-Attributen, Elemente, die auf bestimmte CSS-Klassen verweisen, oder beides.
Auch ein direkter Verweis für alle HTML-Elemente vom gleichen Typ ist möglich
Element: Das App-Framework erzeugt dynamisch ein HTML-Elementobjekt
Array/Object: Das App-Framework erzeugt dynamisch ein HTML-Elementobjekt mit Kinder-Elementen
Function: Führt eine Funktion aus, wenn DOMContentLoaded angetriggert wurde
#IntelXDKShow
36. App-Framework-UI
Das App-Framework-UI wird abgekürzt im Code verwendet: AFUI
Ermöglicht ein natives Theming der App
Das Layout passt sich automatisch der darunterliegenden Plattform an
Zahlreiche fertige Steuerelemente
CSS3 bietet zahlreiche fertige Icons (Vektorbasiert) und Animationen
Kompatibel mit anderen Frameworks (z.B. Backbone.js oder JQuery)
Erweiterungen durch Plug-in-Support möglich
#IntelXDKShow
37. Fazit
Große Ähnlichkeiten zu JQuery Mobile, Zepto.js oder Twitter
Bootstrap, konzentriert sich aber auf die wesentlichen Punkte wie
Einfachheit und Performance
Es ist Open-Source
Kompatibel zu anderen JavaScript Frameworks
#IntelXDKShow
40. Das ist KEIN Responsive Design
http://www.rtl2.de oder
http://Lingscars.com
#IntelXDKShow
41. Responsive Webdesign Regeln
Oberfläche passt sich der Device-Größe an
Oberfläche muss nicht zusätzlich gezoomt werden
Oberfläche lässt sich passend zum Device mit Maus/Tastatur oder
Touch bedienen
#IntelXDKShow
43. Das Web war schon immer Responsive!
Philadelphia 1955
#IntelXDKShow
44. Das Layout der Zeitung wird mit Tabellen gemacht
Layouten mit einer Desktop-Publishing (DTP)
Software
Druck bei der Presse
Artikel
#IntelXDKShow
45. Die Geschichte vom Layouten im Webdesign
Frameset -> Tabellen -> Div -> Tabellen -> Div
Standard Auflösung von
800 x 600
1024 x 768
Layouten mit Framesets#IntelXDKShow
46. Mobile First Responsive Design
So klein wie möglich anfangen
Idee von Luke Wroblewski (lukew.com)
Wird erfolgreich umgesetzt bei großen
Konzernen
Google
Facebook
Adobe
yelp
Und viele weitere…
#IntelXDKShow
47. Media Queries
@media all {
#content {
text-align:center;
}
}
@media screen and (max-width: 480px) {
#content {
font-size:80%;
color:#0000FF;
}
}
http://cssmediaqueries.com
#IntelXDKShow
49. Der Fluch von Responsive Webdesign
Das aktuelle Design passt nicht dazu
Wir sind gar keine Designer
Ständige Seiteneffekte
Cross-Browser Probleme
Zu aufwändig
Fazit: Ist es wirklich nötig?
#IntelXDKShow
53. Bootstrap 3.3.2
UI Framework fürs Web
Open-Source auf GitHub
Basiert auf CSS3 und JavaScript
Bietet zahlreiche Steuerelemente und Icons
Unterstützt alle gängigen Browser
#IntelXDKShow
54. Mit Bootstrap Responsive
Zurück zu Tabellen aber mit Div durch das Bootstrap Grid-System
Besteht aus 12 Spalten
#IntelXDKShow
57. Das Intel XDK und das Intel App Framework
unterstützen das gleiche Prinzip!
Der App Designer unterstützt unterschiedliche UI Frameworks
Der App Designer bietet Responsive Webdesign ohne Programmieraufwand
Das Intel App Framework selbst unterstützt auch das Grid-System
#IntelXDKShow
58. Fazit
Wir wissen jetzt was Responsive Webdesign ist
Wofür es wichtig ist
Worauf man zu achten hat
Und dass das Intel XDK durch den App Designer ein
ideales Tooling bietet
#IntelXDKShow
61. Einheitlicher Zugriff auf Funktionen
Aktuelle Abfrage
Beginnt immer mit sensor.get…
Abfrage in einem bestimmten Intervall
Beginnt immer mit sensor.watch…
Intervall kann optional festgelegt werden
#IntelXDKShow
62. Accelerometer
Auch bekannt als Beschleunigungssensor
Wird nicht nur zur Messung von Geschwindigkeit verwendet:
Erkennung von Vibration und Bewegung
Messen von Kräften
intel.xdk.accelerometer
http://software.intel.com/en-us/node/492838
#IntelXDKShow
63. Fazit
Simulator unterstützt „noch“ nicht alle Sensoren
Zugriff auf Sensoren mittels Intel XDK, Cordova und weiteren
Plug-Ins möglich
Einheitlicher Zugriff mit einfachem Standard
#IntelXDKShow