Mobilizing your Drupal Site - Vancouver League of Drupallers

  • 4,111 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,111
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
10

Embeds 0

No embeds

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?