SlideShare a Scribd company logo
1 of 20
Download to read offline
WHAT IS MOJITO
http://developer.yahoo.com/cocktails/
Isao Yagi
THIS IS MOJITO
THESE ARE MOJITS
THIS IS MOJITO

Need these:
•  Personalization
•  Internationalization
•  Localization
•  Instrumentation
•  Monetization
THIS IS MOJITO

And we need to provide our experiences
across various devices.

It needs to be accessible and inclusive.

It needs to be safe and fast.
PRE-MOJITO
Developers using lots of languages, tool
chains, and stacks.
                                                                                Nokia	
  
                                                                          iOS	
  
     Desktop	
              ConnectedTV	
       Feature	
  Phones	
     Android	
  
                                                                              Apps	
  
                                                                             Apps	
  

       Web	
  Modules	
      Widgets	
           Views	
                 Apps	
  

                                                                                    Na've	
  
                                                                             Na've	
  
       Maple,	
  YUI	
       Konfabulator	
      BluePrint	
             Na've	
  
                                                                                    Java,	
  ObjC	
  
                                                                             Java,	
  ObjC	
  

       Apache/PHP/JS	
      JavaScript	
         Apache/PHP	
            Java	
  
REBOOT

                                          Nokia


                Mojito
                                        iOS
Desktop       Connected     Feature    Android
                                           Apps
              TV            Phones       Apps
Web            HTML5
              Widgets     Modules
                             Views      Apps         APPLICATION
Modules
                                            Native
                                         Native
Maple, YUI             MVC BluePrint
              Konfabulat                Native       FRAMEWORK
              or                           Java,
                                           ObjC
                                         Java,
                                          ObjC
Apache/PHP/         Javascript
              JavaScript    Apache/     Java         RUNTIME
JS                          PHP
MOJITO
•  Open source github.com/yahoo/mojito
•  100% Javascript
•  Build on YUI
•  Runs on Node.js in the Yahoo! cloud
   (Manhattan)
•  Same core runtime on the browser
•  Same core runtime in iOS & Android
MOJITO
 “The web is THE platform”
                -- Bruno Fernandez-Ruiz

Start with Javascript, with YUI providing
browser abstraction, libraries and patterns.

Provide a rich MVC framework with the
“Mojit” as the organizing principle.
“MOJIT”


   A kind of MODULE…
     or a kind of WIDGET…

                 …“MOJIT”
“MOJITS”


•  Have models, views, controllers, and binders
•  Can communicate with other mojits by
   messaging
•  Don’t have to know about other mojits
•  Can be composed together
•  Can run on server or client or both
MOJITO

Does not:
•  Provide user interface abstractions
•  Does not provide any magic, like having your
   browser app work like a native mobile app
Does:
•  Lets developers write javascript everywhere
•  Lets developers use the same framework and
   idioms
MOJITO: COMMAND LINE


% npm install –g mojito!
!
% mojito help!
Available commands: build, compile,
create, docs, gv, help, info,
jslint, start, test, version!
MOJITO: AN APPLICATION

                         Bundle	
  things	
  
                         by	
  app	
  or	
  mojit	
  
                         Affinity:	
  server,	
  
                         client,	
  common	
  
                         Views	
  can	
  be	
  
                         selected	
  by	
  
                         device	
  
MOJITO: A VIEW


Mustache template engine (or choose your own)
MOJITO: A CONTROLLER ACTION
MOJITO: A MODEL
MOJITO: RUNNING ON YOUR MAC
THANK YOU
http://developer.yahoo.com/cocktails/
https://github.com/yahoo/mojito
isao@yahoo-inc.com

More Related Content

What's hot

Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery MobileBuilding Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Jon Cortez
 
Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]
Ajax Experience 2009
 

What's hot (10)

Phonegap
PhonegapPhonegap
Phonegap
 
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and GuidelinesResponsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and Guidelines
 
BayJax: Expanding Yahoo! Axis across 3 screens
BayJax: Expanding Yahoo! Axis across 3 screensBayJax: Expanding Yahoo! Axis across 3 screens
BayJax: Expanding Yahoo! Axis across 3 screens
 
Phone gap
Phone gapPhone gap
Phone gap
 
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery MobileBuilding Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
 
Ionic Framework: Let's build amazing apps. No Excuses!
Ionic Framework: Let's build amazing apps. No Excuses!Ionic Framework: Let's build amazing apps. No Excuses!
Ionic Framework: Let's build amazing apps. No Excuses!
 
Videogram - Building a product with Sencha Touch
Videogram - Building a product with Sencha TouchVideogram - Building a product with Sencha Touch
Videogram - Building a product with Sencha Touch
 
Mojito: Building for multiple devices using a single language and framework
Mojito: Building for multiple devices using a single language and frameworkMojito: Building for multiple devices using a single language and framework
Mojito: Building for multiple devices using a single language and framework
 
The Phonegap Architecture
The Phonegap ArchitectureThe Phonegap Architecture
The Phonegap Architecture
 
Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]
 

Similar to Wpp mojito-novid.pptx

Real-world Dojo Mobile
Real-world Dojo MobileReal-world Dojo Mobile
Real-world Dojo Mobile
Andrew Ferrier
 
Develop your first mobile App for iOS and Android
Develop your first mobile App for iOS and AndroidDevelop your first mobile App for iOS and Android
Develop your first mobile App for iOS and Android
ralcocer
 
Develop your first mobile App for iOS and Android
Develop your first mobile App for iOS and AndroidDevelop your first mobile App for iOS and Android
Develop your first mobile App for iOS and Android
Ricardo Alcocer
 
Cross Platform Mobile Developmemnt
Cross Platform Mobile DevelopmemntCross Platform Mobile Developmemnt
Cross Platform Mobile Developmemnt
Soutom Dhara
 

Similar to Wpp mojito-novid.pptx (20)

Open Hack Taiwan 2012 - Mojito intro
Open Hack Taiwan 2012 - Mojito introOpen Hack Taiwan 2012 - Mojito intro
Open Hack Taiwan 2012 - Mojito intro
 
YUIConf2012: Mojito for YUI Developers
YUIConf2012: Mojito for YUI DevelopersYUIConf2012: Mojito for YUI Developers
YUIConf2012: Mojito for YUI Developers
 
Yahoo! Mojito
Yahoo! MojitoYahoo! Mojito
Yahoo! Mojito
 
Mobile UX Tools & Methods for UX Australia 2011
Mobile UX Tools & Methods for UX Australia 2011 Mobile UX Tools & Methods for UX Australia 2011
Mobile UX Tools & Methods for UX Australia 2011
 
Mobile Widgets Development
Mobile Widgets DevelopmentMobile Widgets Development
Mobile Widgets Development
 
Inside Mobile Widgets Publish
Inside Mobile Widgets PublishInside Mobile Widgets Publish
Inside Mobile Widgets Publish
 
UI innovation with SAP NetWeaver Gateway
UI innovation with SAP NetWeaver GatewayUI innovation with SAP NetWeaver Gateway
UI innovation with SAP NetWeaver Gateway
 
Yahoo! Mojito talk on Agency Hackday
Yahoo! Mojito talk on Agency HackdayYahoo! Mojito talk on Agency Hackday
Yahoo! Mojito talk on Agency Hackday
 
Real-world Dojo Mobile
Real-world Dojo MobileReal-world Dojo Mobile
Real-world Dojo Mobile
 
Service worker API
Service worker APIService worker API
Service worker API
 
Develop your first mobile App for iOS and Android
Develop your first mobile App for iOS and AndroidDevelop your first mobile App for iOS and Android
Develop your first mobile App for iOS and Android
 
Develop your first mobile App for iOS and Android
Develop your first mobile App for iOS and AndroidDevelop your first mobile App for iOS and Android
Develop your first mobile App for iOS and Android
 
Hybrid Apps / iPhoneDevCon 2010
Hybrid Apps / iPhoneDevCon 2010Hybrid Apps / iPhoneDevCon 2010
Hybrid Apps / iPhoneDevCon 2010
 
Cross Platform Mobile Developmemnt
Cross Platform Mobile DevelopmemntCross Platform Mobile Developmemnt
Cross Platform Mobile Developmemnt
 
Ppt on open and close door using Applet
Ppt on open and close door using Applet Ppt on open and close door using Applet
Ppt on open and close door using Applet
 
Open and Close Door ppt
 Open and Close Door ppt Open and Close Door ppt
Open and Close Door ppt
 
Tour of Mobile usability testing apps and services
Tour of Mobile usability testing apps and servicesTour of Mobile usability testing apps and services
Tour of Mobile usability testing apps and services
 
FEDM Meetup: Introducing Mojito
FEDM Meetup: Introducing MojitoFEDM Meetup: Introducing Mojito
FEDM Meetup: Introducing Mojito
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do That
 
Webapi
WebapiWebapi
Webapi
 

Recently uploaded

“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
Muhammad Subhan
 
Revolutionizing SAP® Processes with Automation and Artificial Intelligence
Revolutionizing SAP® Processes with Automation and Artificial IntelligenceRevolutionizing SAP® Processes with Automation and Artificial Intelligence
Revolutionizing SAP® Processes with Automation and Artificial Intelligence
Precisely
 
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc
 

Recently uploaded (20)

“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
 
JavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate GuideJavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate Guide
 
Design and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data ScienceDesign and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data Science
 
Top 10 CodeIgniter Development Companies
Top 10 CodeIgniter Development CompaniesTop 10 CodeIgniter Development Companies
Top 10 CodeIgniter Development Companies
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
 
Syngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdfSyngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdf
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
Frisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdf
Frisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdfFrisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdf
Frisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdf
 
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptx
 
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsContinuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
 
Introduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptxIntroduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptx
 
Intro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptxIntro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptx
 
2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch Tuesday
 
Vector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptxVector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptx
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
Revolutionizing SAP® Processes with Automation and Artificial Intelligence
Revolutionizing SAP® Processes with Automation and Artificial IntelligenceRevolutionizing SAP® Processes with Automation and Artificial Intelligence
Revolutionizing SAP® Processes with Automation and Artificial Intelligence
 
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
 
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
 

Wpp mojito-novid.pptx

  • 1.
  • 5. THIS IS MOJITO Need these: •  Personalization •  Internationalization •  Localization •  Instrumentation •  Monetization
  • 6. THIS IS MOJITO And we need to provide our experiences across various devices. It needs to be accessible and inclusive. It needs to be safe and fast.
  • 7. PRE-MOJITO Developers using lots of languages, tool chains, and stacks. Nokia   iOS   Desktop   ConnectedTV   Feature  Phones   Android   Apps   Apps   Web  Modules   Widgets   Views   Apps   Na've   Na've   Maple,  YUI   Konfabulator   BluePrint   Na've   Java,  ObjC   Java,  ObjC   Apache/PHP/JS   JavaScript   Apache/PHP   Java  
  • 8. REBOOT Nokia Mojito iOS Desktop Connected Feature Android Apps TV Phones Apps Web HTML5 Widgets Modules Views Apps APPLICATION Modules Native Native Maple, YUI MVC BluePrint Konfabulat Native FRAMEWORK or Java, ObjC Java, ObjC Apache/PHP/ Javascript JavaScript Apache/ Java RUNTIME JS PHP
  • 9. MOJITO •  Open source github.com/yahoo/mojito •  100% Javascript •  Build on YUI •  Runs on Node.js in the Yahoo! cloud (Manhattan) •  Same core runtime on the browser •  Same core runtime in iOS & Android
  • 10. MOJITO “The web is THE platform” -- Bruno Fernandez-Ruiz Start with Javascript, with YUI providing browser abstraction, libraries and patterns. Provide a rich MVC framework with the “Mojit” as the organizing principle.
  • 11. “MOJIT” A kind of MODULE… or a kind of WIDGET… …“MOJIT”
  • 12. “MOJITS” •  Have models, views, controllers, and binders •  Can communicate with other mojits by messaging •  Don’t have to know about other mojits •  Can be composed together •  Can run on server or client or both
  • 13. MOJITO Does not: •  Provide user interface abstractions •  Does not provide any magic, like having your browser app work like a native mobile app Does: •  Lets developers write javascript everywhere •  Lets developers use the same framework and idioms
  • 14. MOJITO: COMMAND LINE % npm install –g mojito! ! % mojito help! Available commands: build, compile, create, docs, gv, help, info, jslint, start, test, version!
  • 15. MOJITO: AN APPLICATION Bundle  things   by  app  or  mojit   Affinity:  server,   client,  common   Views  can  be   selected  by   device  
  • 16. MOJITO: A VIEW Mustache template engine (or choose your own)
  • 19. MOJITO: RUNNING ON YOUR MAC