The document summarizes an HTML5 workshop. It includes an agenda that covers HTML5 basics, distributing HTML5 applications with the Intel AppUp Encapsulator, and examples of HTML5 code. Speakers at the workshop include Mr. Rafael Gimenez, Mr. Hernán Alijo, Mr. Francisco Rueda, and Mrs. Sulamita Garcia who will discuss topics like HTML5 features, libraries and code samples, the Intel AppUp program, and empowering HTML5 with the AppUp Encapsulator.
When should you use HTML5 vs native apps for mobile app development? What are the pros and cons of HTML5? What are the advantages of native apps? What is the cost of HTML5 app development?
This presentation contains the facts based on 6+ years of mobile app development and more recently HTML5 experience.
We look forward to your feedback.
Nokia Qt SDK in action - Qt developer days 2010Nokia
Presentation for Qt developer days 2010 in Munich covering the details of using Nokia Qt SDK and publishing the applications to Ovi store. Focusing on Symbian but covering the current status of maemo. Explains the Ovi Store Symbian Signing Service.
When should you use HTML5 vs native apps for mobile app development? What are the pros and cons of HTML5? What are the advantages of native apps? What is the cost of HTML5 app development?
This presentation contains the facts based on 6+ years of mobile app development and more recently HTML5 experience.
We look forward to your feedback.
Nokia Qt SDK in action - Qt developer days 2010Nokia
Presentation for Qt developer days 2010 in Munich covering the details of using Nokia Qt SDK and publishing the applications to Ovi store. Focusing on Symbian but covering the current status of maemo. Explains the Ovi Store Symbian Signing Service.
Drupal è uno strumento che permette di sviluppare applicazioni web con rapidità e semplicità, in questa sessione analizzeremo le tecniche che permettono di trasferire le stesse metodologie per lo sviluppo di applicazioni mobile.
Faremo una overview di applicazioni già sviluppate, sull’utilizzo delle API e dei moduli contrib e su come creare applicazioni native integrando framework come Titanium e Phonegap.
Oltre al codice, parleremo di come i core developers stanno affrontando lo sviluppo della prossima release Drupal 8, della Mobile e Web Services initiative e dell’evoluzione dell’architettura con l’integrazione di alcuni componenti di Symfony2.
Ubiquitous access to the Internet has forever changed consumer behavior. Brands can no longer expect that their desktop experiences will satisfy, or that they will even be accessed from the desktop. One thing that brands can count on is that mobile platforms will be the primary driver of consumption moving forward.
http://www.sparksgrove.com/
One of the many challenges facing IT leaders today is determining which technology to choose for developing enterprise applications. Should they be native mobile apps, Web-based apps using HTML5, or create a hybrid app? And once you've done your development, how best to deploy, manage, and secure these apps?
Jonathan Stark, Mobiquity's vice president of application architecture, the author of O'Reilly's Building iPhone Apps with HTML, CSS, and JavaScript, and Building Android Apps will provide insight developing enterprise apps:
- Best Development Approaches: HTML5 Web Apps vs. Native apps
- Minimizing barriers of device diversity
- Minimizing barriers of platform variations
Cimarron Buser, Apperian's VP of product marketing, will talk about deploying and managing enterprise apps:
- Real examples of app deployment in businesses
- Making the case for a great user experience
- The application life-cyle
- Keeping things current for your employees without a heavy hand
Smartphone Behavior On A Featurephone BudgetGail Frederick
JavaOne 2009 BoF Presentation
Mobile application features typical in smartphones can also be implemented on mass-market featurephones using Java ME and Web 2.0 back-end services. In this presentation, we explore the multimodality and rich user interface of a search-driven portal application written in Java ME and broadly ported to mass-market featurephones. Multimodality enables the user to search, browse and discover using familiar activities on a mobile device - saying a phrase, entering text and snapping a photo.
Snippets of Java ME code used to implement voice recording, image capture, location awareness and advanced mapping are presented and analyzed.
Drupal è uno strumento che permette di sviluppare applicazioni web con rapidità e semplicità, in questa sessione analizzeremo le tecniche che permettono di trasferire le stesse metodologie per lo sviluppo di applicazioni mobile.
Faremo una overview di applicazioni già sviluppate, sull’utilizzo delle API e dei moduli contrib e su come creare applicazioni native integrando framework come Titanium e Phonegap.
Oltre al codice, parleremo di come i core developers stanno affrontando lo sviluppo della prossima release Drupal 8, della Mobile e Web Services initiative e dell’evoluzione dell’architettura con l’integrazione di alcuni componenti di Symfony2.
Ubiquitous access to the Internet has forever changed consumer behavior. Brands can no longer expect that their desktop experiences will satisfy, or that they will even be accessed from the desktop. One thing that brands can count on is that mobile platforms will be the primary driver of consumption moving forward.
http://www.sparksgrove.com/
One of the many challenges facing IT leaders today is determining which technology to choose for developing enterprise applications. Should they be native mobile apps, Web-based apps using HTML5, or create a hybrid app? And once you've done your development, how best to deploy, manage, and secure these apps?
Jonathan Stark, Mobiquity's vice president of application architecture, the author of O'Reilly's Building iPhone Apps with HTML, CSS, and JavaScript, and Building Android Apps will provide insight developing enterprise apps:
- Best Development Approaches: HTML5 Web Apps vs. Native apps
- Minimizing barriers of device diversity
- Minimizing barriers of platform variations
Cimarron Buser, Apperian's VP of product marketing, will talk about deploying and managing enterprise apps:
- Real examples of app deployment in businesses
- Making the case for a great user experience
- The application life-cyle
- Keeping things current for your employees without a heavy hand
Smartphone Behavior On A Featurephone BudgetGail Frederick
JavaOne 2009 BoF Presentation
Mobile application features typical in smartphones can also be implemented on mass-market featurephones using Java ME and Web 2.0 back-end services. In this presentation, we explore the multimodality and rich user interface of a search-driven portal application written in Java ME and broadly ported to mass-market featurephones. Multimodality enables the user to search, browse and discover using familiar activities on a mobile device - saying a phrase, entering text and snapping a photo.
Snippets of Java ME code used to implement voice recording, image capture, location awareness and advanced mapping are presented and analyzed.
Unified Billing-Realization of convergent architecture for charging and billi...IDES Editor
4G is expected to get deployed by many telecom
companies in this year. Technologies employed by 4G being
tested and going to hit the commercial market soon. When
fully implemented, 4G is expected to offer high speed
transmission and provide seamless handoffs across multiple
high speed heterogeneous networks. These heterogeneous
networks on converged platform provide access to varied
services over an IPv6 core. Convergence & high speed would
provide opportunity to end user to use compounded services
from varied network providers; this will lead to big challenge
for accounting, Charging and billing. This paper in
continuation of our previous papers [7][21] discusses a
Convergent Framework Architecture (CFA) which provides a
unified bill to the user for all his compounded usage across
varied network operators. The CFA introduces a trusted third
party operator called the Convergent Network Operator
(CNO) to achieve a transparent charging, accounting and
unified billing provisions. The functionality of the CFA is
demonstrated with a prototype. We were able to realize unified
bill to end user for the usage of different type of service from
varied network providers. This concept and business model
will bring better Quality of service (QoS) not only at
competitive price but also provide independence and choice to
users to opt for specific services from Quality network
operators. These instructions give you basic guidelines for
preparing camera-ready papers for ACEEE’s conference
proceedings/Journal Publications.
Intel Microsoft Webinar HTML5: AppUp Presenttaionsoussislim
Le centre Intel AppUp(sm) supporte maintenant le langage HTML5. Ce Webinar animé par des experts Intel et Microsoft vous permettra de vous plonger dans le langage et de redécouvrir ses fondamentaux mais de connaître aussi toutes les spécificités d’AppUp(sm) : Le partage de revenu, le déploiement sur les teminaux etc…
Webinar réalisé le 12 Décembre 2011 avec:
- Slim Soussi, Intel
- Vladimir Kostarev, Intel
- David Catuhe, Microsoft
- David Rousset, Microsoft
Startups: Streit, Scaleup - introduction and product demoCloudOps Summit
Christoph Streit, ScaleUp
http://www.scaleup.it
---
Please contact us for a downloadable copy of the slides at CloudOps.Summit@googlemail.com .
Follow us on Twitter @CloudOps_Summit and
Facebook http://www.facebook.com/CloudOps
IBM MobileFirst - Hybrid Application Development with WorklightIBIZZ
IBM MobileFirst begins with a mindset: Innovative enterprises see the opportunities gained by bringing all resources together to strengthen customer engagement–whenever and wherever the customer wants, and on the customer's favorite device, which is often mobile.
Whether transforming your customer acquisition strategies, streamlining your business process, or boosting product and service innovations, you can accomplish more by focusing on mobile computing environments first.
IBM MobileFirst offers you true end-to-end mobile solutions. Some providers specialize in service offerings; some focus on platform and application development; some offer only mobile security; while others focus just on mobile device management. We bring it all.
We help your customers initiate transactions at the moment of awareness. You can encourage customer-building touchpoints and deepen relationships with your customers with realtime, one-to-one engagements. Learn what they want with powerful mobile analytics and usage data, then create more compelling interactions.
We can also help you increase workforce productivity through mobile apps that enhance collaboration, improve knowledge sharing, and speed responses. Gain efficiency by extending existing business capabilities and applications to mobile workers, partners, and customers.
Mobile App development for Large Companies- presented at Appsterdam wwllMichel van den Berg
Building Apps at large companies is a different game. Michael van den Berg, CEO of Appsolute Value presented and shared at Appsterdam his views and experience on how mobile apps are build differently to mobilize large companies
Appsterdam is a global network of 2000+ mobile develoers and mobile designers...and counting
Appsolute Value is a mobile tech specialist boutique. A network-based organisation of partners and co-mavericks in the Mobile Tech arena. They act globally, build business apps and specialise in cross-platform app development frameworks (Kony, Worklight, Adobe) and engineering apps and devices in current digital landscapes of larger organisations
Prezentarea sustinuta de Pawel Glowacki a facut obiectul evenimentului organizat de Softline Romania in calitate de distribuitor si Embarcadero pe data de 5 septembrie la hotelul Howard Johnson din Bucuresti, în cadrul RAD Studio XE5 Tech Preview World Tour.
10 Key Criteria for Mobile Platform SelectionJason Haygood
Is your company ready to meet the mobility challenge?
Anyone who’s faced the urgency of creating a mobile solution is all too aware of the limitations. They have most likely tried a few different approaches, ranging from developing on native SDKs to using frameworks to developing in-house using HTML5. And they have most likely come to the conclusion that true enterprise-grade technology is necessary.
Mobile application development platforms (MADP) are the solution, but figuring out which MADP to use can be time-consuming at best and confusing at worst. To help you make that decision, we’ve created a MADP vendor selection guide checklist, which outlines the top 10 things you need to consider when evaluating a mobile platform. These include:
- Support for multi-channel app development
- Developer productivity and designer creativity
- Middleware capabilities and B2E capabilities
- Platform maturity and developer ecosystem
PortHand provides Mobile Solutions and Services to Business. PortHand has assembled, and continues to expand, a portfolio of innovative mobile services that allows businesses of all shapes and sizes to quickly, and relatively easily, adopt, customise and implement best practice mobile solutions for a comparatively low investment, based on a Software as a Service model.
Case Study: How REI increased ROI on SAP Through A Better User ExperienceDeeDee Kato
Speeding up core business processes is critical to the success of your business. How are you ensuring that your system is error-free and is optimized for employees to use? Discover how you can optimize your SAP for users with very little training and no complicated scripting. With no upgrade or additional SAP software required, Todd Haferkamp from REI will explore how to:
Minimize errors and avoid confusion by consolidating 20 screens to 1 screen
Enforce data integrity with custom validations and error handling
Deploy optimized, user-friendly interfaces for all users
Increase job satisfaction and flexibility
Save millions of dollars and increase your ROI on SAP, based on real business implementations
IBM s'accocie à Crédit Agricole Immobilier, au CA Store et leurs partenaires pour vous présenter le Smart Home Challenge !
A travers ce challenge d’open innovation, IBM s’associe à Crédit Agricole Immobilier pour collaborer avec les startups pour concevoir et construire l’habitat connecté de demain.
Vous développez des produits et services dans le domaine de l’habitat, du bien-être, du développement durable, de l’IoT ? A vous de jouer !
IBM met à a disposition des participants les plus disruptifs sa Plate-forme d'Innovation Digitale IBM Bluemix et ses nombreux services :
- les APIs Watson pour passer à l'ère du Cognitif
- Internet of Things Foundation pour connecter vos objets
- les APIs Twitter, WeatherCompany,
- et 140 autres services BigData, Analytics, Mobilité, Sécurité, etc...
Co-développement, expérimentation, relation commerciale ou prises de participation minoritaires sont en jeu. Sans oublier la dotation "Go To Market" de 20 000€ à se partager pour les 3 lauréats.
Vous avez jusqu'au 24 janvier 2016 pour vous inscrire et déposer une présentation de votre concept.
www.smarthomechallenge.com
Presentation off what's new in HTML 5 the importance of the use of HTML standards.
The importance of HTML and standard nowadays to comunicate.
This slides were used in a session in Portugal at the document freedom day 2014 in ISCTE
2. Mr. Rafael Gimenez
| Senior Researcher
Mobility & Energy R&D
Barcelona Digital Technology Centre
3. Mr. Hernán Alijo
| Community & Marketing Manager
Intel App Up Developer Program
4. SM
Intel AppUp Application Lab
Hernán Alijo, Intel® Corporation
5. Antes de comenzar
• Pongan sus celulares en modo silencioso
• Conversaciones telefónicas o en persona que sea
necesario mantener durante la duración del AppLab por
favor, mantenerlas afuera
• El hashtag de Twitter del evento de hoy es #AppUp
7. Agenda
• Presentación general del Intel AppUp(sm) Developer
Program & Intel AppUp(sm) Center
• HTML5, cómo embarcarte, experiencias multi-
dispositivo.
• Charla técnica:
– HTML5, un poco de historia, features, librerías y un poco de
código
– Intel AppUp Encapsulator
– SDKs & SDKs plug-in
– Cómo subir tu App a la tienda/Validación
• Consejos y trucos
• Preguntas
9. La economía de las
aplicaciones
2014
2011
2010
Source: Gartner Worldwide Mobile Application Store Revenue Forecast
10. Intel AppUpSM program
Múltiples dispositivos. Múltiples OS’s. Múltiples app stores.
Un programa.
11. Intel AppUpSM developer program
Herramientas y recursos para llegar a los
consumidores en todo el mundo
Herramientas Proceso Visibilidad y
Multi-
de uso simple alineado monetización
dispositivo =
mayor +
mercado soporte
12. Modelo ‘end-to-end’
Intel AppUpSM Intel Consuidores
developer program AppUpSM
center
Tiendas
asociadas
Promoción y marketing
Desarrollo y Infraestructura de la tienda y de de la tienda para hacer
validación su red de tiendas asociadas llegar las apps a los
usuarios finales.
12
13. Múltiples tiendas, múltiples dispositivos, múltiples
plataformas y lenguajes y un sólo catálogo.
And more,
Y muchas
with more
más!
coming!
Desktop Laptops Netbook Personal Smartphones Smart TVs Embedded
s s Devices
15. ¡Oportunidades!
Programas de
promoción de tus
aplicaciones
La nueva generación de Competencias mundiales y
estrellas desafíos que premian a las
mejores aplicaciones.
Programa de asignación
de fondos para
Premios y desarrolladores Capacitación y
reconocimientos desarrollo
appdeveloper.intel.com/es-es/opportunities
15
16.
17. UltrabookTM
Transformando la PC
• Hoy se venden billones de
PCs
• Ultrabook en los próximos
años será el 40% de ese
mercado
Crear experiencias para el mercado
de la PC y en especial de las
Ultrabooks son una oportunidad
para developers.
18. HTML5* permite desarrollar
para múltiples plataformas
Recent
2.1
Headlines BILLION
Las compañías se vuelcan a
HTML5
Apple adoptó HTML5
109
MILLION
Microsoft pone el foco en
HTML5
Dispositivos móviles con
browser que soportan
HTML5
Installed Base Mobile Devices with HTML5 Browsers World Market, Forecast,
By Device: 2011 to 2016 ABI Research
33. SM
Intel AppUp Application Lab
Sulamita García, Intel® Corporation
34. Empowering HTML5 with AppUp
• HTML5 Basics
– W3C and WhatWG
– What’s new
• Distributing HTML5 Applications
– Intel AppUp Encapsulator
• Talk is cheap, show me the code
36. W3C and HTML
• “Implementations and
specifications have to
do a delicate dance
together.”
• Board overseeing draft
• Dynamic circular work
– Browsers implement
features in draft
– Draft implements
features used in
browsers
41. Basics
• HTML5 Definition is overseen by W3C together with
developers and browsers, dinamically
• HTML5 ~= HTML + CSS + JS
• Simplyfying and new tags
43. Intel AppUp
• Distribution channel for web
applications
– Plus C/C++, Java, Flash, .Net
and Adobe Air
• +30 co-branded stores
worldwide
• Open source applications
• Developer Program
– SDK, documents, plug-ins
• English, French, German,
Italian, Spanish
44. Intel AppUp Encapsulator
• Supports many
HTML5 features
• Integrated with AppUp
• Asks for GUI and info
• Provides .msi and
.rpm packages
45. Encapsulator features support
Encapsulator
• Forms
• Storage
• Canvas
• Web Applications...
http://appdeveloper.intel.com/en-us/article/html5-feature-compatibility-intel-
appup-encapsulator-beta
46. WebKit
• Engine: what renders code
• Open Source
• Example of other engines: Gecko(Firefox), Trident(IE),
Presto(Opera)
• Currently version 2.2
47. Distributing HTML5 Applications -
Summary
• Intel AppUp offers a unique distribution channel
• AppUp Encapsulator has support to many features and
will continue to improve
• WebKit is an open source engine where many projects
use, like Encapsulator
49. Detection techniques
• Check if a certain property exists on a global object
(such as window or navigator).
return !!navigator.geolocation;
• Create an element, then check if a certain property
exists on that element.
return !!document.createElement('canvas').getContext;
50. Detection techniques
• Create an element, check if a certain method exists on
that element, then call the method and check the value it
returns.
var v = document.createElement("video");
return v.canPlayType('video/mp4;
codecs="avc1.42E01E, mp4a.40.2"');
• Create an element, set a property to a certain value,
then check if the property has retained its value.
var i = document.createElement("input");
i.setAttribute("type", "color");
return i.type !== "text";
58. Geolocation
navigator.gelocation.getCurrentPosition(show_map, error_f); <!--- callback --->
function show_map(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
var latlng = new google.maps.LatLng(latitude, longitude);
var myOptions = {
zoom: 15,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
);
var map = new google.maps.Map(document.getElementById(“mapcanvas”),
myOptions);
var marker = new google.maps.Marker ( {
position : latlng,
map: map,
title: “You are here!”
} ) ;
}
60. Geolocation - Permissions
Ask for user permission:
function error_f() {
if (err.code == 1) {
// user said no, show map default location
} elseif (err.code == 2) {
// position unavailable
} elseif (err.code == 3) {
// timeout
} else {
// error unknown (0)
}
}
61. Video
• It’s complicated...
• Codecs and patents making everything difficult
• Supporting <video> not necessarily means supporting MPEG-4 or
H.264
<video src=“video.mp4” width=320 height=240 autoplay>
</video>
<video width=320 height=240 controls>
<source src=“video.mp4” type=‘video/mp4;
codecs=“avc1.42E01E, mp4a.40.2”’>
<source src=“video.webm type=‘video/webm; codecs=“vp8,
vorbis”’>
<source src=“video.ogv” type=‘video/ogg; codecs=“theora,
vorbis”’>
</video>
62. Audio
<audio src=“audio.ogg" controls="controls">
Your browser does not support the audio element.
</audio>
<audio controls="controls">
<source src=“audio.ogg" type="audio/ogg" />
<source src=“audio.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>
63. Section tags
• Great for syndication and dynamically compounding
• Avoiding confusions with <h1>-<h6>
section
|
+--h1 (first heading, child of section)
| |
| +--text node "Hello WebWorld"
|
+--p (child of section, sibling of h1)
|
+--text node "This is your text"
65. Section tags - <section>
<body>
<p> Some text paragraph, pretend it’s long...</p>
<section>
<h1>This is the first section</h1>
<p> This is the section text</p>
</section>
66. Section tags – <article>
<article>
<header>
<h1>How we got here</h1>
<h2>Hot Topic</h2>
<h2>Who defines HTML5</h2>
<h2>A bit of history</h2>
<nav>
<ul>
<li><a href=“#”>home</a></li>
<li><a href=“#”>home</a></li>
<li><a href=“#”>home</a></li>
<li><a href=“#”>home</a></li>
</ul>
</nav>
</header>
<p>Lorem ipsum … </p>
<footer>
<p> That’s all folks!</p>
</footer>
</article>
70. SDK Services
• Authorization
– verify that end-user device is authorized to run the application
– verify that application is authorized to use the component
• Instrumentation
– record application’s usage statistics and post it on developer’s dashboard1
• Crash Reporting
– registering all crashes
– attempting to collect crash data (such as call stack)
– reporting statistics and crash data on developer’s dashboard
• In-App Upgrade
• Development Tools
– various utilities to facilitate application’s testing, packaging and submission
71. App Signing
• Improves overall quality of the Intel AppUpSM center, helps guarantee
quality apps
• Better apps means better user experience
• Helps reduce virus or malicious software in the store.
• Need to sign new apps and updated apps as well
• Certificates: Chosen Security, Verisign, Globalsign,
• Thawte, Trust Center, Go Daddy Secure Certification Authority
and Comodo
• Certificate Tutorial: http://appdeveloper.intel.com/en-us/article/how-
do-i-get-code-signing-certificate-certifying-authority
• Manual Process:
• http://appdeveloper.intel.com/en-us/video/signing-jar-file-video-
tutorial
• http://appdeveloper.intel.com/en-us/video/signing-msi-file-video-
tutorial
• App Signing Tool: http://appdeveloper.intel.com/en-us/article/app-
signing-tool-download
71
73. Beta, Beta, Beta
• Beta allows you to test app like a real end user.
• Need to join Intel AppUpSM center, which is different than Intel AppSM
developer program
• Up to 50 beta testers allowed per app
• No need to buy app as beta tester
• Nearly all rejections could have been caught at beta testing
• Significantly speeds up validation since you know it works
• Always test on clean machine and factory reset.
73
74. Summary
• AppUp supports and offer SDKs and Plugins for .Net,
C/C++(Visual Studio), Adobe Air (Flex Builder) and
Java(Eclipse)
• Signing apps improves quality and security overall;
AppUp helps you sponsoring the certificate and offering
tools
• Beta testing helps to improve your app and fasten your
validation
76. Common App Submission
Pit Falls
• Screen resolution is too small/big screen, app should
dynamically resize to any device screen size
• At the least, app must work on 1024X600
• UI failures such as buttons or menus are partially hidden
• Even if app performs slow, it will be passed if its still usable
and doesn’t crash
• Cannot advertise method to purchase app and avoid store
• No Intel advertising, partners will rebrand store
• App will launch from the desktop and NOT from the AppUp
Center
• Check all apps on 32 bit and 64 bit before app submission.
76
77. App Validation Failure
• Email developer on app
rejection or acceptance, but
exact failure is on Intel AppSM
developer program website
• Application section in My
Dashboard will have link to
exact failure with step by step
process
• Look under “Test Results”
• Both Binary and Meta
violations in app rejection can
occur, typical rejection occurs
in Binary Validation
77
78. Links
• http://appup.com/
• http://appdeveloper.intel.com/
• http://appdeveloper.intel.com/en-us/article/html5-feature-
compatibility-intel-appup-encapsulator-beta
• http://appdeveloper.intel.com/en-us/article/html5-game-
development-appup-part-1
• diveintohtml5.info / HTML5 Up and Running
• html5test.com – score/support check
• Head First HTML5
• http://evolutionofweb.appspot.com/
• http://html5demos.com/
• Specification: http://www.whatwg.org/html
• http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5
)