This document discusses how to create single-page applications using Drupal. It begins with an overview of single-page apps and a demo. It then covers setting up Drupal web services using the Services and Services Extra modules. Next, it discusses making service requests from a browser-based app whether the app and Drupal are in the same or different domains. It also covers integrating standard Drupal URLs and integrating the Drupal overlay interface. The document concludes with a question and answer section.

1. HOW TO CREATE
SINGLE-PAGE APPS
USING DRUPAL

2. 01
ABOUT VML

3. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
Todd Way
Lead Application Developer
tway@vml.com
Karl Kedrovsky
Group Technical Director
kkedrovsky@vml.com
Introduction

4. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
FACTS Founded in 1992, VML
became part of WPP Group
in 2001.
There are more than 1,300
VMLers around the world.
VML offers creative solutions at the
intersection of marketing and
technology.
VML is a global digital marketing agency with
major operations on five continents. Since its
founding in 1992, VML has been dedicated to
delivering creative solutions at the intersection
of marketing and technology.
VML engineers best-in-class digital experiences
for some of the most respected and recognized
brands in the world, including Carlson Hotels,
Colgate-Palmolive, Dell, Dignity Memorial,
English Premier League, Ford, Gatorade, Hill’s
Pet Nutrition, Kashi, Kellogg, Microsoft, Pioneer
Hi-Bred, SAP, Southwest Airlines, T-Mobile, U.S.
Bank, Western Union and Xerox.
With a successful track record in social media
and mobile marketing, VML was named a
Strong Performer in the Forrester Wave™: U.S.
Digital Agencies — Mobile Marketing Strategy
and Execution, Q1 2012.
Headquartered in Kansas City, Mo., VML has
principal offices in New York City, Seattle,
London, Geneva, Milan, Bogotá, São Paulo,
Mumbai and Singapore. VML has been a
member of the WPP Group of global
communication agencies since 2001. Learn
more at vml.com.
We Are VML

5. Kansas City
Boston
White Salmon
Chicago
New York
Bogotá
Milan
Atlanta
São Paulo
Office Locations
Seattle London
Mumbai
Office Locations
Singapore
Tokyo
Sydney

6. Research
Analytics
Mobile
SEO
Branded
Content &
Production
eCRM
User
Experience
Media Channel
Activation Creative
Insights &
Strategy
Digital
Capabilities
Account &
Project
Management
Technology

7. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
Drupal Expertise
History
• We have been creating Drupal sites since
2007.
• We have been an Acquia Enterprise Select
Partner since 2010.
Center of Excellence
We have a formal Drupal practice at VML.
Community
We regularly contribute our work back to
the Drupal community.
Numbers
There are more than 60 Drupal team
members plus Business Systems Analysts,
Quality Assurance Analysts, Technical
Directors, Account Managers and Project
Managers, all with a deep familiarity with
Drupal.

8. VML NORTH AMERICAN CLIENTS

9. VML NAMED ONE OF
“TEN STANDOUT SHOPS”
IN AD AGE’S 2012
AGENCY A-LIST RANKINGS.
DIGITAL AGENCIES
ONE OF THE MOST AWARDED
AT CANNES 2012 WITH
SEVEN LIONS
TOP SCORES FOR STRATEGY CURRENT OFFERING &
CLIENT SATISFACTION
TOP DIGITAL AGENCY
IN NORTH AMERICA

10. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
Overview and Goals
OVERVIEW
• Content managed in Drupal
• Content displayed by a JavaScript app
• Logged in users (intranet)
• Administrative experience via the JavaScript app
GOALS
VML will demonstrate how we built a fully abstracted,
single page web site, supported by a web-services
enabled Drupal back end. We created an integrated
Drupal overlay for edit and administration pages to
support an engaging user.
Overview and Goals

11. 02
OVERVIEW DEMO

12. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
Overview of Single-Page Apps
Overview and Demo of Single-page Apps

13. 03
SETTING UP DRUPAL WEB SERVICES

14. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
Services Module
Setting Up Drupal Web Services

15. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
• Search API web service
• Node, comment and user web services with simplified result
formats
• A global settings web service
• LDAP authentication support for the Services module login
resource
• Alter hooks for service results
• Services definition page for all enabled services
Services Extras Module
Setting Up Drupal Web Services

16. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
Services Demo
Setting Up Drupal Web Services

17. 04
MAKING SERVICE REQUESTS
FROM A BROWSER-BASED APP

18. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
The App and Drupal in the Same Domain
Making Service Requests From a Browser-based App

19. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
The App and Drupal in Different Domains
Making Service Requests From a Browser-based App

20. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
The App and Drupal in Different Domains
Making Service Requests From a Browser-based App

21. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
Serving the App from Drupal
Making Service Requests From a Browser-based App

22. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
Serving the App from Drupal
Making Service Requests From a Browser-based App

23. 14
05
INTEGRATING STANDARD DRUPAL URLS

24. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
Redirect Patterns
Integrating Standard Drupal URLs

25. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
Redirect Demo
Integrating Standard Drupal URLs

26. 06
INTEGRATING THE DRUPAL OVERLAY

27. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
Overlay Integration Demo
Integrating the Drupal Overlay

28. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
Overlay Integration Demo
Integrating the Drupal Overlay

29. VML HOW TO CREATE SINGLE-PAGE APPS WITH DRUPAL
Overlay Integration Demo
Integrating the Drupal Overlay

30. 07
QUESTIONS AND ANSWERS

31. http://toddway.com/post/46638775215/single-page-interface-with-drupal
THANK YOU