jQTouch and Titanium

•

11 j'aime•2,341 vues

Look at how to write for mobile in JavaScript using jQTouch and/or Titanium. Exploring the benefits of mobile web versus native mobile applications.

Technologie Design

Native Apps

• High Performance
• Findable in App Store

Native Apps

• High Performance
• Findable in App Store
• Native UI, Media API,

Native Apps

• High Performance
• Findable in App Store
• Native UI, Media API,
File System, Accelerometer

Native Apps

• High Performance
• Findable in App Store
• Native UI, Media API,
File System, Accelerometer
• Monetization

Web App Features
• Instant Updates (no app store)

Web App Features
• Instant Updates (no app store)
• HTML5 Offline, Local Storage

Web App Features
• Instant Updates (no app store)
• HTML5 Offline, Local Storage
• Save to Home Icon

Web App Features
• Instant Updates (no app store)
• HTML5 Offline, Local Storage
• Save to Home Icon
• Touch Events

Web App Features
• Instant Updates (no app store)
• HTML5 Offline, Local Storage
• Save to Home Icon
• Touch Events
• Geolocation

Web App Features
• Instant Updates (no app store)
• HTML5 Offline, Local Storage
• Save to Home Icon
• Touch Events
• Geolocation
• Canvas

Web App Features
• Instant Updates (no app store)
• HTML5 Offline, Local Storage
• Save to Home Icon
• Touch Events
• Geolocation
• Canvas
• CSS Transforms

Web App Features
• Instant Updates (no app store)
• HTML5 Offline, Local Storage
• Save to Home Icon
• Touch Events
• Geolocation
• Canvas
• CSS Transforms
• 100% revenue

jQTouch

• Themes
• Automatic Navigation

jQTouch

• Themes
• Automatic Navigation
• CSS Animations (fast)

jQTouch

• Themes
• Automatic Navigation
• CSS Animations (fast)
• Save Icon to Home

jQTouch

• Themes
• Automatic Navigation
• CSS Animations (fast)
• Save Icon to Home
• Ajax

jQTouch

• Themes
• Automatic Navigation
• CSS Animations (fast)
• Save Icon to Home
• Ajax
• Touch Events

Pages
<div id=”home”>
<div class=”toolbar”>
<h1>My Page</h1>
<a class=”back”>Back</a>
</div>
<ul>
<li><a href=”#mypage”>link</a></li>
</ul>
</div>
<div id=”mypage”>
<div class=”toolbar”>
<h1>My Page</h1>
<a class=”back”>Back</a>
</div>

Animation
• slide • swap
• flip • cube
• fade • pop
• slideup • dissolve

Animation
• slide • swap
• flip • cube
• fade • pop
• slideup • dissolve
<a href=”#page” class=”swap”>

Animation
• slide • swap
• flip • cube
• fade • pop
• slideup • dissolve
<a href=”#page” class=”swap”>

clicking back will auto-reverse animation

Events

• tap - touch version of click
• pageAnimationStart

Events

• tap - touch version of click
• pageAnimationStart
• pageAnimationEnd

Events

• tap - touch version of click
• pageAnimationStart
• pageAnimationEnd
• turn - orientation turned

Events

• tap - touch version of click
• pageAnimationStart
• pageAnimationEnd
• turn - orientation turned
• swipe

PhoneGap + jQTouch

• Accellorometer
• Magnometer

PhoneGap + jQTouch

• Accellorometer
• Magnometer
• Camera

PhoneGap + jQTouch

• Accellorometer
• Magnometer
• Camera
• Sound

PhoneGap + jQTouch

• Accellorometer
• Magnometer
• Camera
• Sound
• Get in the App Store!

Thank you!
Marc Grabanski:
http://marcgrabanski.com

Twitter: @1Marc

Contenu connexe

En vedette

HTML5 Essentials

Marc Grabanski

jQuery Essentials

Marc Grabanski

Whirlwind Tour of SVG (plus RaphaelJS)

Marc Grabanski

jQuery Learning

Uzair Ali

Learning from the Best jQuery Plugins

Marc Grabanski

jQTouch at jQuery Conference 2010

David Kaneda

Introduction to LESS

Manish Shekhawat

How to Develop a Rich, Native-quality User Experience for Mobile Using Web St...

David Kaneda

Introduction to open_gl_in_android

tamillarasan

Opengl basics

pushpa latha

OpenGL ES Presentation

Eric Cheng

OpenGL Introduction.

Girish Ghate

OpenGLES - Graphics Programming in Android

Arvind Devaraj

OpenGL ES 2.x Programming Introduction

Champ Yen

This presentation introduces a new NVIDIA extension called Command-list. The purpose of this presentation is to explain the basic concepts on how to use it and show what are the benefits. The sample I used for the talk is here: https://github.com/nvpro-samples/gl_commandlist_bk3d_models The driver for trying should be PreRelease 347.09 http://www.nvidia.com/download/driverResults.aspx/80913/en-us

OpenGL NVIDIA Command-List: Approaching Zero Driver Overhead

Tristan Lorach

HTML5 로 iPhone App 만들기

JungHyuk Kwon

jQTouch – Mobile Web Apps with HTML, CSS and JavaScript

Apache web server

jQuery in 15 minutes

jQuery PPT

En vedette (20)

HTML5 Essentials

jQuery Essentials

Whirlwind Tour of SVG (plus RaphaelJS)

jQuery Learning

Learning from the Best jQuery Plugins

jQTouch at jQuery Conference 2010

Introduction to LESS

How to Develop a Rich, Native-quality User Experience for Mobile Using Web St...

Introduction to open_gl_in_android

Opengl basics

OpenGL ES Presentation

OpenGL Introduction.

OpenGLES - Graphics Programming in Android

OpenGL ES 2.x Programming Introduction

OpenGL NVIDIA Command-List: Approaching Zero Driver Overhead

HTML5 로 iPhone App 만들기

jQTouch – Mobile Web Apps with HTML, CSS and JavaScript

Apache web server

jQuery in 15 minutes

jQuery PPT

Similaire à jQTouch and Titanium

HTML5: Introduction

Guillermo Paz

Beginning jQuery Mobile

Troy Miles

Good UX has always been one of the key factors for success in the contemporary web development and there fore has led to huge improvements in our industry in the last years. Nowadays the UX of a software product is not responsibility only of the UX Architects / Producers, but to each individual involved in the creation of an app or a website, including the Front-end developers. The talk presents a summarized list of DOs and DON’Ts, which Stoyan and his team believe should be respected by the Front-end developers if they want to build a useable web product, up to and above industry standards. There will be a lot of case studies and actual examples taken from Despark’s experience in the field.

UXify 2015 - Front-end Developers' Checklist for Better UX

Stoian Dipchikov

HTML5 JS APIs

Remy Sharp

Progressively Enhancing WordPress Themes

Digitally

jQuery Mobile: Progressive Enhancement with HTML5

Todd Anderson

NinjaScript and Mizugumo 2011-02-05

lrdesign

Fake it 'til you make it

Jonathan Snook

Software Transition from Flash to HTML5 - WebElement

Marian Rusnak

Mobile First - WCJ 2012

Gal Brill

Sometimes, you would be forgiven for thinking that testing your apps' user interface is not the most fun bit of the whole process of creation. But as a matter of fact, it is, especially if you use interesting tools that help with the heavy lifting and have a freaky domain specific language that makes it straightforward to specify and automate your test cases. Roland Gröpmair, a regular face at Xcake, will present to us his latest investigations in this area, as part of his talk iOS and Android Test Automation with Calaba.sh. http://www.meetup.com/Xcake-Mobile-app-development-with-an-Appley-flavour/events/219080531/

iOS and Android Acceptance Testing with Calabash - Xcake Dublin

roland99

WordCamp 2012 - Seth Carstens Presentation (Responsive Width)

Seth Carstens

Presented at Web Unleashed 2017. More info at www.fitc.ca/webu Presented by Kevin Ball, ZenDev, LLC Overview Learn to build UI components that work seamlessly in every JavaScript Framework. Your core UI elements shouldn’t have to be different for your marketing site than they are in your application just because the former uses jQuery while the latter is built using Angular or React. In this talk, Kevin will teach you how to architect and build an interactive component that works seamlessly across multiple JavaScript Frameworks. Objective Raise the bar for reusable UI components and teach the audience how to build them. Target Audience Front-end developers Assumed Audience Knowledge Some understanding of JavaScript, and knowledge of at least what JavaScript Frameworks are Five Things Audience Members Will Learn The value for your business from creating a framework of portable UI components The challenges and problems with simply rebuilding UI components from scratch for each environment The difference between state-driven and imperative approaches to interactive UI components How to build a multi-framework UI component How version 7 of ZURB Foundation is using this approach to reimagine its interactive components

Flexible UI Components for a Multi-Framework World

FITC

Flexible UI Components for a Multi-Framework World

Kevin Ball

A Holistic Approach to HTML5 Game Design & Development

Karl Bunyan

Don't make me wait! or Building High-Performance Web Applications

Stoyan Stefanov

Android ActionBar Navigation reloaded

End of native?

Html5 public

Touch the web

Similaire à jQTouch and Titanium (20)

HTML5: Introduction

Beginning jQuery Mobile

UXify 2015 - Front-end Developers' Checklist for Better UX

HTML5 JS APIs

Progressively Enhancing WordPress Themes

jQuery Mobile: Progressive Enhancement with HTML5

NinjaScript and Mizugumo 2011-02-05

Fake it 'til you make it

Software Transition from Flash to HTML5 - WebElement

Mobile First - WCJ 2012

iOS and Android Acceptance Testing with Calabash - Xcake Dublin

WordCamp 2012 - Seth Carstens Presentation (Responsive Width)

Flexible UI Components for a Multi-Framework World

A Holistic Approach to HTML5 Game Design & Development

Don't make me wait! or Building High-Performance Web Applications

Android ActionBar Navigation reloaded

End of native?

Html5 public

Touch the web

Dernier

Angeliki Cooney has spent over twenty years at the forefront of the life sciences industry, working out of Wynantskill, NY. She is highly regarded for her dedication to advancing the development and accessibility of innovative treatments for chronic diseases, rare disorders, and cancer. Her professional journey has centered on strategic consulting for biopharmaceutical companies, facilitating digital transformation, enhancing omnichannel engagement, and refining strategic commercial practices. Angeliki's innovative contributions include pioneering several software-as-a-service (SaaS) products for the life sciences sector, earning her three patents. As the Senior Vice President of Life Sciences at Avenga, Angeliki orchestrated the firm's strategic entry into the U.S. market. Avenga, a renowned digital engineering and consulting firm, partners with significant entities in the pharmaceutical and biotechnology fields. Her leadership was instrumental in expanding Avenga's client base and establishing its presence in the competitive U.S. market.

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

Angeliki Cooney

Passkeys: Developing APIs to enable passwordless authentication Cody Salas, Sr Developer Advocate | Solutions Architect - Yubico Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

apidays

Following the popularity of "Cloud Revolution: Exploring the New Wave of Serverless Spatial Data," we're thrilled to announce this much-anticipated encore webinar. In this sequel, we'll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you're building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

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

Safe Software

Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on the deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Jeffrey Haguewood

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

Zilliz

Exploring Multimodal Embeddings with Milvus

Zilliz

Corporate and higher education. Two industries that, in the past, have had a clear divide with very little crossover. The difference in goals, learning styles and objectives paved the way for differing learning technologies platforms to evolve. Now, those stark lines are blurring as both sides are discovering they have content that’s relevant to the other. Join Tammy Rutherford as she walks through the pros and cons of corporate and higher ed collaborating. And the challenges of these different technology platforms working together for a brighter future.

Corporate and higher education May webinar.pptx

Rustici Software

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Bhuvaneswari Subramani

Following the popularity of “Cloud Revolution: Exploring the New Wave of Serverless Spatial Data,” we’re thrilled to announce this much-anticipated encore webinar. In this sequel, we’ll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you’re building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

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

Safe Software

[BuildWithAI] Introduction to Gemini.pdf

Sandro Moreira

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

MadyBayot

MINDCTI Revenue Release Quarter One 2024

MIND CTI

presentation ICT roal in 21st century education

jfdjdjcjdnsjd

Discover the innovative features and strategic vision that keep WSO2 an industry leader. Explore the exciting 2024 roadmap of WSO2 API management, showcasing innovations, unified APIM/APK control plane, natural language API interaction, and cloud native agility. Discover how open source solutions, microservices architecture, and cloud native technologies unlock seamless API management in today's dynamic landscapes. Leave with a clear blueprint to revolutionize your API journey and achieve industry success!

WSO2's API Vision: Unifying Control, Empowering Developers

WSO2

Webinar Recording: https://www.panagenda.com/webinars/why-teams-call-analytics-is-critical-to-your-entire-business Nothing is as frustrating and noticeable as being in an important call and being unable to see or hear the other person. Not surprising then, that issues with Teams calls are among the most common problems users call their helpdesk for. Having in depth insight into everything relevant going on at the user’s device, local network, ISP and Microsoft itself during the call is crucial for good Microsoft Teams Call quality support. To ensure a quick and adequate solution and to ensure your users get the most out of their Microsoft 365. But did you know that ‘bad calls’ are also an excellent indicator of other problems arising? Precisely because it is so noticeable!? Like the canary in the mine, bad calls can be early indicators of problems. Problems that might otherwise not have been noticed for a while but can have a big impact on productivity and satisfaction. Join this session by Christoph Adler to learn how true Microsoft Teams call quality analytics helped other organizations troubleshoot bad calls and identify and fix problems that impacted Teams calls or the use of Microsoft365 in general. See what it can do to keep your users happy and productive! In this session we will cover - Why CQD data alone is not enough to troubleshoot call problems - The importance of attributing call problems to the right call participant - What call quality analytics can do to help you quickly find, fix-, and prevent problems - Why having retrospective detailed insights matters - Real life examples of how others have used Microsoft Teams call quality monitoring to problem shoot problems with their ISP, network, device health and more.

Why Teams call analytics are critical to your entire business

panagenda

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

DBX First Quarter 2024 Investor Presentation

Dropbox

Dernier (20)

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

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

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

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

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

Exploring Multimodal Embeddings with Milvus

Corporate and higher education May webinar.pptx

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Elevate Developer Efficiency & build GenAI Application with Amazon Q

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

[BuildWithAI] Introduction to Gemini.pdf

AWS Community Day CPH - Three problems of Terraform

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

MINDCTI Revenue Release Quarter One 2024

presentation ICT roal in 21st century education

WSO2's API Vision: Unifying Control, Empowering Developers

Why Teams call analytics are critical to your entire business

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DBX First Quarter 2024 Investor Presentation

jQTouch and Titanium

1. jQTouch and Titanium by Marc Grabanski

2. Mobile Web Development

3. Native Apps in JavaScript

4. Ah, choices!

5. Native Apps

6. Native Apps • High Performance

7. Native Apps • High Performance • Findable in App Store

8. Native Apps • High Performance • Findable in App Store • Native UI, Media API,

9. Native Apps • High Performance • Findable in App Store • Native UI, Media API, File System, Accelerometer

10. Native Apps • High Performance • Findable in App Store • Native UI, Media API, File System, Accelerometer • Monetization

11. Web App Features

12. Web App Features • Instant Updates (no app store)

13. Web App Features • Instant Updates (no app store) • HTML5 Offline, Local Storage

14. Web App Features • Instant Updates (no app store) • HTML5 Offline, Local Storage • Save to Home Icon

15. Web App Features • Instant Updates (no app store) • HTML5 Offline, Local Storage • Save to Home Icon • Touch Events

16. Web App Features • Instant Updates (no app store) • HTML5 Offline, Local Storage • Save to Home Icon • Touch Events • Geolocation

17. Web App Features • Instant Updates (no app store) • HTML5 Offline, Local Storage • Save to Home Icon • Touch Events • Geolocation • Canvas

18. Web App Features • Instant Updates (no app store) • HTML5 Offline, Local Storage • Save to Home Icon • Touch Events • Geolocation • Canvas • CSS Transforms

19. Web App Features • Instant Updates (no app store) • HTML5 Offline, Local Storage • Save to Home Icon • Touch Events • Geolocation • Canvas • CSS Transforms • 100% revenue

20. jQTouch

21. jQTouch • Themes

22. jQTouch • Themes • Automatic Navigation

23. jQTouch • Themes • Automatic Navigation • CSS Animations (fast)

24. jQTouch • Themes • Automatic Navigation • CSS Animations (fast) • Save Icon to Home

25. jQTouch • Themes • Automatic Navigation • CSS Animations (fast) • Save Icon to Home • Ajax

26. jQTouch • Themes • Automatic Navigation • CSS Animations (fast) • Save Icon to Home • Ajax • Touch Events

27. Can’t jQTouch this!

28. jQTouch is markup driven HTML and CSS

29. Pages <div id=”home”> <div class=”toolbar”> <h1>My Page</h1> <a class=”back”>Back</a> </div> <ul> <li><a href=”#mypage”>link</a></li> </ul> </div> <div id=”mypage”> <div class=”toolbar”> <h1>My Page</h1> <a class=”back”>Back</a> </div>

30. CSS transforms are hardware accelerated

31. Animation • slide • swap • flip • cube • fade • pop • slideup • dissolve

32. Animation • slide • swap • flip • cube • fade • pop • slideup • dissolve <a href=”#page” class=”swap”>

33. Animation • slide • swap • flip • cube • fade • pop • slideup • dissolve <a href=”#page” class=”swap”> clicking back will auto-reverse animation

34. Events

35. Events • tap - touch version of click

36. Events • tap - touch version of click • pageAnimationStart

37. Events • tap - touch version of click • pageAnimationStart • pageAnimationEnd

38. Events • tap - touch version of click • pageAnimationStart • pageAnimationEnd • turn - orientation turned

39. Events • tap - touch version of click • pageAnimationStart • pageAnimationEnd • turn - orientation turned • swipe

40. Themes jQT and Apple

41. Web App.. Plus Native + += native app

42. PhoneGap + jQTouch

43. PhoneGap + jQTouch • Accellorometer

44. PhoneGap + jQTouch • Accellorometer • Magnometer

45. PhoneGap + jQTouch • Accellorometer • Magnometer • Camera

46. PhoneGap + jQTouch • Accellorometer • Magnometer • Camera • Sound

47. PhoneGap + jQTouch • Accellorometer • Magnometer • Camera • Sound • Get in the App Store!

48. Thank you! Marc Grabanski: http://marcgrabanski.com Twitter: @1Marc

jQTouch and Titanium

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (20)

Similaire à jQTouch and Titanium

Similaire à jQTouch and Titanium (20)

Dernier

Dernier (20)

jQTouch and Titanium