multi platform mobile development using titanium

•Als PPTX, PDF herunterladen•

2 gefällt mir•719 views

Jurgen Coetsiers

Presentation given by the creative stores @ droidcon belgium on friday April 2nd 2010

Technologie

Multi-platform Mobile Application Development Jasper De Craecker, Mobile Developer (@jasperdc_be) Jürgen Coetsiers, CTO & co-founder (@jcoetsie)

Imaginethat…. Presentationlayer HTML/CSS Business Logic Javascript Run locally Integratingcloud services

Multi-Platform Landscape Players (today) Single code base, virtual machine J2ME Adobe … Single code base, nativedeployment J2ME Polish PhoneGap XMLVM, byte code level cross compiler Appcelerator …

What we looked at Adobe Flash No iPhone ( yet ;-) ) No Android ( yet ;-) ) PhoneGap Webkit based Limited Access to nativecomponents webkit quirks limit functionality and user interface “Position: fix” notpossible, …, … For more: http://www.quirksmode.org/webkit.html

What we workwith Titanium byAppcelerator Premium Partner Multi-PlatformJavaScriptLibrary Open Source (Apache Public License) Veryactivecommunity Desktop Win32, OS/X, Linux Mobile iPhone, Android, iPad (beta), BlackBerry (Q2)

Programming Model UI Clean separation HTML5/CSS3  JavaScriptaccess to createnativecontrols, views, windows, … JavaScript Mobile Features Local Resources Database Remoting Anytoolkit: jQuery, YUI, Dojo, …

Titanium API’s Accelerometer Analytics App Database Facebook Filesystem Compass Geolocation Gesture Media Network Platform UI Yahoo

SimpleAPI’s FunctiononShake() { document.getElementById(“status”).innerHTML = ‘Stop Shaking me!’; } Var listernerId = Titanium.Gesture.addEventListener(“shake”, onShake); Titanium.UI.setTabBadge(10) Titanium.UI.createMenu()

A Multi-PlatformSportsApp OurProof of Concept Platform

SportsApp Multi-Sport News RealTime Pictures Social Media Data kindlyprovidedbyCorelio

Architecture Move as much as possibleinto the cloud CloudBased Service Optimize data for mobile delivery (JSON) Minimizedevicebased data processing Handlelocalization Flexible data providers FlexibleConsumers (sms/mms, mobile, web, billboards, …) Devicelayer Synchronisation & Caching Presentation Data kindlyprovidedbyCorelio

Team Architects Toon & Jürgen Back-EndAPI’s Cédric App Data Layer, caching & sync Tom App UI Jasper Design Sven

The creative stores, enablingconversationsbetweensconsumers & brands

Empfohlen

Intro to appceleratorDave Hudson

To David - ResumeDavid To

Shoukry Kattan - Titanium Mobile. Cross Platform Mobile Apps#DevTO

HTML5 Can't Do ThatNathan Smith

X-Platform native apps in C# and .NET using Xamarin tools (iOS/WP/Android)Mark Radacz

DroidCon Berlin 2018 summaryBartosz Kosarzycki

Sencha Touch for RubyistsJames Pearce

HTML5 and jQuery MobileKeir Bowden

Empfohlen

Intro to appceleratorDave Hudson

To David - ResumeDavid To

Shoukry Kattan - Titanium Mobile. Cross Platform Mobile Apps#DevTO

HTML5 Can't Do ThatNathan Smith

X-Platform native apps in C# and .NET using Xamarin tools (iOS/WP/Android)Mark Radacz

DroidCon Berlin 2018 summaryBartosz Kosarzycki

Sencha Touch for RubyistsJames Pearce

HTML5 and jQuery MobileKeir Bowden

Hybrid vs Native vs Web AppsPoluru S

Introduction to jQueryMobileJeyakumaran Mayooresan

Mobile Development with PhoneGapJoshua Johnson

Multi-platform Mobile apps with PhonegapGautam Chaudhary

design-lowWjatscheslaw Kravtchenko

Journey into cross mobile apps development - Xamarin Forms case studyLukasz Jarmulowicz

Bridging the gapAnoop Sankar

user interface skill presentationPavithra N

Overview on Mobile Cross Platform Development Shahar Zrihen

Drupal Business Summit - making your sites mobile accessible, four methodsAndy Kucharski

How to pick the right development model for your mobile project?Conny Svensson

Xamarin Traditional Approach & Xamarin.FormsWilliam S. Rodriguez

Xamarin Forms: O caminho para 100% de código compartilhado em aplicativos móveisakamud

$resume2016_EdwardChened Chen

Uniface Lectures Webinar - Extending Applications for Mobile Uniface

Weirdmeetup xamarin-presentationHanul Park

Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapNick Landry

Real World Lessons in jQuery MobileKai Koenig

Cross Platform Mobile Dev with C# and Xamarin 3 (RADNUG 8/19/14)Ed Snider

Mobile technologySarankumar Rajagopal

Html5 investigationoppokui

Anton Sakharov: The risks you take when develop cross-platform apps using HT...Mobile Trends

Weitere ähnliche Inhalte

Was ist angesagt?

Hybrid vs Native vs Web AppsPoluru S

Introduction to jQueryMobileJeyakumaran Mayooresan

Mobile Development with PhoneGapJoshua Johnson

Multi-platform Mobile apps with PhonegapGautam Chaudhary

design-lowWjatscheslaw Kravtchenko

Journey into cross mobile apps development - Xamarin Forms case studyLukasz Jarmulowicz

Bridging the gapAnoop Sankar

user interface skill presentationPavithra N

Overview on Mobile Cross Platform Development Shahar Zrihen

Drupal Business Summit - making your sites mobile accessible, four methodsAndy Kucharski

How to pick the right development model for your mobile project?Conny Svensson

Xamarin Traditional Approach & Xamarin.FormsWilliam S. Rodriguez

Xamarin Forms: O caminho para 100% de código compartilhado em aplicativos móveisakamud

$resume2016_EdwardChened Chen

Uniface Lectures Webinar - Extending Applications for Mobile Uniface

Weirdmeetup xamarin-presentationHanul Park

Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapNick Landry

Real World Lessons in jQuery MobileKai Koenig

Cross Platform Mobile Dev with C# and Xamarin 3 (RADNUG 8/19/14)Ed Snider

Was ist angesagt? (19)

Hybrid vs Native vs Web Apps

Introduction to jQueryMobile

Mobile Development with PhoneGap

Multi-platform Mobile apps with Phonegap

design-low

Journey into cross mobile apps development - Xamarin Forms case study

Bridging the gap

user interface skill presentation

Overview on Mobile Cross Platform Development

Drupal Business Summit - making your sites mobile accessible, four methods

How to pick the right development model for your mobile project?

Xamarin Traditional Approach & Xamarin.Forms

Xamarin Forms: O caminho para 100% de código compartilhado em aplicativos móveis

$resume2016_EdwardChen

Uniface Lectures Webinar - Extending Applications for Mobile

Weirdmeetup xamarin-presentation

Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap

Real World Lessons in jQuery Mobile

Cross Platform Mobile Dev with C# and Xamarin 3 (RADNUG 8/19/14)

Ähnlich wie multi platform mobile development using titanium

Mobile technologySarankumar Rajagopal

Html5 investigationoppokui

Anton Sakharov: The risks you take when develop cross-platform apps using HT...Mobile Trends

The Great Mobile Debate: Native vs. Hybrid App DevelopmentNick Landry

Plattformübergreifende App-Entwicklung (ein Vergleich) - MobileTechCon 2010Heiko Behrens

HTML5 and the dawn of rich mobile web applicationsJames Pearce

Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...Kai Koenig

Fragmentation in mobile design: fact or fictionBelen Barros Pena

Mobile next 2013 petru jucovschimpgco

Cross platform mobile development using PhoneGapKrishantha Jayathilake

Busy Developer's Guide to Windows 8 HTML/JavaScript AppsJAX London

Mobile Web Applications using HTML5 [IndicThreads Mobile Application Develop...IndicThreads

mobicon_paperVineet Kumar

Open Source to the Rescue of Mobile App and Mobile Web FragmentationTom Deryckere

DevChatt 2011 - PhoneGap: For Fun and ScienceCameron Kilgore

Mobility today & what's next.Application ecosystems.Petru Jucovschi

Mobile Dev For Web DevsJustin James

phonegap_101Asanka Indrajith

PhoneGap Framework for smartphone app developementTrieu Nguyen

Getting started with PhoneGapPatrick van Kouteren

Ähnlich wie multi platform mobile development using titanium (20)

Mobile technology

Html5 investigation

Anton Sakharov: The risks you take when develop cross-platform apps using HT...

The Great Mobile Debate: Native vs. Hybrid App Development

Plattformübergreifende App-Entwicklung (ein Vergleich) - MobileTechCon 2010

HTML5 and the dawn of rich mobile web applications

Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...

Fragmentation in mobile design: fact or fiction

Mobile next 2013 petru jucovschi

Cross platform mobile development using PhoneGap

Busy Developer's Guide to Windows 8 HTML/JavaScript Apps

Mobile Web Applications using HTML5 [IndicThreads Mobile Application Develop...

mobicon_paper

Open Source to the Rescue of Mobile App and Mobile Web Fragmentation

DevChatt 2011 - PhoneGap: For Fun and Science

Mobility today & what's next.Application ecosystems.

Mobile Dev For Web Devs

phonegap_101

PhoneGap Framework for smartphone app developement

Getting started with PhoneGap

Kürzlich hochgeladen

DBX First Quarter 2024 Investor PresentationDropbox

Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya

presentation ICT roal in 21st century educationjfdjdjcjdnsjd

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Angeliki Cooney

Why Teams call analytics are critical to your entire businesspanagenda

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Zilliz

Ransomware_Q4_2023. The report. [EN].pdfOverkill Security

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Orbitshub

ICT role in 21st century education and its challengesrafiqahmad00786416

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software

AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer

Finding Java's Hidden Performance Traps @ DevoxxUK 2024Victor Rentea

[BuildWithAI] Introduction to Gemini.pdfSandro Moreira

Architecting Cloud Native ApplicationsWSO2

Spring Boot vs Quarkus the ultimate battle - DevoxxUKJago de Vreede

Kürzlich hochgeladen (20)

DBX First Quarter 2024 Investor Presentation

Artificial Intelligence Chap.5 : Uncertainty

presentation ICT roal in 21st century education

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Why Teams call analytics are critical to your entire business

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Ransomware_Q4_2023. The report. [EN].pdf

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

Exploring the Future Potential of AI-Enabled Smartphone Processors

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

ICT role in 21st century education and its challenges

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

AXA XL - Insurer Innovation Award Americas 2024

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

[BuildWithAI] Introduction to Gemini.pdf

Architecting Cloud Native Applications

Spring Boot vs Quarkus the ultimate battle - DevoxxUK

multi platform mobile development using titanium

1. Multi-platform Mobile Application Development Jasper De Craecker, Mobile Developer (@jasperdc_be) Jürgen Coetsiers, CTO & co-founder (@jcoetsie)

2. Reality check… Brand Manager: make me a mobile app…. Whichdevice/platform/… Devs… iPhone (Objective-C) Android (Java, Google style) RIM (Java, BlackberryorMidletstyle) Symbian (old school ;-) C) Palm Pre (Web 2.0) Windows Mobile (.NET compact) Maemo (GTK+) …

3. Imaginethat…. Presentationlayer HTML/CSS Business Logic Javascript Run locally Integratingcloud services

4. Multi-Platform Landscape Players (today) Single code base, virtual machine J2ME Adobe … Single code base, nativedeployment J2ME Polish PhoneGap XMLVM, byte code level cross compiler Appcelerator …

5. What we looked at Adobe Flash No iPhone ( yet ;-) ) No Android ( yet ;-) ) PhoneGap Webkit based Limited Access to nativecomponents webkit quirks limit functionality and user interface “Position: fix” notpossible, …, … For more: http://www.quirksmode.org/webkit.html

6. What we workwith Titanium byAppcelerator Premium Partner Multi-PlatformJavaScriptLibrary Open Source (Apache Public License) Veryactivecommunity Desktop Win32, OS/X, Linux Mobile iPhone, Android, iPad (beta), BlackBerry (Q2)

7. Titanium Architecture

8. Programming Model UI Clean separation HTML5/CSS3  JavaScriptaccess to createnativecontrols, views, windows, … JavaScript Mobile Features Local Resources Database Remoting Anytoolkit: jQuery, YUI, Dojo, …

9. Titanium API’s Accelerometer Analytics App Database Facebook Filesystem Compass Geolocation Gesture Media Network Platform UI Yahoo

10. Native UI Experience

11. SimpleAPI’s FunctiononShake() { document.getElementById(“status”).innerHTML = ‘Stop Shaking me!’; } Var listernerId = Titanium.Gesture.addEventListener(“shake”, onShake); Titanium.UI.setTabBadge(10) Titanium.UI.createMenu()

12. A Multi-PlatformSportsApp OurProof of Concept Platform

13. SportsApp Multi-Sport News RealTime Pictures Social Media Data kindlyprovidedbyCorelio

14. Architecture Move as much as possibleinto the cloud CloudBased Service Optimize data for mobile delivery (JSON) Minimizedevicebased data processing Handlelocalization Flexible data providers FlexibleConsumers (sms/mms, mobile, web, billboards, …) Devicelayer Synchronisation & Caching Presentation Data kindlyprovidedbyCorelio

15. SportsApp Data kindlyprovidedbyCorelio

16. Team Architects Toon & Jürgen Back-EndAPI’s Cédric App Data Layer, caching & sync Tom App UI Jasper Design Sven

17. The creative stores, enablingconversationsbetweensconsumers & brands

18. DEMO