Accessing Native APIs from Touch

•

5 gefällt mir•5,176 views

Learn how to use hybrid technologies like PhoneGap and NimbleKit to hook into native device capabilities, and then distribute your mobile applications into app stores and marketplaces. Aditya Bansod is Sencha’s senior director of product management and is responsible for the product planning and strategy for Sencha’s product lines. Prior to Sencha, Aditya held various senior product management roles at Adobe and Microsoft, focusing on developers and media in the mobile and consumer electronics space. James Pearce heads developer relations at Sencha. He is a technologist, writer, developer and practitioner, who has been working with the mobile web for over a decade. Previously he was the CTO at dotMobi and has a background in mobile startups, telecoms infrastructure and management consultancy. James is the creator of tinySrc, the WordPress Mobile Pack, WhitherApps, modernizr-server and confess.js, and has written books on mobile web development for both Wiley and Wrox.

Technologie Business

ACCESSING NATIVE APIS FROM
SENCHA TOUCH
James Pearce
@jamespearce

Wednesday, November 2, 11

Web apps are
the future

Wednesday, November 2, 11

Native apps are
the present

Wednesday, November 2, 11

Native Web

Cross-platform ✘ ✔

Linkable ✘ ✔

Discoverable ✔ ✘

Device APIs ✔ ✘

Wednesday, November 2, 11

Native Web Hybrid

Cross-platform ✘ ✔ ✔

Linkable ✘ ✔ ✔

Discoverable ✔ ✘ ✔

Device APIs ✔ ✘ ✔

Wednesday, November 2, 11

What is a hybrid app?

Wednesday, November 2, 11

Web
Site

sites

Web
apps

Native
apps
App

Nativeness

Wednesday, November 2, 11

Web
Site

sites
Web
apps
Hybrid
apps
Native
apps
App

Nativeness

Wednesday, November 2, 11

Camera WebFont Video Audio Graphics
HTTP
Location
CSS Styling & Layout AJAX
Contacts
Events
SMS JavaScript
Sockets
Orientation
Semantic HTML SSL
Gyro

File Systems Workers &
Cross-App
Databases Parallel
Messaging
App Caches Processing

Wednesday, November 2, 11

WebView
Camera WebFont Video Audio Graphics
HTTP
Location
CSS Styling & Layout AJAX
Contacts
Events
SMS JavaScript
Sockets
Orientation
Semantic HTML SSL
Gyro

File Systems Workers &
Cross-App
Databases Parallel
Messaging
App Caches Processing

Wednesday, November 2, 11

Native Wrapper

WebView
Camera WebFont Video Audio Graphics
HTTP
Location
CSS Styling & Layout AJAX
Contacts
Events
SMS JavaScript
Sockets
Orientation
Semantic HTML SSL
Gyro

File Systems Workers &
Cross-App
Databases Parallel
Messaging
App Caches Processing

Wednesday, November 2, 11

Sencha Touch
Packager
Edmund Leung,
Product Manager

Wednesday, November 2, 11

Media Capture (HTML) Media Capture (API)
Battery status Application Registration
Contacts Calendar
Messaging (SMS, MMS...) Feature Permissions
Network Information API Sensor API
Vibration API
Menu API
Audio Volume
Permissions for APIs
Beep
Gallery
Systems info and events
Tasks

Wednesday, November 2, 11

Accelerometer APDU (SmartCard)
Orientation Bluetooth
Camera Crypto
DeviceStatus DLNA
Filesystem Server Push
Messaging Sensor
Geolocation Telephony
PIM
Contacts
Calendar
Tasks
DeviceInteraction

Wednesday, November 2, 11

Telephony
Messaging
Contacts
Clock
Camera
Filesystem
Calculator
Device Status
Settings
Accelerometer
Mouse Lock
Maps

Wednesday, November 2, 11

Developer choice is
limited by options

Wednesday, November 2, 11

Accelerometer Events
Tap into the device’s motion sensor. Hook into native events through JavaScript.

Camera File
Capture a photo using the device's camera. Hook into native ﬁle system through
JavaScript.

Capture
Capture media ﬁles using device's media Geolocation
capture applications. Make your application location aware.

Compass Media
Obtain the direction the device is pointing. Record and play back audio ﬁles.

Connection Notiﬁcation
Quickly check the network state, and Visual, audible, and tactile device
cellular network information. notiﬁcations.

Contacts Storage
Work with the devices contact database. Hook into the device’s native storage
options.

Device
Gather device speciﬁc information.

Wednesday, November 2, 11

Project Setup

Wednesday, November 2, 11

PhoneGap.plist

Wednesday, November 2, 11

AndroidManifest.xml

Wednesday, November 2, 11

Camera

navigator.camera.getPicture(

function(imageData) {
},

function (message) {
},

{} //options

);

Wednesday, November 2, 11

Contacts

navigator.contacts.create(
{}
).save();

navigator.contacts.find(
contactFields,
function(){},
function(){},
{}
);

Wednesday, November 2, 11

AdPlugin/ LocalNotiﬁcation/
ApplicationPreferences/ Localizable/
AudioEncode/ MapKitPlug/
AudioRecord/ NativeControls/
Badge/ NotiﬁcationEx/
BarcodeScanner/ PayPalPlugin/
BundleFileReader/ PowerManagement/
ChildBrowser/ PrintPlugin/
ClipboardPlugin/
DatePicker/
Plugins Prompt/
SMSComposer/
EmailComposer/ ScreenShot/
FileUploader/ ShareKitPlugin/
GapSocket/ SoundPlug/
Globalization/ SplashScreen/
HockeyApp/ TestFlight/
InAppPurchaseManager/ Torch/
Keychain/ VolumeSlider/

Wednesday, November 2, 11

Obfuscation != security

+ =

Wednesday, November 2, 11

Android iOS
phonegap.js phonegap.js ...
Wednesday, November 2, 11

Avoid start race
document.addEventListener(
"deviceready", app.mainLaunch, false
);

new Ext.Application({
launch: function() {
this.launched = true;
this.mainLaunch();
},
mainLaunch: function() {
if (!device || !this.launched) {return;}
...
}
});

Wednesday, November 2, 11

Wouldn’t it be
great if...

Wednesday, November 2, 11

Further...

http://sencha.com/x/cy

http://sencha.com/x/de

BlackBerry WebWorks APIs
3:50pm - 4:30pm

Wednesday, November 2, 11

THANKS
James Pearce
@jamespearce

Wednesday, November 2, 11

Weitere ähnliche Inhalte

Ähnlich wie Accessing Native APIs from Touch

An Intro to Mobile HTML5

James Pearce

Distributed Shared Memory on Ericsson Labs

Ericsson Labs

A Snapshot of the Mobile HTML5 Revolution

James Pearce

MIX11アップデート～Windows Phone 7, Silverlight 5, IE9, HTML5～前編

Microsoft

Tacademy techclinic-2012-07-11

영호 라

Browsers are escalating their feature set to accommodate new specifications like HTML 5, XHR Level 2 and DOM Level 3. It is forming the backbone of next generation applications running on mobile, PDA devices or desktops. The blend of DOM (Remote Execution stack) , XHR L2 (Sockets for injections) and HTML5 (Exploit delivery platform) is becoming an easy victim for attackers and worms. We have already witnessed these types of attacks on popular sites like Twitter, Facebook and Yahoo. It is of the essence to understand attack surface and vectors to protect next generation applications. We have an enormous expansion of attack surface after inclusion of features like audio/video tags, drag/drop APIs, CSS-Opacity, localstorage, web workers, DOM selectors, Mouse gesturing, native JSON, Cross Site access controls, offline browsing, etc. This extension of attack surface and exposure of server side APIs allow attacker to perform following lethal attacks and abuses. XHR abuse with attacking Cross Site access controls using level 2 calls JSON manipulations and poisoning DOM API injections and script executions Abusing HTML5 tag structure and attributes Localstorage manipulation and foreign site access Attacking client side sandbox architectures DOM scrubbing and logical abuse Browser hijacking and exploitation through advanced DOM features One-way CSRF and abusing vulnerable sites DOM event injections and controlling (Clickjacking) Hacking widgets, mashups and social networking sites Abusing client side Web 2.0 and RIA libraries We will be covering the above attacks and their variants in detail along with some real life cases and demonstrations. It is also important to understand methods of discovering these types of vulnerabilities across the application base. We will see some new scanning tools and approaches to identify some of these key issues.

Next Generation Web Attacks – HTML 5, DOM(L3) and XHR(L2)

Shreeraj Shah

6.Live Framework 和Mesh Services

GaryYoung

HTML5, Silverlight & Kinect

Frank La Vigne

Cluedin JavaOne 2009

aegloff

Building cross platform mobile web apps

James Pearce

HTML5: State of the Union

Sencha

HTML5 and its related technologies are enabling new ways to build beautiful sites and applications for contemporary mobile devices. Native mobile developers can now use web technologies to surmount cross-platform headaches, and desktop web developers can reach mobile users in familiar, app-like ways. This session explores the state of the art in HTML5-based mobile web frameworks, and demonstrates the practical possibilities that this powerful and standards-based approach can bring.

HTML5 and the dawn of rich mobile web applications

James Pearce

Build and Deploy on OpenShift

Xavier Coulon

A Lap Around Silverlight 5

Frank La Vigne

Come learn how to extend your existing Web applications and get them to live and breathe within Live Mesh. See how Mesh-enabled Web applications can be accessed from anywhere through a Web browser as well as run locally (and offline) on a user's desktop. Also see how Web applications can take full advantage of value-add Mesh services such as a dedicated sandbox, online and offline synchronized storage, automatic application updates, identity, application catalogue, social computing, and more.

Mesh-Enabled Web Applications

goodfriday

HTML5 and the dawn of rich mobile web applications pt 1

James Pearce

02 Ms Online Identity Session 1

Sivadon Chaisiri

Lessons from the Dynamic Enterprise Pega Mobile App This session explains why we chose Sencha Touch over other frameworks and how we implemented a very dynamic and configurable enterprise mobile app. After briefly presenting the results of our prototypes in other frameworks, we will focus on the programming techniques used in our app. We explain how we architected and implemented JSON data, navigation, pinned toolbar, UI that redresses to phone and tablet (multi-device implementation techniques), and error handling - all using the Sencha MVC architecture. For achieving extreme configurability, we created the “UI JSON” for screens on the server using xtypes in Sencha Touch. Finally, we will cover some of the Sencha Touch 2 considerations and migration issues. Ashvin Radiya is the President and CTO of AvantSoft Inc, a premiere Sencha Partner. He is the organizer of meetup.com/MobileCloud in Bay Area, CA. His current focus is on delivering high quality HTML5, hybrid, and native mobile apps on phones and tablets. For the last 15 years, he has been an entrepreneur starting Avantsoft, EclipseUniversity, EZPrintTool, and ConnectSpan. He has developed partnerships with high profile companies such as IBM, Freescale, Corporate Express, HP, BEA, and Sencha. He has worked at IBM. He has expertise in Mobile and Cloud Applications, Ext JS, Sencha Touch, Eclipse Plugins, and Java. He studied at IIT, Mumbai and Syracuse Universities. Steve has over 12 years of experience in the software business focusing on large-scale enterprise deployments of browser-based technology. He is currently the Director of Product Management at Pegasystems, a Cambridge, Massachusetts based provider of Business Process Management (BPM) software. Steve is holds a bachelor’s degree in Electrical Engineering from Bucknell University and currently resides in Essex, MA with his wife and three children.

Community Code: Pega Mobile

Sencha

Glass Fish Mobility Platform Santiago Pericas Geersten V2

Eduardo Pelegri-Llopart

T04f

Martha Kuras

Ähnlich wie Accessing Native APIs from Touch (20)

An Intro to Mobile HTML5

Distributed Shared Memory on Ericsson Labs

A Snapshot of the Mobile HTML5 Revolution

MIX11アップデート～Windows Phone 7, Silverlight 5, IE9, HTML5～前編

Tacademy techclinic-2012-07-11

Next Generation Web Attacks – HTML 5, DOM(L3) and XHR(L2)

6.Live Framework 和Mesh Services

HTML5, Silverlight & Kinect

Cluedin JavaOne 2009

Building cross platform mobile web apps

HTML5: State of the Union

HTML5 and the dawn of rich mobile web applications

Build and Deploy on OpenShift

A Lap Around Silverlight 5

Mesh-Enabled Web Applications

HTML5 and the dawn of rich mobile web applications pt 1

02 Ms Online Identity Session 1

Community Code: Pega Mobile

Glass Fish Mobility Platform Santiago Pericas Geersten V2

T04f

Mehr von Sencha

You probably have an existing JavaScript application using components that you love, maybe a grid, some graphs, etc. Perhaps today you use Angular and your company is thinking about moving to React, or Vue, and with new frameworks appearing every week, who knows what is next. How do you bring along those great components you have been using? That is where Web Components fits in! In this session we will look at some popular enterprise components and their usage in Angular and React. Then we will look at the Web Components spec to use those existing components you know and love in any framework - including no framework at all!

Breathe New Life into Your Existing JavaScript Applications with Web Components

Sencha

Our latest release, Sencha Ext JS 6.6, includes several major enhancements as well as support for npm packaging and open tooling for exceptionally easy workflows that every JavaScript developer is familiar with. With open tooling, Ext JS developers now have powerful tooling to rapidly generate, build and update Ext JS applications. Read the blog post to learn more: https://www.sencha.com/blog/announcing-sencha-ext-js-6-6-with-open-tooling-ga/

Ext JS 6.6 Highlights

Sencha

Die Sicht auf große Datenmengen läßt sich in ExtJS auf zwei Wege darstellen – entweder durch Paging oder durch scrollen. Während beide Konzepte das selbe Ziel verfolgen, bringt die Implementierung eines Buffered Stores in ExtJS einige Hürden mit sich, die UI-Konzepte wie dynamisches Löschen oder Hinzufügen von Datensätzen verhindern. Diese Session gibt einen Einblick in den Aufbau eines BufferedStores und zeigt Ansätze, wie man mehr Dynamik in Grids bringen kann, die diesen Store verwenden.

Sencha Roadshow 2017: BufferedStore Internals featuring eyeworkers interactiv...

Sencha

Learn how to use Ext JS and Cmd to deliver Progressive Web Applications to deliver the best of both web and mobile app experiences. Web apps can be found easily on the internet and every user is guaranteed access to the same and latest version of the application. Plus, mobile app capabilities, such as offline support and optimizing access to the underlying network using service workers, take the user experience to a whole new level.

Sencha Roadshow 2017: Build Progressive Web Apps with Ext JS and Cmd

Sencha

Sencha Roadshow 2017: Best Practices for Implementing Continuous Web App Testing

Sencha

Sencha Roadshow 2017: What's New in Sencha Test

Sencha

Sencha Roadshow 2017: Sencha Upgrades - The Good. The Bad. The Ugly - Eva Luc...

Sencha

JavaScript is advancing and ES2015 (formerly ES6) is the foundation of its future. Sencha is committed to delivering cutting-edge technology for your applications, and supporting the evolution of JavaScript is a central part of that commitment. The expansive feature set of ES2015 formally enables coding paradigms: modules to better organize your code, classes to cleanly declare reusable units of functionality, and so much more. In this session, you'll see how Ext JS is embracing these new language and toolset features, and how they will expand your development horizons.

Sencha Roadshow 2017: Modernizing the Ext JS Class System and Tooling

Sencha

Sencha Roadshow 2017: Sencha Best Practices: Coworkee App

Sencha

Sencha Roadshow 2017: Mobile First or Desktop First

Sencha

Sencha Roadshow 2017: Innovations in Ext JS 6.5 and Beyond

Sencha

User interfaces often utilize components such as grids and tables to help users browse and understand data. Today’s large data sets require sophisticated capabilities to ensure users can effectively comprehend data while remaining flexible and responsive. Building this functionality is time consuming, has integration and maintenance risks, and worst of all, distracts developers from the task at hand -- actually building the app. View the slides from our latest webinar to learn how the web’s most powerful data grid and GraphQL can help you deliver advanced functionality with minimal effort. View the recording here: https://www.brighttalk.com/webcast/11505/276417

Leveraging React and GraphQL to Create a Performant, Scalable Data Grid

Sencha

In a recent study by Dimensional Research of 1,011 development and QA professionals, almost every survey respondent cited that application quality is important, with 84% believing it is very or critically important. Despite this, findings revealed that 94% of teams still face challenges when it comes to conducting adequate QA. View the presentation to learn why organizations must prioritize automated testing and QA practices to deliver high-quality applications and increase customer satisfaction.

Learn Key Insights from The State of Web Application Testing Research Report

Sencha

Learn about Sencha’s newest release, ExtReact: the most comprehensive set of components for React apps. Now you can quickly and easily add any of our 115+ professionally tested and supported components including grid, tree grid, pivot grid, charts, D3 visualizations, trees, calendar, buttons, menus and more to your React applications. With ExtReact, all of the components are designed to work together seamlessly which eliminates time-consuming integration work and reduces ongoing maintenance burdens. View this presentation to learn how to: - Build data-intensive, cross-platform web apps leveraging Sencha components and React. - Build immersive user engagement using layouts and adaptive design features. - Leverage material design and other themes to save time and effort. Modify or extend themes without writing a single line of code.

Introducing ExtReact: Adding Powerful Sencha Components to React Apps

Sencha

SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark Brocato

Sencha

Ext JS provides easy-to-use charting components that satisfy common needs, but sometimes you want to deliver an exceptional, unique user experience. This presentation will discuss how Ext JS leverages the popular and extremely powerful D3 library to create sophisticated, data-driven visualizations. This functionality helps your users understand the story behind their data, so they can make informed decisions.

SenchaCon 2016: Add Magic to Your Ext JS Apps with D3 Visualizations - Vitaly...

Sencha

LinkRest is an active project commissioned and open sourced by NHL under Apache 2.0 license. It was conceived specifically as the server-side counterpart to Ext JS, so it natively supports Ext JS rest proxy, including CRUD, grouping, sorting, filtering, and more. In this session, we'll review Ext JS protocol support. You'll also see extensions that allow the client to safely query the server for specific data and shape the response. We'll cover advanced features, including security, constraints, idempotent methods, and metadata service. We'll show demos and try to allow time for Q&A.

SenchaCon 2016: LinkRest - Modern RESTful API Framework for Ext JS Apps - Rou...

Sencha

SenchaCon 2016: Expect the Unexpected - Dealing with Errors in Web Apps

Sencha

Ext JS Architecture Best Practices - Mitchell Simeons

Sencha

Developers are building mobile first, and then making progressive enhancements so the app is available on desktop. Should you be taking either a mobile or desktop first approach, or thinking about Universal Apps to deliver the right user experiences. This approach maximizes the shareability of code across these experiences. In this presentation, we’ll explore case studies that show the benefits of each approach.

SenchaCon 2016: Mobile First? Desktop First? Or Should you Think Universal Ap...

Sencha

Mehr von Sencha (20)

Breathe New Life into Your Existing JavaScript Applications with Web Components

Ext JS 6.6 Highlights

Sencha Roadshow 2017: BufferedStore Internals featuring eyeworkers interactiv...

Sencha Roadshow 2017: Build Progressive Web Apps with Ext JS and Cmd

Sencha Roadshow 2017: Best Practices for Implementing Continuous Web App Testing

Sencha Roadshow 2017: What's New in Sencha Test

Sencha Roadshow 2017: Sencha Upgrades - The Good. The Bad. The Ugly - Eva Luc...

Sencha Roadshow 2017: Modernizing the Ext JS Class System and Tooling

Sencha Roadshow 2017: Sencha Best Practices: Coworkee App

Sencha Roadshow 2017: Mobile First or Desktop First

Sencha Roadshow 2017: Innovations in Ext JS 6.5 and Beyond

Leveraging React and GraphQL to Create a Performant, Scalable Data Grid

Learn Key Insights from The State of Web Application Testing Research Report

Introducing ExtReact: Adding Powerful Sencha Components to React Apps

SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark Brocato

SenchaCon 2016: Add Magic to Your Ext JS Apps with D3 Visualizations - Vitaly...

SenchaCon 2016: LinkRest - Modern RESTful API Framework for Ext JS Apps - Rou...

SenchaCon 2016: Expect the Unexpected - Dealing with Errors in Web Apps

Ext JS Architecture Best Practices - Mitchell Simeons

SenchaCon 2016: Mobile First? Desktop First? Or Should you Think Universal Ap...

Kürzlich hochgeladen

GenAI Risks & Security Meetup 01052024.pdf

lior mazor

[2024]Digital Global Overview Report 2024 Meltwater.pdf

hans926745

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

MySQL Webinar, presented on the 25th of April, 2024. Summary: MySQL solutions enable the deployment of diverse Database Architectures tailored to specific needs, including High Availability, Disaster Recovery, and Read Scale-Out. With MySQL Shell's AdminAPI, administrators can seamlessly set up, manage, and monitor these solutions, ensuring efficiency and ease of use in their administration. MySQL Router, on the other hand, provides transparent routing from the application traffic to the backend servers in the architectures, requiring minimal configuration. Completely built in-house and supported by Oracle, these solutions have been adopted by enterprises of all sizes for their business-critical applications. In this presentation, we'll delve into various database architecture solutions to help you choose the right one based on your business requirements. Focusing on technical details and the latest features to maximize the potential of these solutions.

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Miguel Araújo

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

With more memory available, system performance of three Dell devices increased, which can translate to a better user experience Conclusion When your system has plenty of RAM to meet your needs, you can efficiently access the applications and data you need to finish projects and to-do lists without sacrificing time and focus. Our test results show that with more memory available, three Dell PCs delivered better performance and took less time to complete the Procyon Office Productivity benchmark. These advantages translate to users being able to complete workflows more quickly and multitask more easily. Whether you need the mobility of the Latitude 5440, the creative capabilities of the Precision 3470, or the high performance of the OptiPlex Tower Plus 7010, configuring your system with more RAM can help keep processes running smoothly, enabling you to do more without compromising performance.

Boost PC performance: How more available memory can improve productivity

Principled Technologies

A Domino Admins Adventures (Engage 2024)

Gabriella Davis

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Rafal Los

Automating Google Workspace (GWS) & more with Apps Script

wesley chun

CNv6 Instructor Chapter 6 Quality of Service

giselly40

The presentation explores the development and application of artificial intelligence (AI) from its inception to its current status in the modern world. The term "artificial intelligence" was first coined by John McCarthy in 1956 to describe efforts to develop computer programs capable of performing tasks that typically require human intelligence. This concept was first introduced at a conference held at Dartmouth College, where programs demonstrated capabilities such as playing chess, proving theorems, and interpreting texts. In the early stages, Alan Turing contributed to the field by defining intelligence as the ability of a being to respond to certain questions intelligently, proposing what is now known as the Turing Test to evaluate the presence of intelligent behavior in machines. As the decades progressed, AI evolved significantly. The 1980s focused on machine learning, teaching computers to learn from data, leading to the development of models that could improve their performance based on their experiences. The 1990s and 2000s saw further advances in algorithms and computational power, which allowed for more sophisticated data analysis techniques, including data mining. By the 2010s, the proliferation of big data and the refinement of deep learning techniques enabled AI to become mainstream. Notable milestones included the success of Google's AlphaGo and advancements in autonomous vehicles by companies like Tesla and Waymo. A major theme of the presentation is the application of generative AI, which has been used for tasks such as natural language text generation, translation, and question answering. Generative AI uses large datasets to train models that can then produce new, coherent pieces of text or other media. The presentation also discusses the ethical implications and the need for regulation in AI, highlighting issues such as privacy, bias, and the potential for misuse. These concerns have prompted calls for comprehensive regulations to ensure the safe and equitable use of AI technologies. Artificial intelligence has also played a significant role in healthcare, particularly highlighted during the COVID-19 pandemic, where it was used in drug discovery, vaccine development, and analyzing the spread of the virus. The capabilities of AI in healthcare are vast, ranging from medical diagnostics to personalized medicine, demonstrating the technology's potential to revolutionize fields beyond just technical or consumer applications. In conclusion, AI continues to be a rapidly evolving field with significant implications for various aspects of society. The development from theoretical concepts to real-world applications illustrates both the potential benefits and the challenges that come with integrating advanced technologies into everyday life. The ongoing discussion about AI ethics and regulation underscores the importance of managing these technologies responsibly to maximize their their benefits while minimizing potential harms.

Artificial Intelligence: Facts and Myths

Joaquim Jorge

As privacy and data protection regulations evolve rapidly, organizations operating in multiple jurisdictions face mounting challenges to ensure compliance and safeguard customer data. With state-specific privacy laws coming up in multiple states this year, it is essential to understand what their unique data protection regulations will require clearly. How will data privacy evolve in the US in 2024? How to stay compliant? Our panellists will guide you through the intricacies of these states' specific data privacy laws, clarifying complex legal frameworks and compliance requirements. This webinar will review: - The essential aspects of each state's privacy landscape and the latest updates - Common compliance challenges faced by organizations operating in multiple states and best practices to achieve regulatory adherence - Valuable insights into potential changes to existing regulations and prepare your organization for the evolving landscape

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc

Imagine a world where information flows as swiftly as thought itself, making decision-making as fluid as the data driving it. Every moment is critical, and the right tools can significantly boost your organization’s performance. The power of real-time data automation through FME can turn this vision into reality. Aimed at professionals eager to leverage real-time data for enhanced decision-making and efficiency, this webinar will cover the essentials of real-time data and its significance. We’ll explore: FME’s role in real-time event processing, from data intake and analysis to transformation and reporting An overview of leveraging streams vs. automations FME’s impact across various industries highlighted by real-life case studies Live demonstrations on setting up FME workflows for real-time data Practical advice on getting started, best practices, and tips for effective implementation Join us to enhance your skills in real-time data automation with FME, and take your operational capabilities to the next level.

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Safe Software

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

Building Digital Trust in a Digital Economy Veronica Tan, Director - Cyber Security Agency of Singapore Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 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 Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

apidays

BooK Now Call us at +918448380779 to hire a gorgeous and seductive call girl for sex. Take a Delhi Escort Service. The help of our escort agency is mostly meant for men who want sexual Indian Escorts In Delhi NCR. It should be noted that any impersonator will get 100 attention from our Young Girls Escorts in Delhi. They will assume the position of reliable allies. VIP Call Girl With Original Photos Book Tonight +918448380779 Our Cheap Price 1 Hour not available 2 Hours 5000 Full Night 8000 TAG: Call Girls in Delhi, Noida, Gurgaon, Ghaziabad, Connaught Place, Greater Kailash Delhi, Lajpat Nagar Delhi, Mayur Vihar Delhi, Chanakyapuri Delhi, New Friends Colony Delhi, Majnu Ka Tilla, Karol Bagh, Malviya Nagar, Saket, Khan Market, Noida Sector 18, Noida Sector 76, Noida Sector 51, Gurgaon Mg Road, Iffco Chowk Gurgaon, Rajiv Chowk Gurgaon All Delhi Ncr Free Home Deliver

08448380779 Call Girls In Friends Colony Women Seeking Men

Delhi Call girls

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

Partners Life - Insurer Innovation Award 2024

The Digital Insurer

What is a good lead in your organisation? Which leads are priority? What happens to leads? When sales and marketing give different answers to these questions, or perhaps aren't sure of the answers at all, frustrations build and opportunities are left on the table. Join us for an illuminating session with Cian McLoughlin, HubSpot Principal Customer Success Manager, as we look at that crucial piece of the customer journey in which leads are transferred from marketing to sales.

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

HampshireHUG

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

Kürzlich hochgeladen (20)

GenAI Risks & Security Meetup 01052024.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdf

Data Cloud, More than a CDP by Matt Robison

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Boost PC performance: How more available memory can improve productivity

A Domino Admins Adventures (Engage 2024)

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Automating Google Workspace (GWS) & more with Apps Script

CNv6 Instructor Chapter 6 Quality of Service

Artificial Intelligence: Facts and Myths

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

08448380779 Call Girls In Friends Colony Women Seeking Men

Strategies for Landing an Oracle DBA Job as a Fresher

Partners Life - Insurer Innovation Award 2024

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

Boost Fertility New Invention Ups Success Rates.pdf

Accessing Native APIs from Touch

1. ACCESSING NATIVE APIS FROM SENCHA TOUCH James Pearce @jamespearce Wednesday, November 2, 11

2. Web apps are the future Wednesday, November 2, 11

3. Native apps are the present Wednesday, November 2, 11

4. Native Web Cross-platform ✘ ✔ Linkable ✘ ✔ Discoverable ✔ ✘ Device APIs ✔ ✘ Wednesday, November 2, 11

5. Native Web Hybrid Cross-platform ✘ ✔ ✔ Linkable ✘ ✔ ✔ Discoverable ✔ ✘ ✔ Device APIs ✔ ✘ ✔ Wednesday, November 2, 11

6. What is a hybrid app? Wednesday, November 2, 11

7. Web Site sites Web apps Native apps App Nativeness Wednesday, November 2, 11

8. Web Site sites Web apps Hybrid apps Native apps App Nativeness Wednesday, November 2, 11

9. Camera WebFont Video Audio Graphics HTTP Location CSS Styling & Layout AJAX Contacts Events SMS JavaScript Sockets Orientation Semantic HTML SSL Gyro File Systems Workers & Cross-App Databases Parallel Messaging App Caches Processing Wednesday, November 2, 11

10. WebView Camera WebFont Video Audio Graphics HTTP Location CSS Styling & Layout AJAX Contacts Events SMS JavaScript Sockets Orientation Semantic HTML SSL Gyro File Systems Workers & Cross-App Databases Parallel Messaging App Caches Processing Wednesday, November 2, 11

11. Native Wrapper WebView Camera WebFont Video Audio Graphics HTTP Location CSS Styling & Layout AJAX Contacts Events SMS JavaScript Sockets Orientation Semantic HTML SSL Gyro File Systems Workers & Cross-App Databases Parallel Messaging App Caches Processing Wednesday, November 2, 11

12. Wednesday, November 2, 11

13. Wednesday, November 2, 11

14. Sencha Touch Packager Edmund Leung, Product Manager Wednesday, November 2, 11

15. Native Wrapper WebView Camera WebFont Video Audio Graphics HTTP Location CSS Styling & Layout AJAX Contacts Events SMS JavaScript Sockets Orientation Semantic HTML SSL Gyro File Systems Workers & Cross-App Databases Parallel Messaging App Caches Processing Wednesday, November 2, 11

16. Native Wrapper WebView Camera WebFont Video Audio Graphics HTTP Location CSS Styling & Layout AJAX Contacts Events SMS JavaScript Sockets Orientation Semantic HTML SSL Gyro File Systems Workers & Cross-App Databases Parallel Messaging App Caches Processing Wednesday, November 2, 11

17. Device Access Wednesday, November 2, 11

18. Media Capture (HTML) Media Capture (API) Battery status Application Registration Contacts Calendar Messaging (SMS, MMS...) Feature Permissions Network Information API Sensor API Vibration API Menu API Audio Volume Permissions for APIs Beep Gallery Systems info and events Tasks Wednesday, November 2, 11

19. Accelerometer APDU (SmartCard) Orientation Bluetooth Camera Crypto DeviceStatus DLNA Filesystem Server Push Messaging Sensor Geolocation Telephony PIM Contacts Calendar Tasks DeviceInteraction Wednesday, November 2, 11

20. Wednesday, November 2, 11

21. Telephony Messaging Contacts Clock Camera Filesystem Calculator Device Status Settings Accelerometer Mouse Lock Maps Wednesday, November 2, 11

22. Wednesday, November 2, 11

23. Wednesday, November 2, 11

24. Developer choice is limited by options Wednesday, November 2, 11

25. Native Wrapper WebView Camera WebFont Video Audio Graphics HTTP Location CSS Styling & Layout AJAX Contacts Events SMS JavaScript Sockets Orientation Semantic HTML SSL Gyro File Systems Workers & Cross-App Databases Parallel Messaging App Caches Processing Wednesday, November 2, 11

26. PhoneGap Wednesday, November 2, 11

27. Apache Wednesday, November 2, 11

28. Wednesday, November 2, 11

29. Wednesday, November 2, 11

30. Accelerometer Events Tap into the device’s motion sensor. Hook into native events through JavaScript. Camera File Capture a photo using the device's camera. Hook into native file system through JavaScript. Capture Capture media files using device's media Geolocation capture applications. Make your application location aware. Compass Media Obtain the direction the device is pointing. Record and play back audio files. Connection Notification Quickly check the network state, and Visual, audible, and tactile device cellular network information. notifications. Contacts Storage Work with the devices contact database. Hook into the device’s native storage options. Device Gather device specific information. Wednesday, November 2, 11

31. Project Setup Wednesday, November 2, 11

32. Wednesday, November 2, 11

33. Wednesday, November 2, 11

34. Wednesday, November 2, 11

35. PhoneGap.plist Wednesday, November 2, 11

36. Wednesday, November 2, 11

37. Wednesday, November 2, 11

38. AndroidManifest.xml Wednesday, November 2, 11

39. Project Setup Wednesday, November 2, 11

40. Accelerometer Events Tap into the device’s motion sensor. Hook into native events through JavaScript. Camera File Capture a photo using the device's camera. Hook into native file system through JavaScript. Capture Capture media files using device's media Geolocation capture applications. Make your application location aware. Compass Media Obtain the direction the device is pointing. Record and play back audio files. Connection Notification Quickly check the network state, and Visual, audible, and tactile device cellular network information. notifications. Contacts Storage Work with the devices contact database. Hook into the device’s native storage options. Device Gather device specific information. Wednesday, November 2, 11

41. Camera navigator.camera.getPicture( function(imageData) { }, function (message) { }, {} //options ); Wednesday, November 2, 11

42. Contacts navigator.contacts.create( {} ).save(); navigator.contacts.find( contactFields, function(){}, function(){}, {} ); Wednesday, November 2, 11

43. Demo Wednesday, November 2, 11

44. AdPlugin/ LocalNotiﬁcation/ ApplicationPreferences/ Localizable/ AudioEncode/ MapKitPlug/ AudioRecord/ NativeControls/ Badge/ NotiﬁcationEx/ BarcodeScanner/ PayPalPlugin/ BundleFileReader/ PowerManagement/ ChildBrowser/ PrintPlugin/ ClipboardPlugin/ DatePicker/ Plugins Prompt/ SMSComposer/ EmailComposer/ ScreenShot/ FileUploader/ ShareKitPlugin/ GapSocket/ SoundPlug/ Globalization/ SplashScreen/ HockeyApp/ TestFlight/ InAppPurchaseManager/ Torch/ Keychain/ VolumeSlider/ Wednesday, November 2, 11

45. Caveats Wednesday, November 2, 11

46. Obfuscation != security + = Wednesday, November 2, 11

47. Quirks ... Wednesday, November 2, 11

48. Android iOS phonegap.js phonegap.js ... Wednesday, November 2, 11

49. Avoid start race document.addEventListener( "deviceready", app.mainLaunch, false ); new Ext.Application({ launch: function() { this.launched = true; this.mainLaunch(); }, mainLaunch: function() { if (!device || !this.launched) {return;} ... } }); Wednesday, November 2, 11

50. Wouldn’t it be great if... Wednesday, November 2, 11

51. Further... http://sencha.com/x/cy http://sencha.com/x/de BlackBerry WebWorks APIs 3:50pm - 4:30pm Wednesday, November 2, 11

52. THANKS James Pearce @jamespearce Wednesday, November 2, 11

Accessing Native APIs from Touch

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Accessing Native APIs from Touch

Ähnlich wie Accessing Native APIs from Touch (20)

Mehr von Sencha

Mehr von Sencha (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Accessing Native APIs from Touch