This document discusses how to develop mobile-friendly websites using Drupal. It provides an overview of Northpoint, a digital agency specialized in Drupal development, and their experience building mobile sites. It then covers best practices for architecting a Drupal site for multiple devices, including responsive design, mobile modules, and creating mobile applications that interface with a Drupal backend. Case studies are presented for different types of organizations.
This white paper slide deck presents the increasing problem if icon organization, management and access of touchscreen mobile devices, and presents a system for solving the problem.
"What is WebHub.mobi?" explains what the cloud app located at www.webhub.mobi is and how it works. In short, WebHub is "your home base for a richer, simpler Web" and offers "one-thumb" surfing on touchscreen smartphones.
This white paper slide deck presents the increasing problem if icon organization, management and access of touchscreen mobile devices, and presents a system for solving the problem.
"What is WebHub.mobi?" explains what the cloud app located at www.webhub.mobi is and how it works. In short, WebHub is "your home base for a richer, simpler Web" and offers "one-thumb" surfing on touchscreen smartphones.
Mixing performance, configurability, density, and security at scale has, historically, been hard with PHP. Early approaches have involved CGIs, suhosin, or multiple Apache instances. Then came PHP-FPM. At Pantheon, we've taken PHP-FPM, integrated it with cgroups, namespaces, and systemd socket activation. We use it to deliver all of our goals at unheard-of densities: thousands and thousands of isolated pools per box.
Amazon Web Services Building Blocks for Drupal Applications and HostingAcquia
Cloud computing offers many advantages and challenges for hosting Drupal sites. Acquia Hosting is a highly available cloud-based hosting platform tuned for Drupal performance and scalability. Acquia Hosting built on Amazon Web Services (AWS), takes advantage of an industry leading cloud-computing platform to provide the highest levels of security, fault-tolerance and operational controls possible in the cloud. This Webinar, featuring Barry Jaspan, Senior Architect at Acquia and Jeff Barr, Senior Evangelist Amazon Web Services, discusses how Amazon's Web Services can help Drupal site developers and managers solve common but vexing problems, including scaling. The Elastic Compute Cloud (EC2) components will be discussed in detail.
In addition we will discuss specific best practices for:
* Creating a high-performance, high-availability Drupal tuned hosting environment on AWS
* Load balancing: Elastic IP vs. Elastic Load Balancing
* Handling user-uploaded files with multiple web nodes
* Achieving true high-availability with multiple availability zones
* Choosing between Amazon Relational Database Service and building it yourself
* Configuring and managing your cloud servers
This presentation will outline Appnovation’s Canopy technology solution. Canopy is a standard based integration solution that brings together the best of Alfresco with the best of Drupal. Covered in this presentation will be specific details about how the Canopy solution is architected and put together. Some of the Alfresco/Drupal integration topics covered will include: content type integration, bi-directional integration and authentication
Joshi Inc. is an IT and Marketing Solutions company, that specializes in Web & Mobile Application Development, Web Design and Social Media Marketing. We also offer Creative services in the areas of Branding and Graphic Design
Joshi Inc. is an "IT and Marketing Solutions" company, that specializes in Web & Mobile Application Development, Web Design and Social Media Marketing. We also offer Creative services in the areas of Branding and Graphic Design.
With the advance of digital media, consumers are engaging with brands using fundamentally different behaviors.
Wingman is a Digital Consulting firm. Working with our clients on their most challenging issues, we are able to develop well defined strategies for all digital media, be it on the web, mobile devices or social platforms.
Christian Aaen, Ciklum's VP Services, presents the main mobile apps trends from the "shop floor" perspective and shares successful mobile development case studies from the nearshore. The presentation was used at Ciklum Seminar "Innovative Mobile Solutions and Successful Case Studies From the Nearshore" that took place in Munich, on March 22, 2012.
Drupal Business Summit - making your sites mobile accessible, four methods.Promet Source
Drupal Business Summit 2012 Drupal Mobile Case studies: considerations to keep in mind when creating mobile sites and Four ways to take your site mobile and case studies:
1) mobify, 2) jQuery Mobile 3) Responsive Design 4) Services
Drupal Business Summit - making your sites mobile accessible, four methodsAndy Kucharski
Drupal Business Summit 2012 Drupal Mobile Case studies: considerations to keep in mind when creating mobile sites and Four ways to take your site mobile and case studies: 1) mobify, 2) jQuery Mobile 3) Responsive Design 4) Services
Mixing performance, configurability, density, and security at scale has, historically, been hard with PHP. Early approaches have involved CGIs, suhosin, or multiple Apache instances. Then came PHP-FPM. At Pantheon, we've taken PHP-FPM, integrated it with cgroups, namespaces, and systemd socket activation. We use it to deliver all of our goals at unheard-of densities: thousands and thousands of isolated pools per box.
Amazon Web Services Building Blocks for Drupal Applications and HostingAcquia
Cloud computing offers many advantages and challenges for hosting Drupal sites. Acquia Hosting is a highly available cloud-based hosting platform tuned for Drupal performance and scalability. Acquia Hosting built on Amazon Web Services (AWS), takes advantage of an industry leading cloud-computing platform to provide the highest levels of security, fault-tolerance and operational controls possible in the cloud. This Webinar, featuring Barry Jaspan, Senior Architect at Acquia and Jeff Barr, Senior Evangelist Amazon Web Services, discusses how Amazon's Web Services can help Drupal site developers and managers solve common but vexing problems, including scaling. The Elastic Compute Cloud (EC2) components will be discussed in detail.
In addition we will discuss specific best practices for:
* Creating a high-performance, high-availability Drupal tuned hosting environment on AWS
* Load balancing: Elastic IP vs. Elastic Load Balancing
* Handling user-uploaded files with multiple web nodes
* Achieving true high-availability with multiple availability zones
* Choosing between Amazon Relational Database Service and building it yourself
* Configuring and managing your cloud servers
This presentation will outline Appnovation’s Canopy technology solution. Canopy is a standard based integration solution that brings together the best of Alfresco with the best of Drupal. Covered in this presentation will be specific details about how the Canopy solution is architected and put together. Some of the Alfresco/Drupal integration topics covered will include: content type integration, bi-directional integration and authentication
Joshi Inc. is an IT and Marketing Solutions company, that specializes in Web & Mobile Application Development, Web Design and Social Media Marketing. We also offer Creative services in the areas of Branding and Graphic Design
Joshi Inc. is an "IT and Marketing Solutions" company, that specializes in Web & Mobile Application Development, Web Design and Social Media Marketing. We also offer Creative services in the areas of Branding and Graphic Design.
With the advance of digital media, consumers are engaging with brands using fundamentally different behaviors.
Wingman is a Digital Consulting firm. Working with our clients on their most challenging issues, we are able to develop well defined strategies for all digital media, be it on the web, mobile devices or social platforms.
Christian Aaen, Ciklum's VP Services, presents the main mobile apps trends from the "shop floor" perspective and shares successful mobile development case studies from the nearshore. The presentation was used at Ciklum Seminar "Innovative Mobile Solutions and Successful Case Studies From the Nearshore" that took place in Munich, on March 22, 2012.
Drupal Business Summit - making your sites mobile accessible, four methods.Promet Source
Drupal Business Summit 2012 Drupal Mobile Case studies: considerations to keep in mind when creating mobile sites and Four ways to take your site mobile and case studies:
1) mobify, 2) jQuery Mobile 3) Responsive Design 4) Services
Drupal Business Summit - making your sites mobile accessible, four methodsAndy Kucharski
Drupal Business Summit 2012 Drupal Mobile Case studies: considerations to keep in mind when creating mobile sites and Four ways to take your site mobile and case studies: 1) mobify, 2) jQuery Mobile 3) Responsive Design 4) Services
Designing and Theming Drupal for Mobile DevicesDavid Lanier
Have you noticed how a site can look great on your computer, but when viewing it on a mobile device it's unreadable, ugly, and takes forever to load?
Maybe you're designing a site, or you already have one or more sites. Now is the time to make it friendlier for mobile devices such as iPhone, Android, and others.
This session covers design considerations if you are still in the design phase, as well as demonstrate techniques for adding a mobile interface for your existing sites.
Mobile Strategies for Drupal (NY DrupalCamp6)Tom Deryckere
These slides have been presented at DrupalCamp NY (28 februari 2009) and contain some scenarios for going mobile with Drupal. A range of modules are being described that will be release in the coming weeks. For more information go to http://www.mobiledrupal.com
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
2. ABOUT NORTHPOINT
■ Founded in 2003
■ Headquartered in New York with a second office in Boston
■ 100 employees split between offices
■ Content Solutions Focus
■ Re-platforming CMSs
■ Mobile Websites and Applications
■ Information Architecture and Content Strategy
■ Search Engine Optimization (SEO)
■ Website and Microsite Development
■ Community Development / User-Generated Content platforms
■ Website Scalability / Performance Management
■ Content Syndication and Video Serving
■ Scalability
1
1
3. SOME OF OUR TOP MOBILE SITES INCLUDE
■ Media/Publishing
We developed one of the top 10 food applications on the iPhone store
■ Pharmaceutical
We created the mobile application for the #1 headache/pain reliever medicine
■ Not-for-Profit
We developed the mobile strategy for the number one children’s hospital in the U.S.
■ Telecommunications
We provided the 3G mobile launch site for one of the top wireless carriers
2
4. ROADMAP
■ Introductions
■ Mobile Penetration / Stats
■ Before Development begins
■ You have a Plan, now Development begins
■ Unleashing the Power of Drupal
■ Drupal Strategies & Architecture
■ Drupal Tools & How Tos
■ Mobile Testing Techniques / Tools
■ Q & A
3
5. MATT DORMAN
■ NorthPoint Project Manager
■ Expertise
■ Mobile Applications (iOS / Android apps)
■ Publishing Workflows with Drupal
■ Enterprise Web Content
Management Migrations
■ Content / Site Architecture
4
6. MOBILE PENETRATION
■ Facebook: 200M mobile users, 2x more active than Desktop users
■ Twitter Mobile: 50% of total active users, 40% of all tweets
■ Opportunities
4
■ Only 21% of Google’s largest
advertisers have a website that is
Millions of Terabytes per month
optimized for mobile
3
■ Communicate directly
with consumers
2
■ Social Networking
■ E-Commerce
1
■ Additional Advertising Medium
■ Gaming
0
2009 2011 2014 2012 2013 2014
Mobile traffic prediction
5
8. DRUPAL AS A MULTIPLATFORM CMS
■ Drupal not only targets Desktops, but also tablets and mobile devices
■ Flexible content model & templating engine allows Drupal to target multiple devices
■ Advantages of using Drupal as a multiplatform CMS
■ One content store for multiple platforms
■ Available tools
■ Mobile Tools
■ WURFL
■ Fusion Mobile
■ Context Module
■ Services
7
7
9. STAGES OF CREATING A MOBILE PROJECT
• Target audience
• Targeted devices
Strategy
• Business goals
• …
• Focus groups
Product Development
• Defining functionality
• Product flow
• …
• Usability
• Information Architecture
IA/Design
• User Experience
• Navigation
• Reusability
• Scalability
Architecting
• Extendability
• Simplicity
• …
• Drupal module development
• Contrib modules
Implementation
• Extending
• …
• Device testing
• Functional testing
Testing
• Usability testing
8
11. “APP” VS MOBILE WEBSITE
iPhone/Android/… App
Mobile Website
CSS
HTML
JavaScript
Drupal supports both strategies!
10
12. CASE STUDY: EAT THIS, NOT THAT!
■ Feed Your Apps
■ Web Service Powered by Drupal
■ Authentication
■ Sync Content for Offline Usage
■ Read and write to Drupal
■ Case Study: Eat is, Not at!
FROM A BOOK
TO A WEBSITE
TO A $7.99 iPHONE APP
11
11
14. TOM DERYCKERE
■ Senior Drupal Consultant
■ Expertise
Profile
■ Solr Search
■ Site Migrations
■ Mobile Development
■ ird-party integration
■ Belgian cuisine
■ Module Maintainer
drupal.org/user/25564
■ Mobile Tools
twitter.com/twom
■ WURFL
www.mobiledrupal.com
■ Bango Analytics
■ Zendesk
■ Blog: http://www.mobiledrupal.com
13
15. CASE STUDY: MEDIUM-SIZED NON-PROFIT
■ Give access to information to members on all devices
■ Focus on availability of content
■ Consistency of design across platforms is important
■ No specific contextual mobile functionality
■ Value device reach more than design
Mobile specific
Website size
14
16. CREATING A RESPONSIVE TEMPLATE
■ Media Queries
DB
■ Fluid CSS
■ Use Drupal Build Modes
Drupal
■ Context Module
Core Contrib
• Easy setup
Templating
• Large reuse of existing infrastructure
Mobile/Desktop
• Multi-content distribution
• No mobile first approach
• Desktop-focused default theming behavior needs
many changes to fit mobile context
• Hard to create real mobile “experiences” or
contextual apps
15
17. USE CASE: PRODUCT COMPANY
■ Focus on getting crucial information available on mobile devices
- Product information
- Contact details
- Use cases
■ No specific contextual functionality
Mobile specific
- User tasks are similar as on desktop
■ Need for very high usability and nice design
- Good responsive design must attract customers
Website size
16
18. CREATING A MOBILE AND DESKTOP TEMPLATE
■ Create a theme specific for mobile and desktop
DB
■ Share functionality across mobile and desktop
Drupal
• Easy to setup
Core Contrib
• Large reuse of existing infrastructure
Templating
• Multi-content distribution
Mobile Desktop
• No mobile first approach
• Desktop-focused default theming behavior
needs many changes to fit mobile context
• Hard to create real mobile experiences or
contextual apps
17
19. USE CASE: BIG HOSPITAL
■ Highly-contextual mobile site
- Navigation through campus
- Make simple appointments through mobile
- Shared content store
- Strip down some desktop functionality
Mobile specific
■ Complex Information Architecture
■ Reuse of content needed
- Doctors’ contacts
- Divisions
- General information
Website size
18
20. Mobile Configuration
MULTISITE INSTALLATION Users
Content
Shared Configuration DB DB
Desktop Configuration
■ Create a theme specific for mobile and desktop
■ Maintain separate configurations for mobile and desktop
Drupal
• Room to create a highly-optimized mobile Core
experience
Shared contrib/custom/features
• Large reuse of existing infrastructure
Desktop contrib Mobile contrib
• Multi-content distribution
Templating
Mobile Desktop
• Harder to setup and maintain
19
21. Mobile Configuration
OVERVIEW ARCHITECTURE Users
Content
Shared Configuration DB DB
Desktop Configuration
DB
DB
Drupal
DB
Core
Drupal
Drupal Shared contrib/custom/features
Core Contrib
Core Contrib
Desktop contrib Mobile contrib
Drupal Templating
Templating
Templating
Core Contrib
Mobile/Desktop
Mobile Desktop
Drupal Services Mobile Desktop
Separate templates &
App
Responsive
Separate templates
separate configuration
20
25. MOBILE TOOLS
■ http://drupal.org/project/mobile_tools
■ Basic Functionality
§ Device detection
§ Device redirection
§ eme switching
§ Detection of device groups
§ Mobile user roles
§ Force full view | mobile
§ Set custom homepage
§ Custom number of FrontPage nodes
§ Hide mobile browser scrollbar
§ Viewport header
§ Provide mobile build modes
§ Provide mobile contexts
§ Provide panel context
24
27. MOBILE TEMPLATE SET-UP
Create your own mobile theme or start from existing contributions
Fusion Mobile
Nokia Mobile
jQuery Mobile
A Cloudy Day Mobile
26
28. USING MOBILE TOOLS TO CONFIGURE MOBILE THEME
Tell when to switch theme
1
Select the mobile theme
2
Additional mobile headers
3
27
29. MOBILE-SPECIFIC HEADERS ADDED BY MOBILE TOOLS
<meta name = "viewport" content = "user-scalable=no, width=device-
width, maximum-scale=1.0" />!
- Default iPhone viewport is 900px
Default viewport
900px width
- Set viewport to device width
- Do not allow zooming
<link rel="apple-touch-icon" href="”sites/all/themes/
northpoint_mobile/webclip.png>!
28
32. DEVICE DETECTION: READ USER AGENT STRING
■ Simple detection
■ Parse user agent string and search for “iPad”, “Android”, “Nokia”, “Blackberry”
■ Only information about the device manufacturer
■ Advanced detection
■ User device library to match user agent string with
■ Contains more information like Screen Size, device capabilities
■ http://drupal.org/project/WURFL
31
35. REDIRECTION SCHEME SHOULD BE SIMPLE
http://m.domain.tld or
http://www.domain.com
http://www.domain.mobi
34
36. CONFIGURE REDIRECTION
q Choice to have site on two domains or one domain
Add URLs
1
Enable Redirection
2
Add Exceptions
3
35
37. OVERRIDE REDIRECTION
■ Give users control
■ Add override arguments to your URL
?device=desktop
?device=mobile
?device=auto
?device=<device-group>
http://mobile_tools.local?device=desktop
36
39. CONFIGURE MOBILE LAYOUTS: BLOCKS
■ Using Blocks configuration page
■ Configure blocks appearing in your Desktop regions
■ Configure blocks appearing in your Mobile regions
Desktop
Mobile
38
42. CONTENT ADAPTATION
■ Different adaptations are possible for mobile devices
■ Video adaptation
■ Image resizing
■ Text summarization (e.g.: provide shorter versions)
■ Functional adaptation (e.g. reducing number of form fields)
41
43. IMAGE RESIZING USING IMAGECACHE
ImageCache presets
ImageCache configuration for mobile logo
42
47. TESTING
Usability Testing
Test all your targeted devices
Performance Testing
§ Evaluate your Simulators
Speeds can vary from 70-135
designs and § iPhone simulator /Android Kbits/s while new 4G standards
improve
Simulator
will allow for peak values up to
§ Test on task 100 Mbit/s
§ Blackberry Simulators
completion
§ Opera Mini Simulator
§ Evaluate usage
Device banks
§ Nokia Remote Access
§ Commercial solutions available
46
48. KNOW YOUR DEVICES UPFRONT!
■ Enables good client communication. No surprises at the end
■ Know what to develop for
■ Know what to test
■ Different projects will have different lists
Device OS Resolution Browser js CSS- css-rounded- Fonts Media Queries Template
Gradien corner Replacement
t s
Iphone3G iOS 320x480 Webkit High end
iPhone4 iOS 640x980 Webkit High end
Samsung Android 480x800 Webkit High end
Galaxy
Tourch BB v6.x 360x480 Webkit High end
9800
Nokia C6 Symbian^3 360x640 Webkit Low end
BB Pearl BB v4.6 360x400 BB 4.6 Low end
9100
… ..
47
49. STAGES OF CREATING A MOBILE PROJECT
• Target audience
• Targeted devices
Strategy
• Business goals
• …
• Focus groups
Product Development
• Defining functionality
• Product flow
• …
• Usability
• Information Architecture
IA/Design
• User Experience
• Navigation
• Reusability
• Scalability
Architecting
• Extendability
• Simplicity
• …
• Drupal module development
• Contrib modules
Implementation
• Extending
• …
• Device testing
• Functional testing
Testing
• Usability testing
48
50. DRUPAL POWERS MOBILE.
NORTHPOINT® ENABLES IT.
Mobile
Mobile Blogs
ts
produc Mobile
Enterp
rise
Mobile Apps
Mobile
Media
Distribution
Mobile
Education
Mobi
le
Micro
sites
49
51. TALK TO US. CHALLENGE US.
CALL US at 212.819.1700
VISIT US at www.northps.com
FOLLOW US @northps
50