This document discusses mobile web apps and the Intel XDK development tools. It provides an overview of the Intel XDK, which allows developers to create hybrid mobile apps using HTML5 that can be deployed to various platforms. The Intel XDK includes features like emulation, debugging tools, and APIs to access device capabilities. It also discusses using Cordova plugins and Crosswalk to bring newer web standards and features to older Android devices.
WinJS, Apache Cordova & NFC - HTML5 apps for Android and Windows PhoneAndreas Jakl
How to create cross-platform mobile apps with HTML5 that integrate directly into the platform.
By combining several enterprise-class frameworks and tools, you can create apps that run on all mobile devices, developed in a central repository and tool.
In this presentation, you will learn how to create HTML5 apps with the Visual Studio Multi-Device Hybrid Apps plug-in. Apache Cordova is directly integrated and resposible for creating native apps for the mobile platforms.
WinJS can be used as a major UI framework that is now open source and works accross all platforms and browsers.
To check how you can integrate apps deeper with the native platforms, you will also see how to install and use a custom plug-in that enables Near Field Communication (NFC) on both Android and Windows Phone.
WinJS, Apache Cordova & NFC - HTML5 apps for Android and Windows PhoneAndreas Jakl
How to create cross-platform mobile apps with HTML5 that integrate directly into the platform.
By combining several enterprise-class frameworks and tools, you can create apps that run on all mobile devices, developed in a central repository and tool.
In this presentation, you will learn how to create HTML5 apps with the Visual Studio Multi-Device Hybrid Apps plug-in. Apache Cordova is directly integrated and resposible for creating native apps for the mobile platforms.
WinJS can be used as a major UI framework that is now open source and works accross all platforms and browsers.
To check how you can integrate apps deeper with the native platforms, you will also see how to install and use a custom plug-in that enables Near Field Communication (NFC) on both Android and Windows Phone.
This slide from Android Application Programming Seminar at a Technical University of Vietnam.
Throughout the slide, audience will have the general knowledge about Android OS, Architecture. The slide also provide the Android Application structure, the choices of framework or language to develop an Android application.
Real Time Audio is an application is written for this seminar.
Everyone can download from Google Play:
https://play.google.com/store/apps/details?id=junoteam.com.realtimerecording
Basic Information on Android development to start with...This presentation covers What is Android, Its development process and Build Process which an Android Beginner should have know
Saiba como desenvolver Apps para múltiplos sistemas operacionais e dispositivos móveis usando HTML5.
Com uma única base de código em HTML5, você pode gerar apps nativos para iOS, Android, Windows 8 e Windows Phone, Tizen e diversos outros sistemas operacionais móveis.
Usando o Intel XDK e outras ferramentas gratuitas da Intel, você consegue aprender rapidamente tudo o que precisa para iniciar o desenvolvimento de apps ainda hoje.
MOE: Cross Platform Mobile Apps in JavaGergely Kis
Create cross platform mobile apps in Java with the Multi-OS Engine. This is a presentation by Gergely Kis at the Darwino Workshop November 2016, in Cologne, Germany
Pengenalan HTML5, Mobile Application, dan Intel XDKMuhammad Yusuf
Intel XDK adalah perangkat bagi para pengembang untuk mengembangkan aplikasi HTML5 hybrid untuk berbagai perangkat mobile dan aplikasi HTML5 lainnya seperti ekstensi Google Chrome, aplikasi Facebook, atau sebuah website mobile. Pada Intel XDK terdapat perangkat untuk melakukan coding, debugging, testing, dan build aplikasi yang telah kita kembangkan menjadi aplikasi web dan aplikasi HTML5 hybrid untuk berbagai platform mobile diantaranya iOS, Android, Windows 8 Store, Windows 8 Phone, dan lain-lain. Pada presentasi ini saya memperkenalkan ketiga elemen penting dalam pengembangan aplikasi HTML5 hybrid untuk mobile menggunakan Intel XDK yaitu HTML5, Mobile Application, dan Intel XDK itu sendiri.
This slide from Android Application Programming Seminar at a Technical University of Vietnam.
Throughout the slide, audience will have the general knowledge about Android OS, Architecture. The slide also provide the Android Application structure, the choices of framework or language to develop an Android application.
Real Time Audio is an application is written for this seminar.
Everyone can download from Google Play:
https://play.google.com/store/apps/details?id=junoteam.com.realtimerecording
Basic Information on Android development to start with...This presentation covers What is Android, Its development process and Build Process which an Android Beginner should have know
Saiba como desenvolver Apps para múltiplos sistemas operacionais e dispositivos móveis usando HTML5.
Com uma única base de código em HTML5, você pode gerar apps nativos para iOS, Android, Windows 8 e Windows Phone, Tizen e diversos outros sistemas operacionais móveis.
Usando o Intel XDK e outras ferramentas gratuitas da Intel, você consegue aprender rapidamente tudo o que precisa para iniciar o desenvolvimento de apps ainda hoje.
MOE: Cross Platform Mobile Apps in JavaGergely Kis
Create cross platform mobile apps in Java with the Multi-OS Engine. This is a presentation by Gergely Kis at the Darwino Workshop November 2016, in Cologne, Germany
Pengenalan HTML5, Mobile Application, dan Intel XDKMuhammad Yusuf
Intel XDK adalah perangkat bagi para pengembang untuk mengembangkan aplikasi HTML5 hybrid untuk berbagai perangkat mobile dan aplikasi HTML5 lainnya seperti ekstensi Google Chrome, aplikasi Facebook, atau sebuah website mobile. Pada Intel XDK terdapat perangkat untuk melakukan coding, debugging, testing, dan build aplikasi yang telah kita kembangkan menjadi aplikasi web dan aplikasi HTML5 hybrid untuk berbagai platform mobile diantaranya iOS, Android, Windows 8 Store, Windows 8 Phone, dan lain-lain. Pada presentasi ini saya memperkenalkan ketiga elemen penting dalam pengembangan aplikasi HTML5 hybrid untuk mobile menggunakan Intel XDK yaitu HTML5, Mobile Application, dan Intel XDK itu sendiri.
Técnicas de Blogging Avanzadas para conseguir más tráfico, leads y ventasMiguel Florido
Presentación de mi ponencia en el Congreso DMD Madrid 2017 donde he contado algunas estrategias que he utilizado en mi blog para captar tráfico cualificado y que me han ayudado a superar las 250.000 visitas al mes y conseguir más de 55.000 suscriptores.
No te pierdas los bonus que ofrezco en la presentación.
Build Your First iPhone or Android App with Telerik AppBuilderJeffrey T. Fritz
Jeff Fritz shows you what you need to know to get started with Telerik AppBuilder to build your first iPhone and Android app. No knowledge of mobile development is needed, and Jeff shows what you need to get started
The Great Mobile Debate: Native vs. Hybrid App DevelopmentNick Landry
It’s not easy being a mobile developer. iOS and Android dominate the market, Windows Phone is climbing into third place, and we’re not really sure if BlackBerry still matters. Do you focus on one platform or many? What size of the mobile population do you really want to reach? Each mobile platform comes with its own programming languages, SDKs, IDEs and application lifecycle & architecture. Are we really expected to learn all of this? Isn’t HTML5 supposed to be the Silver Bullet so we can finally write apps once and run them everywhere? This session will demystify all these questions, walking you through the modern mobile ecosystem, and explore your options as a developer. We’ll review the native story on each major platform, discuss the pros & cons of both mobile native and web development, cover some of the cross-platform solutions available to developers, and explore best practices and guidelines to insure a successful mobile strategy. Don’t just blindly pick a side or assume that “one size fits all”, this session covers one of the most hotly contested debates in modern IT. Come join us and be a part of the conversation.
Visual Studio 2015: novità per gli sviluppatori iOS, Android e Cross-PlatformStefano Ottaviani
Durante la conferenza Build, Microsoft ha presentato interessanti novità sullo sviluppo mobile e cross-platform. Alcune di queste riguardano gli sviluppatori iOS e Android, che avranno ulteriori strumenti a disposizione per aumentare la diffusione delle proprie app, riutilizzando il codice già scritto nativamente per queste due piattaforme (in Objective-C, Java, e magari in futuro anche Swift).
Alla luce di queste novità, faremo il punto della situazione sullo sviluppo mobile, discutendo le strategie per scegliere quale tecnologia usare per la nostra prossima app, tra sviluppo nativo o con tool come Xamarin e Apache Cordova.
Embarcadero provides the only app development platform for mobile, desktop, and the Internet of Things. Reach iOS, Android, Windows, Mac and more all from one code base, with one team.
With Windows 10 devices reaching nearly 300 million, this platform is becoming a very relevant platform for game publishers to target. Join this session to get a great overview of the Universal platform. We will cover the differences & similarities to desktop games development, the Windows store, and state of all the middleware engines and other Microsoft technologies you can use to easily port your game from other platforms (or desktop) to Universal.
Similar to Mobile Web Apps and the Intel® XDK (20)
AI for All: Biology is eating the world & AI is eating Biology Intel® Software
Advances in cell biology and creation of an immense amount of data are converging with advances in Machine learning to analyze this data. Biology is experiencing its AI moment and driving the massive computation involved in understanding biological mechanisms and driving interventions. Learn about how cutting edge technologies such as Software Guard Extensions (SGX) in the latest Intel Xeon Processors and Open Federated Learning (OpenFL), an open framework for federated learning developed by Intel, are helping advance AI in gene therapy, drug design, disease identification and more.
Python Data Science and Machine Learning at Scale with Intel and AnacondaIntel® Software
Python is the number 1 language for data scientists, and Anaconda is the most popular python platform. Intel and Anaconda have partnered to bring scalability and near-native performance to Python with simple installations. Learn how data scientists can now access oneAPI-optimized Python packages such as NumPy, Scikit-Learn, Modin, Pandas, and XGBoost directly from the Anaconda repository through simple installation and minimal code changes.
Streamline End-to-End AI Pipelines with Intel, Databricks, and OmniSciIntel® Software
Preprocess, visualize, and Build AI Faster at-Scale on Intel Architecture. Develop end-to-end AI pipelines for inferencing including data ingestion, preprocessing, and model inferencing with tabular, NLP, RecSys, video and image using Intel oneAPI AI Analytics Toolkit and other optimized libraries. Build at-scale performant pipelines with Databricks and end-to-end Xeon optimizations. Learn how to visualize with the OmniSci Immerse Platform and experience a live demonstration of the Intel Distribution of Modin and OmniSci.
AI for good: Scaling AI in science, healthcare, and more.Intel® Software
How do we scale AI to its full potential to enrich the lives of everyone on earth? Learn about AI hardware and software acceleration and how Intel AI technologies are being used to solve critical problems in high energy physics, cancer research, financial inclusion, and more. Get started on your AI Developer Journey @ software.intel.com/ai
Software AI Accelerators: The Next Frontier | Software for AI Optimization Su...Intel® Software
Software AI Accelerators deliver orders of magnitude performance gain for AI across deep learning, classical machine learning, and graph analytics and are key to enabling AI Everywhere. Get started on your AI Developer Journey @ software.intel.com/ai.
Advanced Techniques to Accelerate Model Tuning | Software for AI Optimization...Intel® Software
Learn about the algorithms and associated implementations that power SigOpt, a platform for efficiently conducting model development and hyperparameter optimization. Get started on your AI Developer Journey @ software.intel.com/ai.
Reducing Deep Learning Integration Costs and Maximizing Compute Efficiency| S...Intel® Software
oneDNN Graph API extends oneDNN with a graph interface which reduces deep learning integration costs and maximizes compute efficiency across a variety of AI hardware including AI accelerators. Get started on your AI Developer Journey @ software.intel.com/ai.
AWS & Intel Webinar Series - Accelerating AI ResearchIntel® Software
Scale your research workloads faster with Intel on AWS. Learn how the performance and productivity of Intel Hardware and Software help bridge the gap between ideation and results in Data Science. Get started on your AI Developer Journey @ software.intel.com/ai.
Whether you are an AI, HPC, IoT, Graphics, Networking or Media developer, visit the Intel Developer Zone today to access the latest software products, resources, training, and support. Test-drive the latest Intel hardware and software products on DevCloud, our online development sandbox, and use DevMesh, our online collaboration portal, to meet and work with other innovators and product leaders. Get started by joining the Intel Developer Community @ software.intel.com.
Advanced Single Instruction Multiple Data (SIMD) Programming with Intel® Impl...Intel® Software
Explore practical elements, such as performance profiling, debugging, and porting advice. Get an overview of advanced programming topics, like common design patterns, SIMD lane interoperability, data conversions, and more.
Build a Deep Learning Video Analytics Framework | SIGGRAPH 2019 Technical Ses...Intel® Software
Explore how to build a unified framework based on FFmpeg and GStreamer to enable video analytics on all Intel® hardware, including CPUs, GPUs, VPUs, FPGAs, and in-circuit emulators.
Review state-of-the-art techniques that use neural networks to synthesize motion, such as mode-adaptive neural network and phase-functioned neural networks. See how next-generation CPUs with reinforcement learning can offer better performance.
RenderMan*: The Role of Open Shading Language (OSL) with Intel® Advanced Vect...Intel® Software
This talk focuses on the newest release in RenderMan* 22.5 and its adoption at Pixar Animation Studios* for rendering future movies. With native support for Intel® Advanced Vector Extensions, Intel® Advanced Vector Extensions 2, and Intel® Advanced Vector Extensions 512, it includes enhanced library features, debugging support, and an extensive test framework.
Prosigns: Transforming Business with Tailored Technology SolutionsProsigns
Unlocking Business Potential: Tailored Technology Solutions by Prosigns
Discover how Prosigns, a leading technology solutions provider, partners with businesses to drive innovation and success. Our presentation showcases our comprehensive range of services, including custom software development, web and mobile app development, AI & ML solutions, blockchain integration, DevOps services, and Microsoft Dynamics 365 support.
Custom Software Development: Prosigns specializes in creating bespoke software solutions that cater to your unique business needs. Our team of experts works closely with you to understand your requirements and deliver tailor-made software that enhances efficiency and drives growth.
Web and Mobile App Development: From responsive websites to intuitive mobile applications, Prosigns develops cutting-edge solutions that engage users and deliver seamless experiences across devices.
AI & ML Solutions: Harnessing the power of Artificial Intelligence and Machine Learning, Prosigns provides smart solutions that automate processes, provide valuable insights, and drive informed decision-making.
Blockchain Integration: Prosigns offers comprehensive blockchain solutions, including development, integration, and consulting services, enabling businesses to leverage blockchain technology for enhanced security, transparency, and efficiency.
DevOps Services: Prosigns' DevOps services streamline development and operations processes, ensuring faster and more reliable software delivery through automation and continuous integration.
Microsoft Dynamics 365 Support: Prosigns provides comprehensive support and maintenance services for Microsoft Dynamics 365, ensuring your system is always up-to-date, secure, and running smoothly.
Learn how our collaborative approach and dedication to excellence help businesses achieve their goals and stay ahead in today's digital landscape. From concept to deployment, Prosigns is your trusted partner for transforming ideas into reality and unlocking the full potential of your business.
Join us on a journey of innovation and growth. Let's partner for success with Prosigns.
Experience our free, in-depth three-part Tendenci Platform Corporate Membership Management workshop series! In Session 1 on May 14th, 2024, we began with an Introduction and Setup, mastering the configuration of your Corporate Membership Module settings to establish membership types, applications, and more. Then, on May 16th, 2024, in Session 2, we focused on binding individual members to a Corporate Membership and Corporate Reps, teaching you how to add individual members and assign Corporate Representatives to manage dues, renewals, and associated members. Finally, on May 28th, 2024, in Session 3, we covered questions and concerns, addressing any queries or issues you may have.
For more Tendenci AMS events, check out www.tendenci.com/events
Cyaniclab : Software Development Agency Portfolio.pdfCyanic lab
CyanicLab, an offshore custom software development company based in Sweden,India, Finland, is your go-to partner for startup development and innovative web design solutions. Our expert team specializes in crafting cutting-edge software tailored to meet the unique needs of startups and established enterprises alike. From conceptualization to execution, we offer comprehensive services including web and mobile app development, UI/UX design, and ongoing software maintenance. Ready to elevate your business? Contact CyanicLab today and let us propel your vision to success with our top-notch IT solutions.
Strategies for Successful Data Migration Tools.pptxvarshanayak241
Data migration is a complex but essential task for organizations aiming to modernize their IT infrastructure and leverage new technologies. By understanding common challenges and implementing these strategies, businesses can achieve a successful migration with minimal disruption. Data Migration Tool like Ask On Data play a pivotal role in this journey, offering features that streamline the process, ensure data integrity, and maintain security. With the right approach and tools, organizations can turn the challenge of data migration into an opportunity for growth and innovation.
Listen to the keynote address and hear about the latest developments from Rachana Ananthakrishnan and Ian Foster who review the updates to the Globus Platform and Service, and the relevance of Globus to the scientific community as an automation platform to accelerate scientific discovery.
Climate Science Flows: Enabling Petabyte-Scale Climate Analysis with the Eart...Globus
The Earth System Grid Federation (ESGF) is a global network of data servers that archives and distributes the planet’s largest collection of Earth system model output for thousands of climate and environmental scientists worldwide. Many of these petabyte-scale data archives are located in proximity to large high-performance computing (HPC) or cloud computing resources, but the primary workflow for data users consists of transferring data, and applying computations on a different system. As a part of the ESGF 2.0 US project (funded by the United States Department of Energy Office of Science), we developed pre-defined data workflows, which can be run on-demand, capable of applying many data reduction and data analysis to the large ESGF data archives, transferring only the resultant analysis (ex. visualizations, smaller data files). In this talk, we will showcase a few of these workflows, highlighting how Globus Flows can be used for petabyte-scale climate analysis.
TROUBLESHOOTING 9 TYPES OF OUTOFMEMORYERRORTier1 app
Even though at surface level ‘java.lang.OutOfMemoryError’ appears as one single error; underlyingly there are 9 types of OutOfMemoryError. Each type of OutOfMemoryError has different causes, diagnosis approaches and solutions. This session equips you with the knowledge, tools, and techniques needed to troubleshoot and conquer OutOfMemoryError in all its forms, ensuring smoother, more efficient Java applications.
Modern design is crucial in today's digital environment, and this is especially true for SharePoint intranets. The design of these digital hubs is critical to user engagement and productivity enhancement. They are the cornerstone of internal collaboration and interaction within enterprises.
First Steps with Globus Compute Multi-User EndpointsGlobus
In this presentation we will share our experiences around getting started with the Globus Compute multi-user endpoint. Working with the Pharmacology group at the University of Auckland, we have previously written an application using Globus Compute that can offload computationally expensive steps in the researcher's workflows, which they wish to manage from their familiar Windows environments, onto the NeSI (New Zealand eScience Infrastructure) cluster. Some of the challenges we have encountered were that each researcher had to set up and manage their own single-user globus compute endpoint and that the workloads had varying resource requirements (CPUs, memory and wall time) between different runs. We hope that the multi-user endpoint will help to address these challenges and share an update on our progress here.
Why React Native as a Strategic Advantage for Startup Innovation.pdfayushiqss
Do you know that React Native is being increasingly adopted by startups as well as big companies in the mobile app development industry? Big names like Facebook, Instagram, and Pinterest have already integrated this robust open-source framework.
In fact, according to a report by Statista, the number of React Native developers has been steadily increasing over the years, reaching an estimated 1.9 million by the end of 2024. This means that the demand for this framework in the job market has been growing making it a valuable skill.
But what makes React Native so popular for mobile application development? It offers excellent cross-platform capabilities among other benefits. This way, with React Native, developers can write code once and run it on both iOS and Android devices thus saving time and resources leading to shorter development cycles hence faster time-to-market for your app.
Let’s take the example of a startup, which wanted to release their app on both iOS and Android at once. Through the use of React Native they managed to create an app and bring it into the market within a very short period. This helped them gain an advantage over their competitors because they had access to a large user base who were able to generate revenue quickly for them.
We describe the deployment and use of Globus Compute for remote computation. This content is aimed at researchers who wish to compute on remote resources using a unified programming interface, as well as system administrators who will deploy and operate Globus Compute services on their research computing infrastructure.
Your Digital Assistant.
Making complex approach simple. Straightforward process saves time. No more waiting to connect with people that matter to you. Safety first is not a cliché - Securely protect information in cloud storage to prevent any third party from accessing data.
Would you rather make your visitors feel burdened by making them wait? Or choose VizMan for a stress-free experience? VizMan is an automated visitor management system that works for any industries not limited to factories, societies, government institutes, and warehouses. A new age contactless way of logging information of visitors, employees, packages, and vehicles. VizMan is a digital logbook so it deters unnecessary use of paper or space since there is no requirement of bundles of registers that is left to collect dust in a corner of a room. Visitor’s essential details, helps in scheduling meetings for visitors and employees, and assists in supervising the attendance of the employees. With VizMan, visitors don’t need to wait for hours in long queues. VizMan handles visitors with the value they deserve because we know time is important to you.
Feasible Features
One Subscription, Four Modules – Admin, Employee, Receptionist, and Gatekeeper ensures confidentiality and prevents data from being manipulated
User Friendly – can be easily used on Android, iOS, and Web Interface
Multiple Accessibility – Log in through any device from any place at any time
One app for all industries – a Visitor Management System that works for any organisation.
Stress-free Sign-up
Visitor is registered and checked-in by the Receptionist
Host gets a notification, where they opt to Approve the meeting
Host notifies the Receptionist of the end of the meeting
Visitor is checked-out by the Receptionist
Host enters notes and remarks of the meeting
Customizable Components
Scheduling Meetings – Host can invite visitors for meetings and also approve, reject and reschedule meetings
Single/Bulk invites – Invitations can be sent individually to a visitor or collectively to many visitors
VIP Visitors – Additional security of data for VIP visitors to avoid misuse of information
Courier Management – Keeps a check on deliveries like commodities being delivered in and out of establishments
Alerts & Notifications – Get notified on SMS, email, and application
Parking Management – Manage availability of parking space
Individual log-in – Every user has their own log-in id
Visitor/Meeting Analytics – Evaluate notes and remarks of the meeting stored in the system
Visitor Management System is a secure and user friendly database manager that records, filters, tracks the visitors to your organization.
"Secure Your Premises with VizMan (VMS) – Get It Now"
Software Engineering, Software Consulting, Tech Lead.
Spring Boot, Spring Cloud, Spring Core, Spring JDBC, Spring Security,
Spring Transaction, Spring MVC,
Log4j, REST/SOAP WEB-SERVICES.
How Does XfilesPro Ensure Security While Sharing Documents in Salesforce?XfilesPro
Worried about document security while sharing them in Salesforce? Fret no more! Here are the top-notch security standards XfilesPro upholds to ensure strong security for your Salesforce documents while sharing with internal or external people.
To learn more, read the blog: https://www.xfilespro.com/how-does-xfilespro-make-document-sharing-secure-and-seamless-in-salesforce/
Check out the webinar slides to learn more about how XfilesPro transforms Salesforce document management by leveraging its world-class applications. For more details, please connect with sales@xfilespro.com
If you want to watch the on-demand webinar, please click here: https://www.xfilespro.com/webinars/salesforce-document-management-2-0-smarter-faster-better/
1. Mobile Web Apps and the Intel® XDK
Dale Schouten – TCE, Intel Corporation - @OldGeeksGuide
Bob Spencer – Sr. Software Engineer, Open Source Technology Center, Intel
Corporation
Intel Confidential — Do Not Forward
2. All about me . . .
2
Working at Intel for nearly 20 years in
various capacities in compiler
development and support, performance
analysis and web app development
tools.
Currently working with the Intel XDK
team.
Recovering C Programmer
Compiler Guy
Performance
Android compiler
Intel XDK
3. 3
Agenda
Mobile Web Apps and the Intel XDK
Android Apps
Web Apps
HTML5
Hybrid Apps
Intel XDK
Crosswalk
Intel XDK IoT
4. 40M Unit Tablet Goal in 2014
>200 Designs Entry to Performance Windows* and Android*
Develop on Intel to increase your business opportunity
4
5. Rich Portfolio of Android* and Windows* Mobile Devices
New Tablets From $99 - ~$499+
Acer
Iconia Tab 8
Toshiba*
Excite Go
Dell*
Venue 8 KD Interactive*
Over 200 Designs Available globally
Acer*
Iconia One 7
Acer
Aspire Switch 10
ASUS*
FonePad 7
FE375CG
ASUS
Transformer Pad LTE
TF303CL
Dell
Venue 7
Kurio Tablet
Toshiba
Encore2 10”
FUHU*
DreamTab
ASUS
Zenfone 4.5
A450CG
ASUS
MeMO Pad 7
ME170C, ME176C
ASUS
MeMO Pad 8
ME 181C, ME581CL
ASUS
FonePad 8
FE380CG
ASUS
Transformer pad
TF103CG, TF103C
Lenovo*
ThinkPad 10”
FOXCONN*
Anchor Premium
FOXCONN
Anchor 7.8
Toshiba
Encore2 8”
5
11. Why HTML5?
11
HTML5 is the language of the web!
Flexible, Adaptable
Used by millions of developers
HTML5 == HTML5/CSS3/JS
12. Hybrid HTML5 Apps…
12
…allow developers to build apps using
these skills and tools…
…that can be distributed in native
app stores.
13. Native vs. Web Apps
13
Single
Platform
Multiple
Platforms
Full
Capabilities
Partial
Capabilities
Web Apps
Web Developer Skills
Instant updates
Unrestricted Distribution
Native Apps
Advanced UI Interactions
Smoothest Performance
App Store distribution
14. Native vs. Web Apps
14
Single
Platform
Multiple
Platforms
Full
Capabilities
Partial
Capabilities
Web Apps
Web Developer Skills
Instant updates
Unrestricted Distribution
Native Apps
Advanced UI Interactions
Smoothest Performance
App Store distribution
Hybrid HTML5 Apps
Web developer skills
Access to native platform
App Store distribution
15. Mobile HTML5 Web App Block Diagram
15
HTML5 Web App
Mobile Browser
Device Libraries
Restricted Device Access
Mobile Device OS
16. Mobile Hybrid HTML5 WebView App Block
Diagram
16
Hybrid Extension
Bridge
Device Libraries
HTML5
WebView App
Native WebView
Mobile Device OS
17. Think of Hybrid as a “Black and Tan”
17
Web App Stuff
(stout)
Native App Stuff
(pale ale)
/fōn•gap/
stuff
P.S. - It’s spelled “Cordova” but pronounced /fōn•gap/
19. Intel XDK: Hybrid HTML5 Mobile App Development
Debug and Test Tools
Services and Content
thru APIs and Plugins
Mashery* (et al)
Multiple Form Factors
and Platforms
HTML5 Brackets* Editor
App Designer Layout Editor
Ripple* Cordova* Emulator
Intel App Preview Debugger
Remote Chrome* DevTools*
“weinre” Remote Inspector
On Device Live Preview
iOS* - iPhone* and iPad*
Android* - x86 and ARM*
Crosswalk* - x86 and ARM
Windows* 8 Store - “Metro” UI
Windows 8 Phone
HTML5 Packaged Web Apps:
Tizen*, Firefox* and Chrome
19
20. Intel® XDK – Every stage of development
20
Existing
App
New
App
Cordova
Frameworks
Cloud build
Manually
submit to
app
store
The Intel® XDK facilitates the development of hybrid HTML5
applications for iOS*, Android*, Windows* 8 and other mobile devices.
Visit the Intel Developer Zone xdk.intel.com
Apple App Store
Google Play Store
Windows Store
Nook
. . .
Brackets
Editor
App
Designer
Ripple
Emulator
CDT
Debug
App
Preview
21. Intel® XDK: Cordova Plugins
21
Cordova Plugins
Core Plugins
Intel.xdk.*
Featured plugins
Google Play Games Services
Dolby Audio
Third-party plugins
Cordova plugin registry (or not)
Built from sources
Intel XDK
Cloud
Build Service
Your
Sources
Cordova
Plugins
Built app
Android .apk
iOS
Windows
. . .
22. Intel® XDK: Mashery APIs
22
Intel® Mashery™ API Services
Rotten Tomatoes
Instagram
Markit OnDemand
Woot
Dropbox
Weather Underground
Many more . . . .
Information
Products
Services
API
http://. . .
{JSON}
35. Summary: Emulate and On-Device Debug
35
Intel® XDK Emulator
Preview in various phone and tablet
formats
Simulate device-specific features
Debug using standard Chrome
DevTools (CDT)
Simulation of intel.xdk and Apache
Cordova APIs
App Preview On-Device Previewer
Quickly load and run projects directly
on real devices
App Debugger On-Device Remote
Android Debug
Remote access to Android device
JavaScript console (aka CDT)
Live Layout Editing
Experiment with layout and styling
options in real-time
41. What is Crosswalk
• New HTML5 runtime based on Google’s Blink and Chromium Content Module
• Optimized for Android
• Supports Tizen, Linux, Mac, and Windows
• Open source, BSD licensed. Started in September, 2013
• 6-week release cadence. Stable, Beta and Canary channels
• GitHub for code and reviews. JIRA for features and bugs. FreeNode for IRC.
41
42. Why do we need a new HTML5 Runtime?
• Deploying on Android is complex
• Multiple type of devices (low cost, high cost)
• Multiple versions of Android (sometimes very old)
• WebView very old, behavior different from one device to the other
• Google focus on the browser, need for a product tailored for app developers
• Based on Blink, the most competitive HTML5 engine
• Many other companies and communities have made the same conclusion and
moved to Blink
42
44. Crosswalk Project Goals
44
• Enable latest, advanced web application features across all Android devices
• Based on W3C standards and landing zone for new draft APIs and Intel
differentiation, such as SIMD and Presentation API
• Bring web applications to the next level, closer to native
• Easy adaptation for downstream projects
• Integrated with Cordova, Intel® XDK or even existing Android Java applications.
• Good co-operation with upstream projects
• Chromium, Blink, Skia, V8, Wayland
• Fully open source project – embraces participation
45. Crosswalk Architecture Goals
• Based on Blink and selected parts of Chromium
• Work with upstream to enable features we need
• Minimize the changes on Crosswalk Blink and Chromium
• Crosswalk rapid release cycle always updated with the latest Chromium
version.
• API extensions in separate repositories
• Cordova APIs, early or experimental W3C APIs
45
47. Features and APIs
Web Components (http://www.w3.org/TR/components-intro/)
Future of the web app design
Service Worker (http://www.w3.org/TR/service-workers/)
Closing the gap between the native and web applications
Responsive Design
Media queries (L4), @viewport (http://dev.w3.org/csswg/css-device-adapt/)
PIcture element, srcset attribute
Native Client
Portable version, pNaCl
Manifest (http://w3c.github.io/manifest/)
Standard manifest for web applications
W3C SysApps: Raw Sockets (http://www.w3.org/2012/sysapps/tcp-udp-sockets/)
W3C SysApps: Device Capabilities (http://www.w3.org/2012/sysapps/device-capabilities/)
W3C SysApps: App URI (http://www.w3.org/2012/sysapps/app-uri/)
47
48. Features and APIs (cont.)
W3C Promises API
W3C Resource Timing API (http://www.w3.org/TR/resource-timing/)
W3C User Timing API (http://www.w3.org/TR/user-timing/)
W3C Ambient Light API
W3C GamePad API
EcmaScript SIMD
W3C WebRTC
W3C WebGL, Canvas
W3C Web Animations
HTML5 input enhancements
context menu, pattern attribute, data list element, autocomplete
Beacon (http://www.w3.org/TR/beacon/)
Vehicle API (IVI)
DLNA API (IVI)
48
49. 49
Embedding Crosswalk in your Android app
3 easy steps:
1. Download Crosswalk
2. Package Crosswalk with your application using make_apk.py:
$ python make_apk.py --package=org.abc.myapp
• Bundles Crosswalk runtime with your application
• Creates apk for both x86 and arm
3. Install
--manifest=myapp/manifest.json
$ adb install -r myapp_x86.apk
50. The Crosswalk Advantage
• Advanced web runtime and webview features available for legacy Android platforms
• Application consistency across all Android versions
• Extendable
• Full control over upgrade cycle
• Based on Blink and Chromium
• Latest innovations, strong performance
• Intel is driving innovation in Blink and Chromium, including reviewing and owning various areas of
the code base
• Wide community adoption
• Strong corporate backing
• Open source
50
59. Intel® Developer Zone
Tools. Knowledge. Community.
• Free tools and code samples
• Technical articles, forums and tutorials
• Connect with Intel and industry experts
• Get development support
• Build relationships
software.intel.com
Targeting 4X tablet shipments in 2014 over last year
Many of these devices are available now for code development
Process technology and microarchitecture benefits lead to best-in-class performance and energy-efficient tablets
Developing code for Intel x86 on Android is simple with standard Android tools
Intel has rich tools with advanced analysis can help improve your applications
Assistance available to help optimize your application on x86
New user experiences available for developing differentiated applications
Core plugins include geolocation, accelerometer, camera, file system access, media record/playback &c.
Plugins available, including jslint, git, &c.
Live editing in Browser, emulator, device
Plugins available, including jslint, git, &c.
Live editing in Browser, emulator, device