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

1. 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

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

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. EducationPerficient brings deep solutions expertise and offers a complete set of flexible services to help clients implement business-driven IT solutions 4

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 6

31. Why We’re Here Today You need 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

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 decisions10

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

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

59. Debugging28

61. Pre-fetch results29

62. Ajax Frameworks & Libraries jQuery DOJO Yahoo User Interface (YUI) Google Web Toolkit (GWT) Direct vs. indirect Libraries: Software FX Fusion DHTMLX Other 30

64. Integrate charts and grids

65. Browser independent31

67. Powerful spreadsheet/grid capabilities

68. Fast32

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

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 population46

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

94. Requires plug-in

95. Not compatible with all browsers, but most

96. Requires .Netdevelopment skillsPros 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