SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Downloaden Sie, um offline zu lesen
Approach                     Mobile Web                   Native                Cross –
                                                                                platform/Hybrid
Language                     HTML5, CSS,                  Platform dependent.   Write using one
                             Javascript                   Objective C for iOS   language. “Compiled”
                                                          Java for Android      or “Interpreted” to native
                                                          J2ME for Blackberry   code for the platform.

Native UI                    No. You can “fake it” with   Yes                   Yes
                             a less rich experience

Server                       Yes                          Yes                   Yes
communication
Access to native             No                           Yes                   Yes
APIs and features
(Photo gallery, Phonebook,
etc.)

Access to Hardware           No                           Yes                   Yes
(Accelerometer,
GPS,Camera,etc)
Develop for multiple platforms:
 Using the same Technology and same codebase.

 Team with the same skillset, expertise.

 Write once run anywhere.



Which leads to :

   Reduced development time
   Reduced development cost
   Reduced development effort
   Free
   Open source
   Use Javascript to write native applications
   Active and big community
   Commercial support, custom development and
    modules are available from Appcelerator.
   Companies using Titanium
Compile time :
  Pre-compiler:
   JavaScript code is optimized, dependency hierarchy of APIs used is
   created.

   Front-end compiler:
    The appropriate platform-specific native code is generated along with
    projects and specific code is built to compile Titanium for a given
    platform compiler.

   Platform compiler & packager:
    Using native tools for the particular platform , code is compiled and
    application is packaged.

Runtime :
   Javascript is interpreted at runtime with hooks to execute native code
   (Javascript bridge)
   Standard and familiar web model (MVC)
   APIs:
       UI APIs
       Phone APIs
           Media
           Database
           FileSystem
           Network
           Accelerometer
           Geolocation
           Many more …
   Native UI components
   UI Components are:
     Windows (Hosting views)
     Views (Draw conent on
      screen, Ex. Image View)
     Widgets (Views with actions,
      Ex. Button)
Video




Sound




Camera
   Accelerometer



   Maps
   The same code renders differently depending
    on the platform
   Build and test the application on multiple
    platforms from day one if possible
   Separate business logic from UI construction
   Component Oriented design
     Your application is a library of Application specific
      components
     Use custom events instead of component and
      platform specific events.
     Use built in Titanium features to handle multiple
      platforms, screen resolutions and densities

Weitere ähnliche Inhalte

Was ist angesagt?

I didnt know Flex could do this
I didnt know Flex could do thisI didnt know Flex could do this
I didnt know Flex could do this
e27
 
Best Practices for Cross-Platform Native Applications
Best Practices for Cross-Platform Native ApplicationsBest Practices for Cross-Platform Native Applications
Best Practices for Cross-Platform Native Applications
Kevin Whinnery
 

Was ist angesagt? (20)

Developing Apps for the BlackBerry PlayBook
Developing Apps for the BlackBerry PlayBook Developing Apps for the BlackBerry PlayBook
Developing Apps for the BlackBerry PlayBook
 
The Business of Microsoft Silverlight
The Business of Microsoft SilverlightThe Business of Microsoft Silverlight
The Business of Microsoft Silverlight
 
Tcdnug xamarin
Tcdnug xamarinTcdnug xamarin
Tcdnug xamarin
 
I didnt know Flex could do this
I didnt know Flex could do thisI didnt know Flex could do this
I didnt know Flex could do this
 
Patrick broman mo sync
Patrick broman mo syncPatrick broman mo sync
Patrick broman mo sync
 
Best Practices for Cross-Platform Native Applications
Best Practices for Cross-Platform Native ApplicationsBest Practices for Cross-Platform Native Applications
Best Practices for Cross-Platform Native Applications
 
Welcome
WelcomeWelcome
Welcome
 
Decision Makers Crib: Mobile App Development - Analysis of common frameworks ...
Decision Makers Crib: Mobile App Development - Analysis of common frameworks ...Decision Makers Crib: Mobile App Development - Analysis of common frameworks ...
Decision Makers Crib: Mobile App Development - Analysis of common frameworks ...
 
CV
CVCV
CV
 
Native vs cross platform native development which one is right for your requ...
Native vs cross platform native development  which one is right for your requ...Native vs cross platform native development  which one is right for your requ...
Native vs cross platform native development which one is right for your requ...
 
Designing Modules for the Browser and Node with Browserify
Designing Modules for the Browser and Node with BrowserifyDesigning Modules for the Browser and Node with Browserify
Designing Modules for the Browser and Node with Browserify
 
All comparison
All comparisonAll comparison
All comparison
 
Mobile development with visual studio
Mobile development with visual studioMobile development with visual studio
Mobile development with visual studio
 
Cross platform mobile applications - Touch Tour Chennai
Cross platform mobile applications - Touch Tour ChennaiCross platform mobile applications - Touch Tour Chennai
Cross platform mobile applications - Touch Tour Chennai
 
Getting Acquainted with PhoneGap
Getting Acquainted with PhoneGapGetting Acquainted with PhoneGap
Getting Acquainted with PhoneGap
 
PhoneGap
PhoneGapPhoneGap
PhoneGap
 
02 Global AI Bootcamp 2022 Sofia Voice biometry Recognizing speakers in our a...
02 Global AI Bootcamp 2022 Sofia Voice biometry Recognizing speakers in our a...02 Global AI Bootcamp 2022 Sofia Voice biometry Recognizing speakers in our a...
02 Global AI Bootcamp 2022 Sofia Voice biometry Recognizing speakers in our a...
 
Choosing the Right Mobile Development Platform (Part 3)
Choosing the Right Mobile Development Platform (Part 3)Choosing the Right Mobile Development Platform (Part 3)
Choosing the Right Mobile Development Platform (Part 3)
 
iOS App development for sign language recognition
iOS App development for sign language recognitioniOS App development for sign language recognition
iOS App development for sign language recognition
 
Windows Development Story with Xamarin
Windows Development Story with XamarinWindows Development Story with Xamarin
Windows Development Story with Xamarin
 

Andere mochten auch

Andere mochten auch (9)

Tyson Kingsbury - Anatomy of a Logo
Tyson Kingsbury  - Anatomy of a LogoTyson Kingsbury  - Anatomy of a Logo
Tyson Kingsbury - Anatomy of a Logo
 
Brian Hogg - Web Apps using HTML5 and JS
Brian Hogg - Web Apps using HTML5 and JSBrian Hogg - Web Apps using HTML5 and JS
Brian Hogg - Web Apps using HTML5 and JS
 
Peter Newhook - Make Data Dance
Peter Newhook - Make Data DancePeter Newhook - Make Data Dance
Peter Newhook - Make Data Dance
 
Kevin MacDonald - Anyone can make maps
Kevin MacDonald - Anyone can make mapsKevin MacDonald - Anyone can make maps
Kevin MacDonald - Anyone can make maps
 
Marc Roginsky - How to Deliver Effective Client-facing Presentations
Marc Roginsky - How to Deliver Effective Client-facing PresentationsMarc Roginsky - How to Deliver Effective Client-facing Presentations
Marc Roginsky - How to Deliver Effective Client-facing Presentations
 
Yuriy Blokhin - Building a Development Platform
Yuriy Blokhin - Building a Development PlatformYuriy Blokhin - Building a Development Platform
Yuriy Blokhin - Building a Development Platform
 
Shey Sewani - RabbitMQ At FreshBooks
Shey Sewani - RabbitMQ At FreshBooksShey Sewani - RabbitMQ At FreshBooks
Shey Sewani - RabbitMQ At FreshBooks
 
Katherine Hague - The Decentralize Future of eCommerce
 Katherine Hague - The Decentralize Future of eCommerce Katherine Hague - The Decentralize Future of eCommerce
Katherine Hague - The Decentralize Future of eCommerce
 
Farhan Thawar - Managing an Agile Team
Farhan Thawar - Managing an Agile TeamFarhan Thawar - Managing an Agile Team
Farhan Thawar - Managing an Agile Team
 

Ähnlich wie Shoukry Kattan - Titanium Mobile. Cross Platform Mobile Apps

Midweek breather hybridapps
Midweek breather hybridappsMidweek breather hybridapps
Midweek breather hybridapps
strider1981
 
Hybrid Mobile Application Framework
Hybrid Mobile Application FrameworkHybrid Mobile Application Framework
Hybrid Mobile Application Framework
동수 장
 
Developing Downloadable Mobile Apps Using HTML5 and PhoneGap
Developing Downloadable Mobile Apps Using HTML5 and PhoneGapDeveloping Downloadable Mobile Apps Using HTML5 and PhoneGap
Developing Downloadable Mobile Apps Using HTML5 and PhoneGap
Worklight
 

Ähnlich wie Shoukry Kattan - Titanium Mobile. Cross Platform Mobile Apps (20)

Cross platform mobile app development tools review
Cross platform mobile app development tools reviewCross platform mobile app development tools review
Cross platform mobile app development tools review
 
Mobile stategy
Mobile stategyMobile stategy
Mobile stategy
 
Midweek breather hybridapps
Midweek breather hybridappsMidweek breather hybridapps
Midweek breather hybridapps
 
Native vs cross platform vs html5
Native vs cross platform vs html5Native vs cross platform vs html5
Native vs cross platform vs html5
 
Mobile Development with Visual Studio by Sergey Seletsky
Mobile Development with Visual Studio by Sergey SeletskyMobile Development with Visual Studio by Sergey Seletsky
Mobile Development with Visual Studio by Sergey Seletsky
 
Building Cross-Platform Mobile Apps with PhoneGap and Sencha Touch
Building Cross-Platform Mobile Apps with PhoneGap and Sencha TouchBuilding Cross-Platform Mobile Apps with PhoneGap and Sencha Touch
Building Cross-Platform Mobile Apps with PhoneGap and Sencha Touch
 
Mobile Drupal
Mobile DrupalMobile Drupal
Mobile Drupal
 
Mobile Web Apps
Mobile Web AppsMobile Web Apps
Mobile Web Apps
 
Progamming Path.pptx
Progamming Path.pptxProgamming Path.pptx
Progamming Path.pptx
 
Hybrid App Development, Redefined
Hybrid App Development, RedefinedHybrid App Development, Redefined
Hybrid App Development, Redefined
 
Hybrid Mobile Application Framework
Hybrid Mobile Application FrameworkHybrid Mobile Application Framework
Hybrid Mobile Application Framework
 
Optimized Cross Platform Development
Optimized Cross Platform DevelopmentOptimized Cross Platform Development
Optimized Cross Platform Development
 
Mono for Android... for Google Devs
Mono for Android... for Google DevsMono for Android... for Google Devs
Mono for Android... for Google Devs
 
Smartface ile Crossplatform Uygulama Geliştirme
Smartface ile Crossplatform Uygulama GeliştirmeSmartface ile Crossplatform Uygulama Geliştirme
Smartface ile Crossplatform Uygulama Geliştirme
 
Xamarin cross platform
Xamarin cross platformXamarin cross platform
Xamarin cross platform
 
Glympse API Cross Compiling
Glympse API Cross CompilingGlympse API Cross Compiling
Glympse API Cross Compiling
 
fdocuments.in_apache-cordova-overview.pptx
fdocuments.in_apache-cordova-overview.pptxfdocuments.in_apache-cordova-overview.pptx
fdocuments.in_apache-cordova-overview.pptx
 
Rhodes vs Phonegap
Rhodes vs PhonegapRhodes vs Phonegap
Rhodes vs Phonegap
 
Native Touches to your Hybrid Mobile Apps
Native Touches to your Hybrid Mobile AppsNative Touches to your Hybrid Mobile Apps
Native Touches to your Hybrid Mobile Apps
 
Developing Downloadable Mobile Apps Using HTML5 and PhoneGap
Developing Downloadable Mobile Apps Using HTML5 and PhoneGapDeveloping Downloadable Mobile Apps Using HTML5 and PhoneGap
Developing Downloadable Mobile Apps Using HTML5 and PhoneGap
 

Kürzlich hochgeladen

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 

Kürzlich hochgeladen (20)

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 

Shoukry Kattan - Titanium Mobile. Cross Platform Mobile Apps

  • 1.
  • 2. Approach Mobile Web Native Cross – platform/Hybrid Language HTML5, CSS, Platform dependent. Write using one Javascript Objective C for iOS language. “Compiled” Java for Android or “Interpreted” to native J2ME for Blackberry code for the platform. Native UI No. You can “fake it” with Yes Yes a less rich experience Server Yes Yes Yes communication Access to native No Yes Yes APIs and features (Photo gallery, Phonebook, etc.) Access to Hardware No Yes Yes (Accelerometer, GPS,Camera,etc)
  • 3. Develop for multiple platforms:  Using the same Technology and same codebase.  Team with the same skillset, expertise.  Write once run anywhere. Which leads to :  Reduced development time  Reduced development cost  Reduced development effort
  • 4. Free  Open source  Use Javascript to write native applications  Active and big community  Commercial support, custom development and modules are available from Appcelerator.  Companies using Titanium
  • 5. Compile time :  Pre-compiler: JavaScript code is optimized, dependency hierarchy of APIs used is created.  Front-end compiler: The appropriate platform-specific native code is generated along with projects and specific code is built to compile Titanium for a given platform compiler.  Platform compiler & packager: Using native tools for the particular platform , code is compiled and application is packaged. Runtime : Javascript is interpreted at runtime with hooks to execute native code (Javascript bridge)
  • 6. Standard and familiar web model (MVC)  APIs:  UI APIs  Phone APIs  Media  Database  FileSystem  Network  Accelerometer  Geolocation  Many more …
  • 7. Native UI components  UI Components are:  Windows (Hosting views)  Views (Draw conent on screen, Ex. Image View)  Widgets (Views with actions, Ex. Button)
  • 8.
  • 10. Accelerometer  Maps
  • 11. The same code renders differently depending on the platform
  • 12. Build and test the application on multiple platforms from day one if possible  Separate business logic from UI construction  Component Oriented design  Your application is a library of Application specific components  Use custom events instead of component and platform specific events.  Use built in Titanium features to handle multiple platforms, screen resolutions and densities