How to Create Single-Page Apps With Drupal

3,604 views

Published on

Published in: Technology, Design

How to Create Single-Page Apps With Drupal

  1. 1. HOW TO CREATESINGLE-PAGE APPSUSING DRUPAL
  2. 2. 01ABOUT VML
  3. 3. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALTodd WayLead Application Developertway@vml.comKarl KedrovskyGroup Technical Directorkkedrovsky@vml.comIntroduction
  4. 4. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALFACTS Founded in 1992, VMLbecame part of WPP Groupin 2001.There are more than 1,300VMLers around the world.VML offers creative solutions at theintersection of marketing andtechnology.VML is a global digital marketing agency withmajor operations on five continents. Since itsfounding in 1992, VML has been dedicated todelivering creative solutions at the intersectionof marketing and technology.VML engineers best-in-class digital experiencesfor some of the most respected and recognizedbrands in the world, including Carlson Hotels,Colgate-Palmolive, Dell, Dignity Memorial,English Premier League, Ford, Gatorade, Hill’sPet Nutrition, Kashi, Kellogg, Microsoft, PioneerHi-Bred, SAP, Southwest Airlines, T-Mobile, U.S.Bank, Western Union and Xerox.With a successful track record in social mediaand mobile marketing, VML was named aStrong Performer in the Forrester Wave™: U.S.Digital Agencies — Mobile Marketing Strategyand Execution, Q1 2012.Headquartered in Kansas City, Mo., VML hasprincipal offices in New York City, Seattle,London, Geneva, Milan, Bogotá, São Paulo,Mumbai and Singapore. VML has been amember of the WPP Group of globalcommunication agencies since 2001. Learnmore at vml.com.We Are VML
  5. 5. Kansas CityBostonWhite SalmonChicagoNew YorkBogotáMilanAtlantaSão PauloOffice LocationsSeattle LondonMumbaiOffice LocationsSingaporeTokyoSydney
  6. 6. ResearchAnalyticsMobileSEOBrandedContent &ProductioneCRMUserExperienceMedia ChannelActivation CreativeInsights &StrategyDigitalCapabilitiesAccount &ProjectManagementTechnology
  7. 7. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALDrupal ExpertiseHistory• We have been creating Drupal sites since2007.• We have been an Acquia Enterprise SelectPartner since 2010.Center of ExcellenceWe have a formal Drupal practice at VML.CommunityWe regularly contribute our work back tothe Drupal community.NumbersThere are more than 60 Drupal teammembers plus Business Systems Analysts,Quality Assurance Analysts, TechnicalDirectors, Account Managers and ProjectManagers, all with a deep familiarity withDrupal.
  8. 8. VML NORTH AMERICAN CLIENTS
  9. 9. VML NAMED ONE OF“TEN STANDOUT SHOPS”IN AD AGE’S 2012AGENCY A-LIST RANKINGS.DIGITAL AGENCIESONE OF THE MOST AWARDEDAT CANNES 2012 WITHSEVEN LIONSTOP SCORES FOR STRATEGY CURRENT OFFERING &CLIENT SATISFACTIONTOP DIGITAL AGENCYIN NORTH AMERICA
  10. 10. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALOverview and GoalsOVERVIEW• Content managed in Drupal• Content displayed by a JavaScript app• Logged in users (intranet)• Administrative experience via the JavaScript appGOALSVML will demonstrate how we built a fully abstracted,single page web site, supported by a web-servicesenabled Drupal back end. We created an integratedDrupal overlay for edit and administration pages tosupport an engaging user.Overview and Goals
  11. 11. 02OVERVIEW DEMO
  12. 12. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALOverview of Single-Page AppsOverview and Demo of Single-page Apps
  13. 13. 03SETTING UP DRUPAL WEB SERVICES
  14. 14. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALServices ModuleSetting Up Drupal Web Services
  15. 15. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL• Search API web service• Node, comment and user web services with simplified resultformats• A global settings web service• LDAP authentication support for the Services module loginresource• Alter hooks for service results• Services definition page for all enabled servicesServices Extras ModuleSetting Up Drupal Web Services
  16. 16. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALServices DemoSetting Up Drupal Web Services
  17. 17. 04MAKING SERVICE REQUESTSFROM A BROWSER-BASED APP
  18. 18. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALThe App and Drupal in the Same DomainMaking Service Requests From a Browser-based App
  19. 19. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALThe App and Drupal in Different DomainsMaking Service Requests From a Browser-based App
  20. 20. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALThe App and Drupal in Different DomainsMaking Service Requests From a Browser-based App
  21. 21. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALServing the App from DrupalMaking Service Requests From a Browser-based App
  22. 22. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALServing the App from DrupalMaking Service Requests From a Browser-based App
  23. 23. 1405INTEGRATING STANDARD DRUPAL URLS
  24. 24. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALRedirect PatternsIntegrating Standard Drupal URLs
  25. 25. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALRedirect DemoIntegrating Standard Drupal URLs
  26. 26. 06INTEGRATING THE DRUPAL OVERLAY
  27. 27. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALOverlay Integration DemoIntegrating the Drupal Overlay
  28. 28. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALOverlay Integration DemoIntegrating the Drupal Overlay
  29. 29. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPALOverlay Integration DemoIntegrating the Drupal Overlay
  30. 30. 07QUESTIONS AND ANSWERS
  31. 31. http://toddway.com/post/46638775215/single-page-interface-with-drupalTHANK YOU

×