Your SlideShare is downloading. ×

Perficient PepsiCo Rich Internet Apps Seminar

1,470

Published on

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

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,470
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • .
  • Other Samples
  • Transcript

    • 1. PepsiCo RIA Seminar
      October 7-8, 2010
      Contact: Jeff Shaw
      303.229.1640
      jeff.shaw@perficient.com
    • 2. Agenda
      2
    • 3. 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
    • 4. Our Solutions Expertise & Services
      Business-Driven Solutions
      • Enterprise Portals
      • 5. User Experience
      • 6. Business Intelligence/Data Warehouse
      • 7. SOA and Business Process Management
      • 8. CRM Solutions
      • 9. Enterprise Performance Management
      • 10. Customer Self-Service
      • 11. eCommerce & Product Information Management
      • 12. Enterprise Content Management
      • 13. Industry-Specific Solutions
      • 14. Mobile Technology
      • 15. Security Assessments
      Perficient Services
      • End-to-End Solution Delivery
      • 16. IT Strategic Consulting
      • 17. IT Architecture Planning
      • 18. Business Process & Workflow Consulting
      • 19. Usability and UI Consulting
      • 20. Custom Application Development
      • 21. Offshore Development
      • 22. Package Selection, Implementation and Integration
      • 23. Architecture & Application Migrations
      • 24. Education
      Perficient brings deep solutions expertise and offers a complete set of flexible services to help clients implement business-driven IT solutions
      4
    • 25. 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
      • 26. Faster time-to-market and cost savings for projects
      • 27. Industry-leading skills transfer and mentoring
      • 28. Superior project, platform and product support
      • 29. 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
    • 30. 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
    • 31. 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
    • 32. Agenda
      8
    • 33. What Is User Experience?
      User Experience is not part of the process.
      It is the Process.
      9
    • 34. Why User Experience?
      • RIAs that focus on user experience
      • 35. Drive increased return on investment (ROI) by simplifying and improving user interaction
      • 36. Enabling users to:
      • 37. Find information more easily
      • 38. Complete task quickly and accurately
      • 39. Use rich data visualization to make better decisions
      10
    • 40. 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
    • 41. Our Approach
    • 42. 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
    • 43. 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.
    • 44. 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
    • 45. Agenda
      16
    • 46. 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
    • 47. 18
      • Fat applications provide rich features and logic
      • 48. Thin applications can provide a rich experience………..
      powered by the server
      • And the pendulum swings again…
      http://www.javalobby.org/articles/ajax-ria-overview/
    • 49. 19
      Previous Web 2.0 Architecture
    • 50. 20
      Current and Future Architecture
      Portal + Enterprise 2.0
    • 51. 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
    • 52. Things to think about for your RIA
      22
    • 53. 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
    • 54. 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
    • 55. Agenda
      25
    • 56. 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
    • 57. How Ajax Works
      XMLHttpRequest - exchange data with server
      Requests: GET/POST; Asynchronous/Synchronous
      Responses: XML, JSON, or text
      Callback functions
      27
    • 58. Ajax Conceptual Architecture
      Considerations:
      • Code reuse
      • 59. Debugging
      28
    • 60. Sample Ajax-based Applications
      • Predictive text
      • 61. Pre-fetch results
      29
    • 62. Ajax Frameworks & Libraries
      jQuery
      DOJO
      Yahoo User Interface (YUI)
      Google Web Toolkit (GWT)
      Direct vs. indirect
      Libraries:
      Software FX
      Fusion
      DHTMLX
      Other
      30
    • 63. Ajax Libraries: DHTMLX
      • Open source or commercial license
      • 64. Integrate charts and grids
      • 65. Browser independent
      31
    • 66. Ajax Libraries: TreeGrid
      • Commercial license
      • 67. Powerful spreadsheet/grid capabilities
      • 68. Fast
      32
    • 69. 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
    • 70. Agenda
      34
    • 71. 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
    • 72. Flash Platform
      36
    • 73. 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
    • 74. 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
    • 75. Degrafa: Declarative Graphics Framework
      Open source framework
      Creates dynamic graphics in MXML markup
      39
    • 76. Flare
      Open source library
      Advanced data visualizations
      40
    • 77. iLog Elixer
      Licensed product
      Includes components for advanced graphical display
      41
    • 78. Mobile Applications
      AIR for mobile devices
      Adobe “Hero” mobile framework
      Multi-screen development
      42
    • 79. Sample Flash Catalyst Prototypes
      43
    • 80. Sample Flex Application
      44
    • 81. Sample Flex Applications
      TweetDeck
      New York Times Reader
      SAP Business Objects
      45
    • 82. 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
      • 83. Requires plug-in
      • 84. Not compatible with all browsers (iphone/ipad)
      • 85. Compatibility with native browser features like back button and password manager
      • 86. Smaller developer population
      46
    • 87. Agenda
      47
    • 88. 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
    • 89. 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
    • 90. Example Silverlight Applications
      Streaming Media Player in SharePoint
      50
    • 91. 51
      Example Silverlight Applications
      Graphing / Line of Business
    • 92. 52
      Example Silverlight Applications
      Windows Phone 7 - AP News Reader
    • 93. Silverlight Pros and Cons
      • Cons
      • 94. Requires plug-in
      • 95. Not compatible with all browsers, but most
      • 96. 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
    • 97. Agenda
      54
    • 98. RIA Technology Comparison
      * With add-on products
      55

    ×