KEMBAR78
Agile in Action - Act 3: Testing | PDF
The Real World Agile Roadshow – Getting started with Agile Application Lifecycle Management




Agile in Action – Act 3:
The Frontend
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
choon@azaas.com




The Art and Science …
… of Software Development
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
Recent Paradigm Shifts            choon@azaas.com




  Application Experiences
Interactivity/Response/Richness




                                  UX
     Rich Media Content
     Exponential Growth




       Desktop & Web
      Merging/blurring




                                            |   5
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
Good – Better - Best                                                   choon@azaas.com




    Broadest Reach                  Better UX                     Best UX
Lowest common denominator   Tradeoff between Reach & Rich   Rich client experience


                                                                                     |   7
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
choon@azaas.com




HTML 5 and CSS3:
A (Very Quick!) Introduction
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
choon@azaas.com




    =
(content)
    +
(presentation)
                           |   11
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
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
choon@azaas.com




     Demo
HTML 5 and CSS3


                   |   14
choon@azaas.com




          |   15
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
choon@azaas.com




          |   17
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
choon@azaas.com




            Demo
A rich HTML 5 Frontend
    for MicroFinance HD

                           |   19
choon@azaas.com




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




                                       |   21
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
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
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
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
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
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
choon@azaas.com




              Demo
A Windows Phone Frontend
      for MicroFinance HD

                             |   28
choon@azaas.com




          |   29
choon@azaas.com

Agile in Action - Act 3: Testing

  • 1.
    The Real WorldAgile 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 andScience … … of Software Development
  • 4.
    The Art andScience 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 ExperienceThat 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 andCSS3: A (Very Quick!) Introduction
  • 10.
    HTML 5 promisesInteroperability … 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.
  • 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.
  • 18.
    Internet Explorer DesktopIntegration 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 PhonePlatform 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 ofApplications 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.
  • 30.