Agile in Action - Act 3: Testing

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

description

 

Transcript of Agile in Action - Act 3: Testing

Page 1: Agile in Action - Act 3: Testing

The Real World Agile Roadshow – Getting started with Agile Application Lifecycle Management

Agile in Action – Act 3: The Frontend

Page 2: Agile in Action - Act 3: Testing

| 2

[email protected]

Operations Management

Solution Deployment

Requirements Management

Quality Assurance and

Testing

Development

Solution Architecture

Application Lifecycle

The ALM Cycle

Developers

Write and Debug Code

Version Control

Code Quality

Designers

Prototyping

UI Design

Interaction Modeling

Page 3: Agile in Action - Act 3: Testing

[email protected]

The Art and Science … … of Software Development

Page 4: Agile in Action - Act 3: Testing

| 4

[email protected] The Art and Science of Software Development

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!

Page 5: Agile in Action - Act 3: Testing

| 5

[email protected] Recent Paradigm Shifts

UX

Application Experiences

Interactivity/Response/Richness

Rich Media Content

Exponential Growth

Desktop & Web

Merging/blurring

Page 6: Agile in Action - Act 3: Testing

| 6

[email protected] It‘s The Experience That Counts!

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!

Page 7: Agile in Action - Act 3: Testing

| 7

[email protected] Good – Better - Best

Broadest Reach Lowest common denominator

Better UX Tradeoff between Reach & Rich

Best UX Rich client experience

Page 8: Agile in Action - Act 3: Testing

| 8

[email protected] Rich VS Reach

Richness (UX) >

(Cro

ss)-

Pla

tfo

rm R

each

>

ASP.NET 2.0 (D)HTML ASP.NET

HTML5

Silverlight

WPF

Win32

DirectX 9

DirectX 10 Console

Flash

Windows Phone 7

Page 9: Agile in Action - Act 3: Testing

[email protected]

HTML 5 and CSS3: A (Very Quick!) Introduction

Page 10: Agile in Action - Act 3: Testing

| 10

[email protected] HTML 5 promises Interoperability … … 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!

Page 11: Agile in Action - Act 3: Testing

| 11

[email protected]

=

(content)

+

(presentation)

Page 12: Agile in Action - Act 3: Testing

| 12

[email protected] The Content Layer – HTML 5

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

Page 13: Agile in Action - Act 3: Testing

| 13

[email protected] The Presentation Layer – CSS3

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

Page 14: Agile in Action - Act 3: Testing

| 14

[email protected]

HTML 5 and CSS3

Demo

Page 15: Agile in Action - Act 3: Testing

| 15

[email protected]

Page 16: Agile in Action - Act 3: Testing

| 16

[email protected] HTML 5 Criticism

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!

Page 17: Agile in Action - Act 3: Testing

| 17

[email protected]

Page 18: Agile in Action - Act 3: Testing

| 18

[email protected] Internet Explorer Desktop Integration

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:

Page 19: Agile in Action - Act 3: Testing

| 19

[email protected]

A rich HTML 5 Frontend for MicroFinance HD

Demo

Page 20: Agile in Action - Act 3: Testing

[email protected]

Windows Phone 7 A (Very Quick!) Introduction

Page 21: Agile in Action - Act 3: Testing

| 21

[email protected] The Windows Phone Platform

Page 22: Agile in Action - Act 3: Testing

| 22

[email protected] Integrated Security

Managed code only

Applications are sandboxed

Principle of minimal privilege

Certification and verification

Windows Phone Marketplace distribution only

Internet Explorer Mobile isolation

Page 23: Agile in Action - Act 3: Testing

| 23

[email protected] Two Flavors of Applications

High-performance game framework

Rapid creation of 2-D and 3-D games

Rich content pipeline

Mature, robust, widely adopted technology spanning Xbox 360, Windows, and Zune

XAML/event-driven application framework

Rapid creation of visually stunning apps

Metro-themed UI controls

HTML/JavaScript Support

500,000 developers/Windows and web

Page 24: Agile in Action - Act 3: Testing

| 24

[email protected] Best-of-Breed Development Tools

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

Page 25: Agile in Action - Act 3: Testing

| 25

[email protected] Cloud Integrated!

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:

Page 26: Agile in Action - Act 3: Testing

| 26

[email protected] Marketplace

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

Page 27: Agile in Action - Act 3: Testing

| 27

[email protected] Dedicated Developer Portal

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

Page 28: Agile in Action - Act 3: Testing

| 28

[email protected]

A Windows Phone Frontend for MicroFinance HD

Demo

Page 29: Agile in Action - Act 3: Testing

| 29

[email protected]