SlideShare a Scribd company logo
1 of 13
Drupal Drupal Meetup - April edition - Drupal and Mobile Development
About @ybother Co-Founder
Experience with a lot of CMS Driven Apps
Case Study ->
Sample app architecture XML/JSON/RSS  Content API CMS iPhone Android Mobile View Mobile Browser  HTML/CSS/JS
Mobile/Web
Interesting apps our users built Flashcard- http://creative.mobdis.me/projects/962 Promotional - http://creative.mobdis.me/projects/985#navigation
Easier & more Powderful
Help Needed! Ideas on how to hook to Drupal How would you make content Dynamic in MobDis? Comments of any sort are welcomed!
One Last thing!
About --  Zhou Wenhan Co-Founder, 2359 Media & MobDis SG: +65 9046 7340 | USA: +1 (707) 408-2359 LinkedIn | @ybother | facebook

More Related Content

More from Zhou Wenhan

App Store Optimisation 101
App Store Optimisation 101App Store Optimisation 101
App Store Optimisation 101Zhou Wenhan
 
Making Fast Mobile Applications
Making Fast Mobile ApplicationsMaking Fast Mobile Applications
Making Fast Mobile ApplicationsZhou Wenhan
 
Optimizing your Fortune
Optimizing your FortuneOptimizing your Fortune
Optimizing your FortuneZhou Wenhan
 
Bio Diesel Slides
Bio Diesel SlidesBio Diesel Slides
Bio Diesel SlidesZhou Wenhan
 
Autonomous Lawn Mower New Venture
Autonomous Lawn Mower   New VentureAutonomous Lawn Mower   New Venture
Autonomous Lawn Mower New VentureZhou Wenhan
 
How to Deal with Cultural Diversity in your Company
How to Deal with Cultural Diversity in your CompanyHow to Deal with Cultural Diversity in your Company
How to Deal with Cultural Diversity in your CompanyZhou Wenhan
 

More from Zhou Wenhan (7)

App Store Optimisation 101
App Store Optimisation 101App Store Optimisation 101
App Store Optimisation 101
 
Sg Malls Demo
Sg Malls DemoSg Malls Demo
Sg Malls Demo
 
Making Fast Mobile Applications
Making Fast Mobile ApplicationsMaking Fast Mobile Applications
Making Fast Mobile Applications
 
Optimizing your Fortune
Optimizing your FortuneOptimizing your Fortune
Optimizing your Fortune
 
Bio Diesel Slides
Bio Diesel SlidesBio Diesel Slides
Bio Diesel Slides
 
Autonomous Lawn Mower New Venture
Autonomous Lawn Mower   New VentureAutonomous Lawn Mower   New Venture
Autonomous Lawn Mower New Venture
 
How to Deal with Cultural Diversity in your Company
How to Deal with Cultural Diversity in your CompanyHow to Deal with Cultural Diversity in your Company
How to Deal with Cultural Diversity in your Company
 

Recently uploaded

Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...CzechDreamin
 
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdfLinux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdfFIDO Alliance
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...FIDO Alliance
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekCzechDreamin
 
Oauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoftOauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoftshyamraj55
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfFIDO Alliance
 
Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaPowerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaCzechDreamin
 
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. StartupsPLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. StartupsStefano
 
What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024Stephanie Beckett
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGDSC PJATK
 
Breaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdfBreaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdfUK Journal
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...panagenda
 
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties ReimaginedEasier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties Reimaginedpanagenda
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIES VE
 
ECS 2024 Teams Premium - Pretty Secure
ECS 2024   Teams Premium - Pretty SecureECS 2024   Teams Premium - Pretty Secure
ECS 2024 Teams Premium - Pretty SecureFemke de Vroome
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...FIDO Alliance
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfFIDO Alliance
 
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge
 
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPTiSEO AI
 

Recently uploaded (20)

Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdfLinux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
 
Oauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoftOauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoft
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaPowerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara Laskowska
 
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. StartupsPLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
 
What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 
Breaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdfBreaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdf
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
 
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties ReimaginedEasier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and Planning
 
ECS 2024 Teams Premium - Pretty Secure
ECS 2024   Teams Premium - Pretty SecureECS 2024   Teams Premium - Pretty Secure
ECS 2024 Teams Premium - Pretty Secure
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024
 
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
 

The Singapore Drupal Meetup Group - April edition - Drupal and Mobile Development

Editor's Notes

  1. Hi Guys,Thanks for coming for the meetup today. For all you newbies here, today is my first time here too! So a bit about my self first. I am most visible at the Co-Founder of 2359 Media which is a leading mobile consultancy in Asia. Our clients are mainly brands and content publishers who want to have their presence on the mobile phones of the customers. so far, They have engaged us to make about 50 iPhone/Android Apps aI also code mainly in Obj-C which is a mobile development platform for iPhone which is totally way different from DruaplAs a web developer, I code in exclusively in RoR with my only painful PHP experience limited to 1 module in NUS which I did a Facebook application. So again, I won’t be able to answer your question of how to modify drupal or build drupal modulesI use Wordpress,notdrupal, as the CMS for my personal website www.zhouwenhan.com therefore I haven’t even seen how the administrator page of drupal looks like.In short I am totally unqualified for this talk. (haha)Now that I have set the bar so low and I hope Sven doesn’t kick me out of the meetup group after this, here is how I think I would be able to contribute
  2. In the 2 years we have been around, we have built quite a few apps and the initial apps were mostly built to work with a CMS backend. Now the CMS that we built on was called Radiant and it is a open source RoR CMS with the concept of Pages, Layouts, Snippets and extensions.  So what I will share with you is how we architected our CMS to work with our apps and some key lessons that we learned along the way.
  3. Demo of iMerlionThis is a typical app that I built that interfaced with a CMS backend. I will first go through the simple functionality of the app and then the backend and how it all works together. Tab 1 is a RSS ReaderTab 3 is a simple Map of stores from a Google Map APITab 4 is a info page which is HTML and is stored locallyTab 2 is more the of CMS Part where there is a list of categories then a list of apps and their details when you enter. This is a very familiar tree based structure which comes in most CMS. So we basically replicated the tree based structure in the CMS. Show CMS. Show Layout
  4.  So that is how we basically connected the iPhone with the CMS. The iPhone has some screen templates that display data in the correct places according to what is in the XML feed. The XML feed generally follows a restful interface. Of course this XML can also be JSON/RSS and in some causes, it can be pure HTML and the phone just opens the browser. Some of you might question if why we even need an app in this case, since a app like this could be coded in HTML/CSS. You are right and this is where one has to be clear which functions you can outsource to the mobile client and which you want to keep to a server function.
  5. Examples of Mobile SiteWork for inSing.comPossible to have touch based events. You just need to have coded it. Most CMS do not have touch based Widgets or modules yet. Need to rework the navigation of your siteLess Smooth navigation as layout has to be downloaded and renderFaster speed of deployment and developmentYou can then wrap it up as an app and upload to app store. Then take advantagge of app specific features like push notifications.
  6. MobDis DemoOther than building apps for other companies, we also have our own product called MobDis. MobDis is a platform to create and serve rich media advertisements for mobile campaigns. Based on a graphical interface and customizable widgets, MobDis enables agencies and designers to rapidly create a rich media banner unit and accompanying mobile landing site with no coding required. Our main customers are agencies, their clients and media companies with smartphone/tablet apps. Right now each page is static in MobDis and something I want to get out of this is to see how MobDis can be hooked up to CMSes t provide the designer with the ability to have dynamic content. So I will do a short demo and I hope anyone with an idea how of you would like to inout dynamic content to please speak your mind.
  7. Co2 featured sitesMini App- http://creative.mobdis.me/projects/962About Me - http://creative.mobdis.me/projects/985#navigation
  8.  Video 1 of building a site -
  9. Live Demo of v2Flexible events & effects that allows you to start animations and mobile specific actions when a user does a screen swipe or enters a pageAssets & Objects & Widgets
  10. Questions: How would you like to Hook in drupal? What would a dynamic system within MobDis look like? HTC Mobile Ad