Development of a Windows 8 app based on ImmobilienScout24 REST API

14
Entwicklung für Windows 8 am Beispiel einer Anwendung auf Basis der ImmobilienScout REST API

Transcript of Development of a Windows 8 app based on ImmobilienScout24 REST API

Page 1: Development of a Windows 8 app based on ImmobilienScout24 REST API

Entwicklung für Windows 8

am Beispiel einer Anwendung auf Basis der ImmobilienScout REST API

Page 2: Development of a Windows 8 app based on ImmobilienScout24 REST API

Entwicklung für Windows 8

Alexander Kraskov

bis Februar als Entwickler tätig für das Developer Garden Projekt der Telekom

fb.me/kraskow

Uwe Kaminski

Manager für Developer Portal und Community, Deutsche Telekom, Products & Innovation

http://www.developergarden.com

Page 3: Development of a Windows 8 app based on ImmobilienScout24 REST API

Developer-Basics: Tools

Windows 8 Consumer Previewhttp://windows.microsoft.com/en-US/windows-8/iso

Download Windows 7 USB/DVD Tool

http://images2.store.microsoft.com/prod/clustera/framework/w7udt/1.0/en-us/Windows7-USB-DVD-tool.exe

Prepare SD Card or USB Stick with downloaded .iso

Install Windows 8 on your device (32 or 64 bit)

Page 4: Development of a Windows 8 app based on ImmobilienScout24 REST API

Developer-Basics: Tools

Microsoft Visual Studio 11 Express Beta for Windows 8http://www.microsoft.com/download/en/confirmation.aspx?id=28974

Could be installed on Windows 7 or 8Contains Windows 8 Simulator

Page 5: Development of a Windows 8 app based on ImmobilienScout24 REST API

Developer-Basics: Pre requirements

Windows Live account (www.live.com)

Hardware:

Whatever runs Windows 7 will also be able to run Windows 8

Optional advantage: TouchScreen devices

Page 6: Development of a Windows 8 app based on ImmobilienScout24 REST API

Developer-Basics: Knowledge

C/C++ C#/VB.NET JavaScript

WinRT yes yes yes

Silverlight/XAML yes yes no

HTML no no yes

DirectX yes no no

Codesharing Legacy Windows Apps, professional Xbox, other platforms...

Legacy Windows Apps, indie Xbox, Windows Phone Apps, ...

Websites, HTML apps, ...

Page 7: Development of a Windows 8 app based on ImmobilienScout24 REST API

Basic development concept

1. C# Objects with Mock-Data

2. XAML-Pages and Bindings

3. «Real Data» from IS24 REST API

Page 8: Development of a Windows 8 app based on ImmobilienScout24 REST API

Data Binding

Page 9: Development of a Windows 8 app based on ImmobilienScout24 REST API

UI Design PatternsScreen areas while reading

Screen areas while interacting

http://msdn.microsoft.com/en-us/library/windows/apps/hh770552.aspx

Hierarchical navigation

Linear navigation

Example: Web browser

Page 10: Development of a Windows 8 app based on ImmobilienScout24 REST API

ImmobilienScout24 API

REST, OAuth, JSON oder XML

Features:

Search for real estates

Contact realtor

Shortlist functions

Send or share real estates

Region autocompletion searchhttp://www.developergarden.com/apis/apis-sdks/immobilienscout24/

Page 11: Development of a Windows 8 app based on ImmobilienScout24 REST API

Known Issues

There is no Map-UserControl aviable yet in .Net Framework 4.5

ListBox/ListView: There is no «Scrolled» Event so it's impossible to detect the list's end

ListBox and ListView block UI while adding many new items

Page 12: Development of a Windows 8 app based on ImmobilienScout24 REST API

Workarounds

Bing Maps SDK for metro style apps (beta)

Bing Maps API, static Picture with specified coordinates and manual implemented controls (zoom, etc)

Using of VisualTreeHelper to find a ScrollBox in ListViews

Using of PeriodicTimer to add new items

Page 13: Development of a Windows 8 app based on ImmobilienScout24 REST API

Demo

Page 14: Development of a Windows 8 app based on ImmobilienScout24 REST API

Any questions?