SlideShare a Scribd company logo
1 of 21
UNIVERSAL APPS 
Mohamed Emam 
MSP, Windows and Windows Phone Developer 
@mohamedemam0
AGENDA 
• Overview 
• UI Controls 
• Page Navigation 
• Data Binding
OVERVIEW 
• Write Once, Deploy To All The Windows 
• Buy Once For All Of Your Windows 
• Universal Apps enable building applications on different converged platforms 
• Converged platforms use a single Windows Runtime: Windows 8.1 and Windows 
Phone 8.1 (future: Xbox, …) 
• Converged developer platform, converged App model
UNIVERSAL APP
WHY UNIVERSAL APPS? 
• Share up to 90% of the code 
• Shared in-app purchases 
• Unified ad-units for Windows Phone and Windows apps 
• Shared revenue model
Classes Structs Interfaces 
Windows 8.1 SDK 566 119 59 
Windows Phone 8.1 SDK 624 131 57 
+58 +12 -2 
WINDOWS.UI.XAML.*
XAML: WHAT IS COMMON? 
• Common Controls (Button, Textbox, …) 
• Optimized Controls (DatePicker, TimePicker, …) 
• Signature Controls (device specific, Hub, Pivot,…)
CONVERGED CONTROLS 
 what’s it really mean? 
80% exact same XAML 20% custom 
Common Optimized Signature 
DatePicker 
TimePicker 
CommandBar 
Button 
CheckBox 
ToggleSwitch 
Slider 
RadioButton ProgressBar 
Hub 
Pivot 
ListView 
GridView 
AppBar 
SysTray
CODE REUSE 
• Shared Projects (Share source code between projects of universal, Allow platform 
specific code using #if or partial class) 
• PCL (Share binary library between universal apps, compile once, deploy on different 
platforms)
UI CONTROLS 
• Button 
• Grid 
• Appbar 
• Stackpanel 
• Gridview 
• Textbox 
• Button > Flyout > Grid > Button 
• Flipview 
• Datepicker 
• Combobox 
• Radio Buttons/Check Box
UI CONTROLS 
DEMO
PAGE NAVIGATION 
• Navigate to a page. 
• Navigate with a parameter. 
• Navigate to URI
PAGE NAVIGATION 
DEMO
DATA BINDING 
• One Way 
• Two Way
DATA BINDING 
DEMO
SUMMARY 
• Overview 
• UI Controls 
• DEMO 
• Page Navigation 
• DEMO 
• Data Binding 
• DEMO
TIME TO GET ANSWERED 
Q&A
FEEL FREE TO CONTACT ME :) 
/mohamedemam0 
@mohamedemam0 
mohamedemam0@outlook.com 
mohammedemam.wordpress.com
Common Control
Optimized Control

More Related Content

What's hot

Understanding the Windows Desktop App Development Landscape + Top 10 WPF Po...
Understanding the Windows Desktop App Development Landscape   + Top 10 WPF Po...Understanding the Windows Desktop App Development Landscape   + Top 10 WPF Po...
Understanding the Windows Desktop App Development Landscape + Top 10 WPF Po...
MSDEVMTL
 
Mvvm crossevent basics
Mvvm crossevent basicsMvvm crossevent basics
Mvvm crossevent basics
Qframe
 
Introduction to silverlight control 4
Introduction to silverlight control 4Introduction to silverlight control 4
Introduction to silverlight control 4
msarangam
 
Create a Windows 8 App in minutes
Create a Windows 8 App in minutesCreate a Windows 8 App in minutes
Create a Windows 8 App in minutes
Frank La Vigne
 

What's hot (12)

EveryonePrint 4.1
EveryonePrint 4.1EveryonePrint 4.1
EveryonePrint 4.1
 
Understanding the Windows Desktop App Development Landscape + Top 10 WPF Po...
Understanding the Windows Desktop App Development Landscape   + Top 10 WPF Po...Understanding the Windows Desktop App Development Landscape   + Top 10 WPF Po...
Understanding the Windows Desktop App Development Landscape + Top 10 WPF Po...
 
MIX09 Keynote News review
MIX09 Keynote News reviewMIX09 Keynote News review
MIX09 Keynote News review
 
Developing windows phone 7 application with silverlight
Developing windows phone 7 application with silverlightDeveloping windows phone 7 application with silverlight
Developing windows phone 7 application with silverlight
 
Helping the Lions Roar
Helping the Lions RoarHelping the Lions Roar
Helping the Lions Roar
 
Mvvm crossevent basics
Mvvm crossevent basicsMvvm crossevent basics
Mvvm crossevent basics
 
Adobe User Group XL 2010
Adobe User Group XL 2010Adobe User Group XL 2010
Adobe User Group XL 2010
 
Infonis CBIM
Infonis CBIMInfonis CBIM
Infonis CBIM
 
Introduction to silverlight control 4
Introduction to silverlight control 4Introduction to silverlight control 4
Introduction to silverlight control 4
 
Ph Pgg Frontend
Ph Pgg FrontendPh Pgg Frontend
Ph Pgg Frontend
 
Create a Windows 8 App in minutes
Create a Windows 8 App in minutesCreate a Windows 8 App in minutes
Create a Windows 8 App in minutes
 
Universal windows platform - Application development done right
Universal windows platform - Application development done rightUniversal windows platform - Application development done right
Universal windows platform - Application development done right
 

Viewers also liked (11)

Thanks Jani
Thanks JaniThanks Jani
Thanks Jani
 
Towers Watson Spotlight CCR Nov 2010
Towers Watson Spotlight CCR Nov 2010Towers Watson Spotlight CCR Nov 2010
Towers Watson Spotlight CCR Nov 2010
 
Vocab basic 2010
Vocab basic 2010Vocab basic 2010
Vocab basic 2010
 
Samsung s4
Samsung s4Samsung s4
Samsung s4
 
Hour of Code - Mohamed Emam
Hour of Code - Mohamed EmamHour of Code - Mohamed Emam
Hour of Code - Mohamed Emam
 
Inventory report
Inventory reportInventory report
Inventory report
 
Presentation skills
Presentation skillsPresentation skills
Presentation skills
 
Object Oriented Programming Concepts
Object Oriented Programming ConceptsObject Oriented Programming Concepts
Object Oriented Programming Concepts
 
S emb t8-arch_itfio
S emb t8-arch_itfioS emb t8-arch_itfio
S emb t8-arch_itfio
 
S emb t2-definition
S emb t2-definitionS emb t2-definition
S emb t2-definition
 
نماذج التصميم
نماذج التصميمنماذج التصميم
نماذج التصميم
 

Similar to Universal Apps

Introduction to MonoTouch
Introduction to MonoTouchIntroduction to MonoTouch
Introduction to MonoTouch
Jonas Follesø
 
Win j svsphonegap-damyan-petev-mihail-mateev
Win j svsphonegap-damyan-petev-mihail-mateevWin j svsphonegap-damyan-petev-mihail-mateev
Win j svsphonegap-damyan-petev-mihail-mateev
Mihail Mateev
 

Similar to Universal Apps (20)

Intro to Xamarin
Intro to XamarinIntro to Xamarin
Intro to Xamarin
 
Introduction to xamarin
Introduction to xamarinIntroduction to xamarin
Introduction to xamarin
 
WIPJam Cross Platform Tools - Dec 2013
WIPJam   Cross Platform Tools - Dec 2013WIPJam   Cross Platform Tools - Dec 2013
WIPJam Cross Platform Tools - Dec 2013
 
Mobile applications development
Mobile applications developmentMobile applications development
Mobile applications development
 
How to modernise WPF and Windows Forms applications with Windows Apps SDK
How to modernise WPF and Windows Forms applications with Windows Apps SDKHow to modernise WPF and Windows Forms applications with Windows Apps SDK
How to modernise WPF and Windows Forms applications with Windows Apps SDK
 
Universal Apps Oct 2014
Universal Apps Oct 2014Universal Apps Oct 2014
Universal Apps Oct 2014
 
Xamarin COE by Mukteswar Patnaik
Xamarin COE by Mukteswar PatnaikXamarin COE by Mukteswar Patnaik
Xamarin COE by Mukteswar Patnaik
 
Cross platform app dev with xamarin forms
Cross platform app dev with xamarin formsCross platform app dev with xamarin forms
Cross platform app dev with xamarin forms
 
Introduction to Xamarin
Introduction to XamarinIntroduction to Xamarin
Introduction to Xamarin
 
Introduction to MonoTouch
Introduction to MonoTouchIntroduction to MonoTouch
Introduction to MonoTouch
 
Titanium appcelerator kickstart
Titanium appcelerator kickstartTitanium appcelerator kickstart
Titanium appcelerator kickstart
 
Getting Started with Xamarin App Development
Getting Started with Xamarin App DevelopmentGetting Started with Xamarin App Development
Getting Started with Xamarin App Development
 
Win j svsphonegap-damyan-petev-mihail-mateev
Win j svsphonegap-damyan-petev-mihail-mateevWin j svsphonegap-damyan-petev-mihail-mateev
Win j svsphonegap-damyan-petev-mihail-mateev
 
Cross Platform Mobile App Development
Cross Platform Mobile App DevelopmentCross Platform Mobile App Development
Cross Platform Mobile App Development
 
Introduction to Xamarin.Forms
Introduction to Xamarin.FormsIntroduction to Xamarin.Forms
Introduction to Xamarin.Forms
 
Building Cross Platform Mobile Applications
Building Cross Platform Mobile ApplicationsBuilding Cross Platform Mobile Applications
Building Cross Platform Mobile Applications
 
[Bdotnet] Cloud connected mobile apps
[Bdotnet] Cloud connected mobile apps[Bdotnet] Cloud connected mobile apps
[Bdotnet] Cloud connected mobile apps
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile Development
 
Rhodes Overview
Rhodes OverviewRhodes Overview
Rhodes Overview
 
Développement cross-plateforme sans compromis avec Xamarin
Développement cross-plateforme sans compromis avec XamarinDéveloppement cross-plateforme sans compromis avec Xamarin
Développement cross-plateforme sans compromis avec Xamarin
 

Recently uploaded

Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...
Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...
Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...
Medical / Health Care (+971588192166) Mifepristone and Misoprostol tablets 200mg
 
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
masabamasaba
 
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
VictoriaMetrics
 

Recently uploaded (20)

WSO2CON 2024 - How CSI Piemonte Is Apifying the Public Administration
WSO2CON 2024 - How CSI Piemonte Is Apifying the Public AdministrationWSO2CON 2024 - How CSI Piemonte Is Apifying the Public Administration
WSO2CON 2024 - How CSI Piemonte Is Apifying the Public Administration
 
WSO2Con2024 - Facilitating Broadband Switching Services for UK Telecoms Provi...
WSO2Con2024 - Facilitating Broadband Switching Services for UK Telecoms Provi...WSO2Con2024 - Facilitating Broadband Switching Services for UK Telecoms Provi...
WSO2Con2024 - Facilitating Broadband Switching Services for UK Telecoms Provi...
 
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
Direct Style Effect Systems -The Print[A] Example- A Comprehension AidDirect Style Effect Systems -The Print[A] Example- A Comprehension Aid
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
 
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
 
Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...
Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...
Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...
 
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
 
WSO2CON 2024 - Designing Event-Driven Enterprises: Stories of Transformation
WSO2CON 2024 - Designing Event-Driven Enterprises: Stories of TransformationWSO2CON 2024 - Designing Event-Driven Enterprises: Stories of Transformation
WSO2CON 2024 - Designing Event-Driven Enterprises: Stories of Transformation
 
WSO2Con2024 - Simplified Integration: Unveiling the Latest Features in WSO2 L...
WSO2Con2024 - Simplified Integration: Unveiling the Latest Features in WSO2 L...WSO2Con2024 - Simplified Integration: Unveiling the Latest Features in WSO2 L...
WSO2Con2024 - Simplified Integration: Unveiling the Latest Features in WSO2 L...
 
WSO2CON 2024 - Building a Digital Government in Uganda
WSO2CON 2024 - Building a Digital Government in UgandaWSO2CON 2024 - Building a Digital Government in Uganda
WSO2CON 2024 - Building a Digital Government in Uganda
 
WSO2Con2024 - GitOps in Action: Navigating Application Deployment in the Plat...
WSO2Con2024 - GitOps in Action: Navigating Application Deployment in the Plat...WSO2Con2024 - GitOps in Action: Navigating Application Deployment in the Plat...
WSO2Con2024 - GitOps in Action: Navigating Application Deployment in the Plat...
 
Architecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the pastArchitecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the past
 
%in Soweto+277-882-255-28 abortion pills for sale in soweto
%in Soweto+277-882-255-28 abortion pills for sale in soweto%in Soweto+277-882-255-28 abortion pills for sale in soweto
%in Soweto+277-882-255-28 abortion pills for sale in soweto
 
WSO2CON 2024 Slides - Unlocking Value with AI
WSO2CON 2024 Slides - Unlocking Value with AIWSO2CON 2024 Slides - Unlocking Value with AI
WSO2CON 2024 Slides - Unlocking Value with AI
 
WSO2CON 2024 - Navigating API Complexity: REST, GraphQL, gRPC, Websocket, Web...
WSO2CON 2024 - Navigating API Complexity: REST, GraphQL, gRPC, Websocket, Web...WSO2CON 2024 - Navigating API Complexity: REST, GraphQL, gRPC, Websocket, Web...
WSO2CON 2024 - Navigating API Complexity: REST, GraphQL, gRPC, Websocket, Web...
 
WSO2CON2024 - It's time to go Platformless
WSO2CON2024 - It's time to go PlatformlessWSO2CON2024 - It's time to go Platformless
WSO2CON2024 - It's time to go Platformless
 
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
 
WSO2CON 2024 Slides - Open Source to SaaS
WSO2CON 2024 Slides - Open Source to SaaSWSO2CON 2024 Slides - Open Source to SaaS
WSO2CON 2024 Slides - Open Source to SaaS
 
WSO2Con2024 - From Blueprint to Brilliance: WSO2's Guide to API-First Enginee...
WSO2Con2024 - From Blueprint to Brilliance: WSO2's Guide to API-First Enginee...WSO2Con2024 - From Blueprint to Brilliance: WSO2's Guide to API-First Enginee...
WSO2Con2024 - From Blueprint to Brilliance: WSO2's Guide to API-First Enginee...
 
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
 
WSO2CON 2024 - Architecting AI in the Enterprise: APIs and Applications
WSO2CON 2024 - Architecting AI in the Enterprise: APIs and ApplicationsWSO2CON 2024 - Architecting AI in the Enterprise: APIs and Applications
WSO2CON 2024 - Architecting AI in the Enterprise: APIs and Applications
 

Universal Apps

  • 1. UNIVERSAL APPS Mohamed Emam MSP, Windows and Windows Phone Developer @mohamedemam0
  • 2. AGENDA • Overview • UI Controls • Page Navigation • Data Binding
  • 3. OVERVIEW • Write Once, Deploy To All The Windows • Buy Once For All Of Your Windows • Universal Apps enable building applications on different converged platforms • Converged platforms use a single Windows Runtime: Windows 8.1 and Windows Phone 8.1 (future: Xbox, …) • Converged developer platform, converged App model
  • 5. WHY UNIVERSAL APPS? • Share up to 90% of the code • Shared in-app purchases • Unified ad-units for Windows Phone and Windows apps • Shared revenue model
  • 6.
  • 7. Classes Structs Interfaces Windows 8.1 SDK 566 119 59 Windows Phone 8.1 SDK 624 131 57 +58 +12 -2 WINDOWS.UI.XAML.*
  • 8. XAML: WHAT IS COMMON? • Common Controls (Button, Textbox, …) • Optimized Controls (DatePicker, TimePicker, …) • Signature Controls (device specific, Hub, Pivot,…)
  • 9. CONVERGED CONTROLS  what’s it really mean? 80% exact same XAML 20% custom Common Optimized Signature DatePicker TimePicker CommandBar Button CheckBox ToggleSwitch Slider RadioButton ProgressBar Hub Pivot ListView GridView AppBar SysTray
  • 10. CODE REUSE • Shared Projects (Share source code between projects of universal, Allow platform specific code using #if or partial class) • PCL (Share binary library between universal apps, compile once, deploy on different platforms)
  • 11. UI CONTROLS • Button • Grid • Appbar • Stackpanel • Gridview • Textbox • Button > Flyout > Grid > Button • Flipview • Datepicker • Combobox • Radio Buttons/Check Box
  • 13. PAGE NAVIGATION • Navigate to a page. • Navigate with a parameter. • Navigate to URI
  • 15. DATA BINDING • One Way • Two Way
  • 17. SUMMARY • Overview • UI Controls • DEMO • Page Navigation • DEMO • Data Binding • DEMO
  • 18. TIME TO GET ANSWERED Q&A
  • 19. FEEL FREE TO CONTACT ME :) /mohamedemam0 @mohamedemam0 mohamedemam0@outlook.com mohammedemam.wordpress.com

Editor's Notes

  1. A major new development opportunities introduced in Build 2014 (April 2 to 4 San Francisco), was the announcement of Windows Universal Apps Users today are using different devices at home, at work, out. A family may perhaps have more PCs, tablets, smartphones more. E 'therefore essential to develop the same app for different platforms, and without going through an effort of economic development and therefore considerable. 1 The universal apps allow you to develop applications on different platforms converge, windows and windows phone, reusing with maximum productivity and efficiency, the source code and possibly the graphical interface. 2. The universal app allow you to reach an even wider audience, on different devices, optimizing the applications themselves from the same code base. So besides being a great opportunity for optimization of the development process, are also from the point of view of economic return, as, for example, if we have a universal app we can reach a wider market, and obtain more venditem either directly from 'app itself, which for the IAP. Buy the app once and use it / synchronize data between different devices. Shared identities app Unified push services (via WNS) 3 Through a special project you can use the same shared code and share it across multiple projects, win and wp. New templates facilitate this task. Until now it was necessary to write the appropriate PCL, or add as a link, but the whole, however, limited to the track side of things. The projects shared in a universal app can contain any type of resource. The convergence of development platforms already began with the unification of the store took place in November, which includes a recording of the unification of the developer / company.
  2. The convergence of platforms win wp began with   wp 7.5, limited to the web, because they shared the same version of i and 9 that were on win, with the same html rendering engine and JavaScript engine itself.   wp 8.0, brings the unification of the kernel (left windows mobile), unification with low-level file system, drivers, and so on.   and the first hint of convergence for development, with the introduction of a subset of the Windows Runtime, partial convergence of bees (30%) focused on bees of sensors and in app purchase also IE10 continues to be common.   wp 8.1, brings the convergence to 90%, in particular for the development platform. This means that the architecture of both worlds is almost the same: 90% of the bees is the same,   life cycle of applications, tile, notifications, isolated storage, and so on. to be used by means of API WinRT common, and not more silverlight. In 8.1 we have a record to store shared with unified store. When you reserve a name for your windows app, you can then create a windows phone app, sharing the same name, which means that the user expects that the app has already purchased and installed for a platform, you can use it on other platforms, with the same functions or almost. The store allows you to combine two apps for the two platforms. Windows Phone 8.1 will be released around June 2014, all WP8 devices will be upgradeable. If you are a developer you will be able to use the program for Developers Preview, or just sign up to the App Studio that allows you to develop applications without any programming knowledge. Then you install the app for Developers Preview on the device, and enable the update of preview versions. (does not include driver and firmware updates)