Drupal IN iPhone Silicon Valley Drupal User Group_Avi Halosys


Published on

Published in: Technology, News & Politics
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Drupal IN iPhone Silicon Valley Drupal User Group_Avi Halosys

  1. 1. Mobile Web South Bay Drupal Group is Silicon Valley Drupal User Group (SVDUG) Sponsors: Halosys Technologies Inc. & UCSC Extension
  2. 2. Halosys Confidential What’s the hurry? 57 Millions 7 Millions
  3. 3. Halosys Confidential Mobile Platforms DRUPAL & Mobile Convergence Comments Blog Journals Gallery About Us Discussions Store Events
  4. 4. Mobile Strategies for DRUPAL sites Halosys Confidential
  5. 5. The Road to Mobilization <ul><li>Points to ponder </li></ul><ul><li>Various shapes and sizes of screens </li></ul><ul><li>Supported features range from: </li></ul><ul><ul><li>SMS only to </li></ul></ul><ul><ul><li>Complete Applications on new Smart Phones </li></ul></ul><ul><li>Detecting the Mobile device and then delivering Mobile Content for specific devices </li></ul><ul><li>Utilizing location to deliver the content </li></ul><ul><li>HTML/CSS Compliance </li></ul><ul><li>Javascript (Google Analytics code on the server) </li></ul><ul><li>Cleanup xHTML and CSS </li></ul><ul><li>Reducing download Size </li></ul>Halosys Confidential
  6. 6. Halosys Confidential <ul><li>Device Detection </li></ul><ul><li>(Desktop, Mobile Device, Kind of Mobile Device) </li></ul><ul><li>Options available: </li></ul><ul><li>Browscap: based on Browser detection </li></ul><ul><li>WURFL : based on Device detection </li></ul><ul><li>Switch the Site based on the device </li></ul><ul><li>The following themes could be utilized to make the site Mobile Friendly: </li></ul><ul><li>.Mobi_theme </li></ul><ul><li>iUI (iPhone) </li></ul><ul><li>Bluemobi </li></ul><ul><li>Mobile </li></ul><ul><li>iWebKit: One of the latest Releases </li></ul>Making your site Mobile Friendly - I
  7. 7. Halosys Confidential Functionality & Modules Enable only the relevant functionality & the modules for Mobile Site <ul><li>Test the Site Online </li></ul><ul><li>These online tools will help emulate the iPhone browser </li></ul><ul><li>iPhoneTester.com </li></ul><ul><li>TestiPhone.com </li></ul>Making your site Mobile Friendly - II
  8. 8. Halosys Confidential A Mobile themed DRUPAL Site in iPhone Browser - I <ul><li>Form elements are themed. </li></ul><ul><li>All form elements look like default iphone forms. </li></ul><ul><li>What it means: </li></ul><ul><li>No need to add custom user-login, comments or node add forms for your iphone website </li></ul><ul><li>Directly use Drupal default forms and that will be automatically converted into iPhone style form elements </li></ul>
  9. 9. Halosys Confidential A Mobile themed DRUPAL Site in iPhone browser How this is achieved: Changes are made in template.php where individual field's theme function is overridden
  10. 10. Halosys Confidential Case Study: www.emilybarnes.com
  11. 11. Halosys Confidential Regular vs. Mobile (iWebKit) Theme for EmilyBarnes.com emilybarnes.com Tinyurl.com/halo321
  12. 12. Halosys Confidential <ul><li>Reference links to get started </li></ul><ul><li>http://drupal.org/project/mobile_tools </li></ul><ul><li>http://drupal.org/project/iwebkit </li></ul><ul><li>http://drupal.org/project/idrupal </li></ul><ul><li>http://drupal.org/project/idrupal_ui </li></ul>Summary: Making DRUPAL Site Mobile friendly
  13. 13. Halosys Confidential DRUPAL + iPhone iPhone Apps that talk to DRUPAL
  14. 14. Halosys Confidential Why build a Native iPhone App? <ul><li>A native iPhone app gives the developer </li></ul><ul><li>all the power of the iPhone hardware: </li></ul><ul><li>GPS </li></ul><ul><li>Audio </li></ul><ul><li>Camera, Video </li></ul><ul><li>Accelerometer </li></ul><ul><li>Compass </li></ul><ul><li>A local database </li></ul><ul><li>Internet connectivity. </li></ul><ul><li>Do you have content that could be monetized? </li></ul><ul><li>A native app could be priced with this content </li></ul><ul><li>In App purchase option could be utilized on iPhone to sell value added services within the app </li></ul>
  15. 15. Halosys Confidential Creating iPhone Applications for DRUPAL
  16. 16. DRUPAL + iPhone Application: What you need? Halosys Confidential DRUPAL (Well Structured Data) JSON Server Module Services Module XML-RPC XCode with iPhone SDK 3.x TouchJSON library http://code.google.com/p/touchcode/wiki/TouchJSON ** Wordpress for iPhone has an open source XML-RPC client http://iphone.trac.wordpress.org
  17. 17. Halosys Confidential Native App with the user able to set preferences
  18. 18. Development using Dashcode Halosys Confidential Dash Code is an Apple approved alternate route to creating apple GUI.  Instead of being dependent on an Objective-C base, DashCode lets one use Javascript, HTML, and CSS to create iPhone GUIs and Web Apps mobiforge.com/developing/story/build-web-apps-iphone-using-dashcode sourceforge.net/projects/quickconnect www.phonegap.com Books DEVELOPING HYBRID APPLICATIONS FOR THE IPHONE, Addison-Wesley, 2009 Author: Barney, Lee, CREATING MAC WIDGETS WITH DASHCODE,  Apress, 2009 Murray, William,
  19. 19. Halosys Confidential Checklist Before you start coding Objective-C or Engage an iPhone Developer
  20. 20. Initial Questions <ul><li>Does your application use location based services? </li></ul><ul><li>If your application content requires network connectivity, how should it behave when the connection is lost or too slow for proper use? </li></ul><ul><li>What are the key views or screens that your users are most likely to want to access quickly for this application </li></ul><ul><li>What are the preferences the user will be able to set </li></ul><ul><li>Forms and data that the user would have to enter. </li></ul><ul><li>Screen shots or links to similar applications on the web or other devices. </li></ul><ul><li>Do you have anything to be saved on iPhone itself? </li></ul><ul><li>Continued (case to case) </li></ul>Halosys Confidential Accuracy Levels Software Messages Main Screens or activities User Permissions Info capture fields Reference Apps Memory Usage of iPhone
  21. 21. <ul><ul><li>Yahoo Stencils: http://developer.yahoo.com/ypatterns/about/stencils/ </li></ul></ul><ul><ul><li>GraffleTopia: Stencils for OmniGraffle: </li></ul></ul><ul><ul><li> http://www.graffletopia.com/categories/iphone </li></ul></ul><ul><ul><li>iPhone UI Stencil Kit: Stainless steel kit to wireframe and app http://www.uistencils.com/iphone-stencil-kit.html </li></ul></ul><ul><ul><li>If you use PhotoShop, you will like this: http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups </li></ul></ul><ul><li>Have Answers to these basic questions </li></ul>Halosys Confidential Sketch It /Wireframe It / Mock It Up
  22. 22. Thank You 2953 Bunker Hills, Santa Clara, CA 95054 200 Continental Blvd, El Segundo, CA - 90245 Los Angeles Area San Francisco Bay Area Halosys Technologies Inc. www.halosys.com Avinash Harsh [email_address] [email_address]