1. The Real World Agile Roadshow – Getting started with Agile Application Lifecycle Management
Agile in Action – Act 3:
The Frontend

2. The ALM Cycle choon@azaas.com
Operations Developers
Management
Write and Debug Code
Version Control
Solution Requirements
Deployment Management Code Quality
Application
Lifecycle Designers
Quality Solution
Assurance and Prototyping
Architecture
Testing UI Design
Interaction Modeling
Development
| 2

3. choon@azaas.com
The Art and Science …
… of Software Development

4. The Art and Science of Software Development
choon@azaas.com
 Microsoft has always been a leader in the science
part of software development:
 Millions of developers all over the world build software that solves
complex business problems using the Microsoft platform.
 Development teams create great features and functionality.
 But - customer and user expectations change
Functionality and features may no longer be
enough to make software successful!
| 4

5. Recent Paradigm Shifts choon@azaas.com
Application Experiences
Interactivity/Response/Richness
UX
Rich Media Content
Exponential Growth
Desktop & Web
Merging/blurring
| 5

6. It‘s The Experience That Counts! choon@azaas.com
 Products and services can simply fail if they offer a
suboptimal experience to users and customers
 Designing unique user experiences will become very
important for software development
 Users of software care about their experience
As far as the user is concerned,
The experience IS the product!
| 6

7. Good – Better - Best choon@azaas.com
Broadest Reach Better UX Best UX
Lowest common denominator Tradeoff between Reach & Rich Rich client experience
| 7

8. Rich VS Reach choon@azaas.com
(D)HTML
ASP.NET 2.0
ASP.NET
HTML5
Flash
Silverlight
WPF
(Cross)-Platform Reach >
Win32
Windows DirectX DirectX
Console 9 10
Phone 7
Richness (UX) >
| 8

9. choon@azaas.com
HTML 5 and CSS3:
A (Very Quick!) Introduction

10. HTML 5 promises Interoperability … choon@azaas.com
… by enabling the same markup everywhere
Commonly used to refer to modern open web
standards like HTML 5, CSS3, and more
The W3C HTML5 specification is still a draft,
it’s over 1100 pages and keeps evolving
Adds new rich media and graphics support
(canvas, video, audio, inline SVG…)
Standardizes behavior for browser vendors,
enabling same markup everywhere
We’ve donated almost 6,000 test cases to the
W3C to date with many more to come!
| 10

11. choon@azaas.com
=
(content)
+
(presentation)
| 11

12. The Content Layer – HTML 5 choon@azaas.com
 New elements
 New structural elements – provides new semantic vocabulary for parts of a page
 New markup elements – measurements, data, time etc.
 Audio and Video – allows for embedding of content, including audio and video
 New form controls with validation
 Simplified doctype/encoding - supports both html & xhtml
 New APIs
 Drag & Drop – allows objects to be dragged and then dropped on targets
 Cross-Document Messaging – allows documents to communicate across domains
 Client Storage – stores simple session data or structured data using SQL-like queries
 Offline Application Caching – connection detection, applications run offline
 Canvas/SVG – API for drawing directly in the browser window using vector graphics
 Geolocation
 Web Workers – background processing/threading for web apps
| 12

13. The Presentation Layer – CSS3 choon@azaas.com
 Color - Opacity, RGBA, HSLA
 Backgrounds – Size, Image Layers, Multiple Images
 Borders – Color, Image, Radius, Shadow
 Text – Overflow, Shadow, Formatting, Fonts
 Transformations – Rotate, Scale, Skew, Transform
 3D Transformations
| 13

14. choon@azaas.com
Demo
HTML 5 and CSS3
| 14

15. choon@azaas.com
| 15

16. HTML 5 Criticism choon@azaas.com
 It‘s still heavily in flux – draft specification only. Expected in 2022.
 It‘s OK for web sites but what about LOB web applications?
 Is it actually possible to create complex business logic in Javascript?
Would anyone want to?
 No standardized development environment
 Different support of individual HTML 5 features by different browsers
can lead to browser-specific applications – Browser Wars 2.0?
HTML 5 is an option if you need broad reach for your application –
but be mindful of potential issues/complexities!
| 16

17. choon@azaas.com
| 17

18. Internet Explorer Desktop Integration choon@azaas.com
 Internet Explorer 9 puts the web at the center of the user's experience
in Windows. Web applications can feel more like native applications in
Windows 7 with IE9 features:
| 18

19. choon@azaas.com
Demo
A rich HTML 5 Frontend
for MicroFinance HD
| 19

20. choon@azaas.com
Windows Phone 7
A (Very Quick!) Introduction

21. The Windows Phone Platform choon@azaas.com
| 21

22. Integrated Security choon@azaas.com
 Managed code only
 Applications are sandboxed
 Principle of minimal privilege
 Certification and verification
 Windows Phone Marketplace distribution only
 Internet Explorer Mobile isolation
| 22

23. Two Flavors of Applications choon@azaas.com
 XAML/event-driven application framework  High-performance game framework
 Rapid creation of visually stunning apps  Rapid creation of 2-D and 3-D games
 Metro-themed UI controls  Rich content pipeline
 HTML/JavaScript Support  Mature, robust, widely adopted
 500,000 developers/Windows and web technology spanning Xbox 360,
Windows, and Zune
| 23

24. Best-of-Breed Development Tools choon@azaas.com
 Tools
 Microsoft Visual Studio 2010 (with free add-in for Windows Phone 7)
 Free: Visual Studio 2010 Express for Windows Phone
 Microsoft Expression Blend 4
 Free: Expression Blend 4 for Windows Phone
 Free: Windows Phone 7 Emulator
 Free: XNA Game Studio 4.0
 Single download and install
 Installation integrates with what you have and know
http://create.msdn.com
| 24

25. Cloud Integrated! choon@azaas.com
 Rich support for incorporating custom web
services into app-specific experiences:
 Built-in APIs integrated with Microsoft services:
 Familiar API frameworks for interacting with
existing web 2.0 services:
| 25

26. Marketplace choon@azaas.com
 Enhanced discovery
 It is easy to find applications
 Simple acquisition
 Try before you buy
 Offers payment flexibility with
mobile operator (MO) billing
and credit card billing options
 Application updates
 User Experience
 The Windows Phone Marketplace hub brings applications to life in a new, dynamic,
panoramic, and searchable shopping experience focused on content
 Microsoft certifies all applications in a well-established process before they are
released live to the Marketplace – focus on quality and security
 Organizations can publish B2B applications for employees
| 26

27. Dedicated Developer Portal choon@azaas.com
 A single destination to access all the tools and support
 Manage the end-to-end lifecycle of applications
 Self-service portal provides tools, shipping, and monetization
 Best practices and community
 Windows Phone Marketplace
 Developers have a single worldwide distribution channel with global access
http://create.msdn.com
| 27

28. choon@azaas.com
Demo
A Windows Phone Frontend
for MicroFinance HD
| 28

29. choon@azaas.com
| 29

30. choon@azaas.com