• Save
Mobilizing your Drupal Site - Vancouver League of Drupallers
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Mobilizing your Drupal Site - Vancouver League of Drupallers

  • 4,666 views
Uploaded on

Presentation I gave on Thursday 27th May 2010 demonstrating the mobile_tools module and Mobile theme as a way to create a 'mobile verion' of a drupal website.

Presentation I gave on Thursday 27th May 2010 demonstrating the mobile_tools module and Mobile theme as a way to create a 'mobile verion' of a drupal website.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
4,666
On Slideshare
4,459
From Embeds
207
Number of Embeds
4

Actions

Shares
Downloads
0
Comments
0
Likes
10

Embeds 207

http://www.ventureweb.net 98
http://www.linkedin.com 75
http://www.slideshare.net 33
http://translate.googleusercontent.com 1

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

Transcript

  • 1.  
  • 2. Introduction
    • Who is this chap?
    • 3. What's this going to cover?
      • 'Entry level' Drupal mobile integration – a starting point for you to explore more
        • Downloading & Installing Modules
        • 4. Themeing
        • 5. Module Stuff
      • Experts – don't leave.
        • Your input is much appreciated
        • 6. What am I doing wrong?
  • 7. Why Mobile?
    • Mobile browsing is big & getting bigger
      • Surpassing or surpassed 'desktop' access to the web
    • Clients are asking for it
      • Noticeable increase in mobile interest
  • 8. Do you need a mobile site?
    • Does your site have data that people need to access 'on the go'
        • Looking for answers, facts, details
    • Not Screen Size but Context
    • 9. Examples:
      • Tourism Sites
        • Listings, Upcoming Events, Nearest Information Kiosks
      • Brochure Sites
        • Contact Details / Location Information
        • 10. Key Information
  • 11. Mobile Site Recipes
    • Lots of alternatives
      • 3 rd party vs D.I.Y.
    • Ingredients I used:
  • 16. 2 recipes; same ingredients
    • Really Simple
      • Keep the same URL, but switch theme for a mobile device
      • 17. Issues with Performance?
    • Simple
      • Switch theme and URL for a mobile device
      • 18. Slightly more complicated but not really
      • 19. Buggy in parts
  • 20. In my presentation I went to a browser where I had Drupal 6 installed. I went through the process of enabling the Mobile Tools and Browscap modules, and the Mobile theme. I then demo'd the 'really simple' and 'simple' recipes from the previous slides. If you want to try it, download the modules and give it a go – it's really quite straightforward and self explanatory.
  • 21. Information Architecture
    • Mobile visitors:
      • Who are they, and what do they want?
        • Contact Details, Directions to...
    • Special Architecture for Special people
      • Structure content differently
      • 22. Remove fluff – get to the goods as quick as possible
    • Mobile Web Initiative – Best Practices
        • http://www.w3.org/Mobile/
        • 23. http://www.w3.org/2005/MWI/BPWG/
  • 24.  
  • 25.  
  • 26.  
  • 27.  
  • 28. Theming Considerations
    • User
      • Less Text, Clear Calls to Action, Simple Navigation
    • Performance
      • Less Imagery, less HTTP requests
    • Platforms
      • Sub Themes for different platforms: Blackberry vs iPhone vs ...
      • 29. Platform specific coding (meta tags etc.)
  • 30. Building your Mobile Site
    • These are some problems I encountered when creating a mobile site
      • Homepage
      • 31. Primary Links
      • 32. Views
      • 33. Content Types
        • Field Level Considerations
          • Image Fields – different sizes
          • 34. Google Maps – static image maps
          • 35. Phone Numbers <a href=”tel:1.222.....
  • 36. So in the demo, I quickly ran through how I overcame the 4 issues that I highlight in the previous slide. Homepage: Create a new homepage node, and in the settings.php file for your mobile domain, update the $conf variable $conf['site_frontpage'] = 'node/123'; Primary Links: Create a new menu specifically for your mobile website, and use the block for this menu to display only on your mobile theme Views: Create separate views for your mobile site and link to them in your mobile menus Content Types: Use node template files to control node displays in your mobile theme
  • 37. Custom Modules?
    • Mobile tools provides global session variables you can use in your custom modules
      • e.g. To do mobile specific form_alters
    • What are the variables?
      • Look in mobile_tools.module file:
      • 38. $_SESSION['mobile-tools-site-type']
  • 39. So here in the demo, I just did some super basic code in a custom module: function yourTheme_init() { if($_SESSION['mobile-tools-site-type'] == 'mobile') { drupal_set_message('hello world'); } }
  • 40. Development Tools
    • Useful blog post: http://tinyurl.com/55sk3m
    • 41. Android/Nokia – Download SDK
      • Android: http://tinyurl.com/dhcpvy
      • 42. Nokia: http://tinyurl.com/yd9w7en
    • Blackberry/Windows Mobile – download simulator (Windows only)
      • Microsoft: http://tinyurl.com/23lx9yc
      • 43. Blackberry: http://tinyurl.com/5ogpad
  • 44. Development Tools
    • iPhone
      • Safari Web Browser
      • 45. Apple Developers SDK
      • 46. http://www.marketcircle.com/iphoney/ - doesn't seem to resize correctly :(
    • Opera Mobile
      • http://www.opera.com/mobile/demo/
  • 47. Development Resources
    • Mobile Internet Architecture
      • http://www.slideshare.net/xian/mobile-information-architecture
    • Safari HTML Reference – meta tags
      • http://developer.apple.com/safari/library/documentation/appleapplications/reference/safarihtmlref/articles/metatags.html
    • Drupal Mobile
      • http://mobiledrupal.com
      • 48. http://mobiledrupal.com/content/overview-mobile-modules-drupal
        • Little bit outdated (links to some modules that aren't supported anymore) but still good & useful
  • 49. The End
    • Thank you for your patience
    • 50. Does anyone have any Questions?
      • Does anyone have any Answers?