Perficient PepsiCo Rich Internet Apps Seminar
 

Perficient PepsiCo Rich Internet Apps Seminar

on

  • 1,704 views

PepsiCo needed to:...

PepsiCo needed to:
Enable dashboards and selected applications on smart phones
Increase the usability and richness of custom applications
E.g. Port Demand Resource Planner from a thick client to an RIA
Establish a division of responsibilities between rich applications and portal umbrellas

Statistics

Views

Total Views
1,704
Views on SlideShare
1,582
Embed Views
122

Actions

Likes
0
Downloads
7
Comments
0

5 Embeds 122

http://blogs.perficient.com 117
url_unknown 2
http://feeds.feedburner.com 1
https://blogs.perficient.com 1
http://translate.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • .
  • Other Samples

Perficient PepsiCo Rich Internet Apps Seminar Perficient PepsiCo Rich Internet Apps Seminar Presentation Transcript

  • PepsiCo RIA Seminar
    October 7-8, 2010
    Contact: Jeff Shaw
    303.229.1640
    jeff.shaw@perficient.com
  • Agenda
    2
  • Fast Facts
    Founded in 1997
    Public, NASDAQ: PRFT
    2009 revenue of $188 million
    17 markets throughout the U.S. & Canada:
    Austin, Chicago, Cincinnati, Cleveland, Columbus, Dallas, Denver, Detroit, Fairfax, Houston, Indianapolis, Minneapolis, New Orleans, Philadelphia, San Jose, St. Louis, and Toronto
    1,100+ employees
    Dedicated solution practices
    Served 400+ clients in past 12 months
    Alliance partnerships with major technology vendors
    Multiple vendor/industry technology & growth awards
    Our working model revolves around high-performance on-shore leadership teams leveraging our offshore capabilities in the delivery of business solutions
    3
  • Our Solutions Expertise & Services
    Business-Driven Solutions
    • Enterprise Portals
    • User Experience
    • Business Intelligence/Data Warehouse
    • SOA and Business Process Management
    • CRM Solutions
    • Enterprise Performance Management
    • Customer Self-Service
    • eCommerce & Product Information Management
    • Enterprise Content Management
    • Industry-Specific Solutions
    • Mobile Technology
    • Security Assessments
    Perficient Services
    • End-to-End Solution Delivery
    • IT Strategic Consulting
    • IT Architecture Planning
    • Business Process & Workflow Consulting
    • Usability and UI Consulting
    • Custom Application Development
    • Offshore Development
    • Package Selection, Implementation and Integration
    • Architecture & Application Migrations
    • Education
    Perficient brings deep solutions expertise and offers a complete set of flexible services to help clients implement business-driven IT solutions
    4
  • Our Partnerships
    Top Partners
    • Our partner network enhances our core competencies and extends our offerings
    Clients benefit from:
    • Highly skilled product specialists at lower cost
    • Faster time-to-market and cost savings for projects
    • Industry-leading skills transfer and mentoring
    • Superior project, platform and product support
    • Unrivaled experience that results from strong relationships (IBM, Oracle)
    Other Valued Partners Include
    “Perficient's track record in delivering scalable, integrated and reliable solutions makes them one of IBM's most reliable partners.”
    -- Paraic Sweeney, IBM
    5
  • Today’s Presenters
    Michael Porter – Portal and Collaboration Practice Manager
    10 years experience working with portal, collaboration, and content solutions
    Industry-known thought leader and responsible for driving client’s strategy
    Publishes articles, blogs, and presents at various conferences each year
    Working with companies across the U.S. to define their vision for portal, collaboration, and other technologies
    Brian Flanagan – User Experience SME and Flex Technologist
    Extensive experience working with clients to develop a business-focused User Experience strategy
    Responsible the development of best practice front-end solutions
    15 years of IT experience
    Jeff Rivkin – AJAX Technology SME
    Solutions architect and tech lead for a variety of intranet and extranet portal implementations
    Responsible for developing and delivering AJAX-based technology solutions
    30 years of IT experience
    John Angelini – Microsoft Silverlight SME/MVP
    Specializes in SharePoint architecture, development and customization
    Numerous implementations with WPF, Silverlight, WCF, WF and other .NET 3.X technologies
    Lengthy background in commercial graphic design and 3D animation; video editing and special effect design
    Jeff Shaw – PepsiCo Account Manager
    30 years experience in delivering enterprise technology solutions
    Responsible for PepsiCo/Perficient relationship management
    6
  • Why We’re Here Today
    PepsiCo needs to:
    Enable dashboards and selected applications on smart phones
    Increase the usability and richness of custom applications
    E.g. Port Demand Resource Planner from a thick client to an RIA
    Establish a division of responsibilities between rich applications and portal umbrellas
    7
  • Agenda
    8
  • What Is User Experience?
    User Experience is not part of the process.
    It is the Process.
    9
  • Why User Experience?
    • RIAs that focus on user experience
    • Drive increased return on investment (ROI) by simplifying and improving user interaction
    • Enabling users to:
    • Find information more easily
    • Complete task quickly and accurately
    • Use rich data visualization to make better decisions
    10
  • The User Experience Model
    • Image © 1999 Ralph A. Clevenger
    VisualsCues, feedback and aesthetics
    10%
    Interaction TechniquesControls that work in conjunction with input devices
    30%
    Conceptual ModelTask and goal support, users’ mental models, behaviors and expectations
    60%
    11
  • Our Approach
  • Engaging Users
    3x3 Paper PrototypingRapidly iterate through design concepts
    AccessibilityValidate usability for all users
    Design StudiosGroup sessions to facilitate ideation
    Moderated Usability TestingEngage users to validate design concepts
    13
  • 14
    Understanding Accessibility
    Novice Computer Users
    ~ 25% of US households do not own a computer
    Aging Population
    By 2010, 60% of US population
    will be over the age of 35
    Language Learners
    Temporary Situational Restrictions
    Poor hearing
    Failing Vision
    Color Blindness
    Ranges of Human Ability
    Blind / Visually Impaired
    MobilityImpaired
    Deaf / Hard
    of Hearing
    Cognitive /
    Learning
    “Disabilities” are no longer confined to traditional definitions, especially with growing need to embrace multi-generational and multi-cultural populations.
  • Trends In User Experience
    Mobility
    Design for mobile first
    Social Interaction
    Focus on real-time collaboration
    Gaming Mechanics
    Leverage gaming behaviors to motivate users
    Analytics
    Evaluate the usefulness of a solution through analytics
    15
  • Agenda
    16
  • 17
    A Rich Internet Application is a web application that has many characteristics of desktop applications typically delivered by a site-specific browser… Adobe Flash, Java, and Microsoft Silverlight are currently the three most common platforms with penetration rates of 99%, 80%, and 54% respectively.
    --- Wikipedia
    Rich Internet applications (RIAs) offer a rich, engaging experience that improves user satisfaction and increases productivity. Using the broad reach of the Internet, RIAs can be deployed across browsers and desktops.
    --- Adobe
  • 18
    • Fat applications provide rich features and logic
    • Thin applications can provide a rich experience………..
    powered by the server
    • And the pendulum swings again…
    http://www.javalobby.org/articles/ajax-ria-overview/
  • 19
    Previous Web 2.0 Architecture
  • 20
    Current and Future Architecture
    Portal + Enterprise 2.0
  • 21
    Enterprise Uses of Web 2.0 – REST/WOA
    WOA – Web Oriented Architecture is less a standard and more a pragmatic way of getting things done on the web
    WOA incorporates simple, lightweight mechanisms to integrate services, as opposed to the complexities of SOAP
    REST is a core technology of WOA
    Most of the mash-ups you see today leverage WOA
    http://blogs.zdnet.com/Hinchcliffe/?p=27
  • Things to think about for your RIA
    22
  • Common Aspects of Web Applications
    Think through whether you need this functionality
    Deep LinkingLink deeply into the application. Your business user says, “this is a great chart. I want others to see it”
    Page and sub-page interactione.g. loosely coupled. Can I go from application component on one page and click a button to go to another web page while passing context?
    Content ManagementBusiness User says, “I need to change this piece of content right here.”Developer says, “No problem, let me code and test for two months and I’ll have it out there for you.
    23
  • Common Aspects of Web Applications
    Think through whether you need this functionality
    Process or workflowMany times forms or data means that a process needs to be followed. How will you inject a workflow into your application?
    Location, location, locationRich Internet Applications are just that, RICH.e.g. they can be client heavy. If you ask a user in Brazil to download a 2 Meg package before he or she can start using the app and then ask the same thing again just a few minutes later you will have problems.- The most common complaint of a newly rolled out global site is that it’s unusable outside the U.S.
    24
  • Agenda
    25
  • What is Ajax?
    Development tools/techniques for interactive web applications
    AJAX = Asynchronous JavaScript and XML
    Update web page without reloading the whole page
    Combination of technologies: HTML, CSS, DOM, XMLHttpRequest or ActiveX, JavaScript
    Name coined in 2005; code dates to 2003
    26
  • How Ajax Works
    XMLHttpRequest - exchange data with server
    Requests: GET/POST; Asynchronous/Synchronous
    Responses: XML, JSON, or text
    Callback functions
    27
  • Ajax Conceptual Architecture
    Considerations:
    • Code reuse
    • Debugging
    28
  • Sample Ajax-based Applications
    • Predictive text
    • Pre-fetch results
    29
  • Ajax Frameworks & Libraries
    jQuery
    DOJO
    Yahoo User Interface (YUI)
    Google Web Toolkit (GWT)
    Direct vs. indirect
    Libraries:
    Software FX
    Fusion
    DHTMLX
    Other
    30
  • Ajax Libraries: DHTMLX
    • Open source or commercial license
    • Integrate charts and grids
    • Browser independent
    31
  • Ajax Libraries: TreeGrid
    • Commercial license
    • Powerful spreadsheet/grid capabilities
    • Fast
    32
  • Ajax Pros and Cons
    Pros
    Maturity
    Major vendor support
    Browser independence
    Availability of tested complex components
    Performance
    Code readability
    Make web pages more desktop-like
    Open source
    Cons
    Bookmarks, history and deep-dives
    Extensibility
    Documentation
    Debugging
    Handling large datasets
    Disabled JavaScript
    Coding for search engine crawlers
    Browser compatibility
    33
  • Agenda
    34
  • What is Adobe Flex?
    Open Source Framework
    100+ Extensible Components
    Powerful Charting Capabilities
    Based on Flash Platform
    Consistent Deployment
    Enterprise Class Runtime
    Actionscript Language
    35
  • Flash Platform
    36
  • Flash Catalyst
    Interaction Design Tool
    Enables rapid interaction design without coding
    Round-trip editing bridges the designer/developer workflow
    Provides an interchange between CS5 and Flex
    Produces Reusable Code
    37
  • Flash Builder
    Built on eclipse
    Powerful testing & debugging
    Flex unit testing
    Performance profiling
    Network monitoring
    Client-side data management
    On-demand fetching of data
    Page through large data sets
    Automates the CRUD
    38
  • Degrafa: Declarative Graphics Framework
    Open source framework
    Creates dynamic graphics in MXML markup
    39
  • Flare
    Open source library
    Advanced data visualizations
    40
  • iLog Elixer
    Licensed product
    Includes components for advanced graphical display
    41
  • Mobile Applications
    AIR for mobile devices
    Adobe “Hero” mobile framework
    Multi-screen development
    42
  • Sample Flash Catalyst Prototypes
    43
  • Sample Flex Application
    44
  • Sample Flex Applications
    TweetDeck
    New York Times Reader
    SAP Business Objects
    45
  • Flex Pros and Cons
    Pros
    Mature product
    Feature Rich
    High penetration
    Backed by Adobe
    3rd Party Support
    Ubiquitous runtime
    Eclipse development environment
    Write once deploy everywhere
    • Cons
    • Requires plug-in
    • Not compatible with all browsers (iphone/ipad)
    • Compatibility with native browser features like back button and password manager
    • Smaller developer population
    46
  • Agenda
    47
  • What is Silverlight?
    Platform for creating engaging, interactive applications for the Web, desktop, and mobile devices
    Free browser plugin with very small footprint
    Can easily access J2EE services that are exposed
    Browsers supported : Internet Explorer 6, 7, 8, Firefox 2 and 3, Safari 3 and 4, and now Google Chrome
    Out of the box integration with platforms such as SharePoint
    Same coding paradigm as any other .Net App
    Primary development platform for Windows Phone 7
    Fun Fact : NetFlix uses Silverlight for delivering Streaming media
    48
  • Silverlight Internals
    Expression Blend easy prototyping with reusable code
    Runs on the Client Browser
    Can be deployed without the browser as a thick App
    Abundant Out of the Box controls for rendering content plus numerous Third-Party controls available
    SketchFlow increases the speed with which the vision for an Application can be demonstrated
    Other Cool Features : RIA Services, Animation, Streaming Media, 3D Graphics, Pan, Zoom etc
    Small learning curve for existing .Net developers
    49
  • Example Silverlight Applications
    Streaming Media Player in SharePoint
    50
  • 51
    Example Silverlight Applications
    Graphing / Line of Business
  • 52
    Example Silverlight Applications
    Windows Phone 7 - AP News Reader
  • Silverlight Pros and Cons
    • Cons
    • Requires plug-in
    • Not compatible with all browsers, but most
    • Requires .Net development skills (not prevalent at PepsiCo)
    Pros
    Mature product
    Multiple Platform Support
    Feature Rich
    High penetration
    Requires .Net skills (prevalent in the industry)
    Backed by Microsoft
    3rd Party Support
    Run out-of-browser with elevated permissions
    Write once deploy everywhere
    53
  • Agenda
    54
  • RIA Technology Comparison
    * With add-on products
    55