Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
HTML5 in Automotive
!
Alexandre Morgaut
Presentation
Alexandre Morgaut
W3C AC member
Wakanda Team
Community manager
Web Architect
JS, REST, NoSQL
@amorgaut
AMorga...
System Application WG
MISSION
Define a runtime environment
Define a security model
Define APIs to provide native like applica...
Automotive & Web Platform BG
http://www.w3.org/community/autowebplatform/
Members
Intel
QNX
Verisign
Opera
Nokia
Blackberry
Vodaphone
Sharp
Porsche
Hyundai
Volkswagen
Ford*
Continental Automotive*...
QNX Architecture
Why HTML5 for Auto
Build on something bigger than automotive

Ecosystem – developers, tools, companies

Standards – no ven...
Other Solutions
Android

Compatibility limited to Android devices

Android not yet automotive grade

!
MirrorLink

Respons...
TIZEN IVI in Jaguar LandRover
The proof of concept has been created on openly available
hardware with an Intel CPU, using ...
JavaScript API
Considered W3C APIs
Web Sockets
App Cache
Web Storage
Geolocation
Device Orientation
Web Audio
Media Capture
Proximity Sen...
API proposals
Genivi
Tizen
QNX
Webinos
http://www.w3.org/community/autowebplatform/wiki/
Main_Page#Auto_and_Web_Platform__...
Genevi/LGE code example
// Define constants for transmissionGearType
var TRANSMISSIONGEARTYPE_AUTO = 1;
var TRANSMISSIONGE...
Tizen code example
navigator.vehicle.get("HVAC", onsuccess, onerror);!
!
function onsuccess(value) {!
var hvacsettings = v...
QNX code example
//define a callback function
function myCallback(audioMixerItems) {
//iterate through the changed items
f...
Webinos code example
 // checking if driver door is openend. vehicleService is the vehicle service,!
 // discovered throug...
Current Drafts
Vehicle Information API
Vehicle Data Interfaces
http://www.w3.org/community/autowebplatform/
Vehicle Information API
The VehicleInterface interface represents the base interface to get and set all vehicle
properties...
Vehicle Data Interface
VehiculeSpeed
EngineSpeed
VehiculePowerModeType
PowerTrainTorque
AcceleratorPedalPosition
ThrottleP...
Promises
-> CommonJS
		 -> WHATWG - HTML5
		 	 -> W3C
		 	 	 -> ECMAScript 6
Promise example
var vehicle = navigator.vehicle;
var zone = new Zone;
!
vehicle.climateControl.set(value, zone.driver).the...
Ripple Emulator
Blackberry, Apache incubator, Chrome extension, Phonegap/Cordova, QNX…
Thanks
http://www.w3.org/community/autowebplatform/
@amorgaut http://about.me/amorgaut
HTML5 in automotive  - web2day 2014
HTML5 in automotive  - web2day 2014
HTML5 in automotive  - web2day 2014
HTML5 in automotive  - web2day 2014
HTML5 in automotive  - web2day 2014
HTML5 in automotive  - web2day 2014
Próximo SlideShare
Cargando en…5
×

de

HTML5 in automotive  - web2day 2014 Slide 1 HTML5 in automotive  - web2day 2014 Slide 2 HTML5 in automotive  - web2day 2014 Slide 3 HTML5 in automotive  - web2day 2014 Slide 4 HTML5 in automotive  - web2day 2014 Slide 5 HTML5 in automotive  - web2day 2014 Slide 6 HTML5 in automotive  - web2day 2014 Slide 7 HTML5 in automotive  - web2day 2014 Slide 8 HTML5 in automotive  - web2day 2014 Slide 9 HTML5 in automotive  - web2day 2014 Slide 10 HTML5 in automotive  - web2day 2014 Slide 11 HTML5 in automotive  - web2day 2014 Slide 12 HTML5 in automotive  - web2day 2014 Slide 13 HTML5 in automotive  - web2day 2014 Slide 14 HTML5 in automotive  - web2day 2014 Slide 15 HTML5 in automotive  - web2day 2014 Slide 16 HTML5 in automotive  - web2day 2014 Slide 17 HTML5 in automotive  - web2day 2014 Slide 18 HTML5 in automotive  - web2day 2014 Slide 19 HTML5 in automotive  - web2day 2014 Slide 20 HTML5 in automotive  - web2day 2014 Slide 21 HTML5 in automotive  - web2day 2014 Slide 22 HTML5 in automotive  - web2day 2014 Slide 23 HTML5 in automotive  - web2day 2014 Slide 24 HTML5 in automotive  - web2day 2014 Slide 25 HTML5 in automotive  - web2day 2014 Slide 26 HTML5 in automotive  - web2day 2014 Slide 27 HTML5 in automotive  - web2day 2014 Slide 28 HTML5 in automotive  - web2day 2014 Slide 29
Próximo SlideShare
JS in SMS - JS.everywhere(2013)
Siguiente
Descargar para leer sin conexión y ver en pantalla completa.

3 recomendaciones

Compartir

Descargar para leer sin conexión

HTML5 in automotive - web2day 2014

Descargar para leer sin conexión

Libros relacionados

Gratis con una prueba de 30 días de Scribd

Ver todo

Audiolibros relacionados

Gratis con una prueba de 30 días de Scribd

Ver todo

HTML5 in automotive - web2day 2014

  1. 1. HTML5 in Automotive ! Alexandre Morgaut
  2. 2. Presentation Alexandre Morgaut W3C AC member Wakanda Team Community manager Web Architect JS, REST, NoSQL @amorgaut AMorgaut
  3. 3. System Application WG MISSION Define a runtime environment Define a security model Define APIs to provide native like applications SPECIFICATIONS App Lifecycle, App URI, Task Sceduler Contacts, Messaging, Telephony, TCP UDP Sockets http://www.w3.org/2012/sysapps/
  4. 4. Automotive & Web Platform BG http://www.w3.org/community/autowebplatform/
  5. 5. Members Intel QNX Verisign Opera Nokia Blackberry Vodaphone Sharp Porsche Hyundai Volkswagen Ford* Continental Automotive* KKDI LG Electronics ...
  6. 6. QNX Architecture
  7. 7. Why HTML5 for Auto Build on something bigger than automotive Ecosystem – developers, tools, companies Standards – no vendor lock-in Flexibility – fluid deployment and architectures Branding – brand same app on different cars with CSS Lifespan – will be supported for long time Time to market – easy to use and leverage Powerful – rich application environment Cross-platform – deploy apps on phones and car
  8. 8. Other Solutions Android Compatibility limited to Android devices Android not yet automotive grade ! MirrorLink Responsiveness lacking today Solves phone to car problem, nothing else
  9. 9. TIZEN IVI in Jaguar LandRover The proof of concept has been created on openly available hardware with an Intel CPU, using the Tizen open source Linux distribution as a software platform with latest HTML5 graphical user interface. Tizen was chosen as a GENIVI compliant reference. http://www.tizenexperts.com/2013/04/jaguar-land-rover-kerjasama-dengan-xchanging-dan-arynga-untuk-update-software-tizen-ivi/ http://tizentalk.com/2013/05/tizen-ivi-proof-of-concept-on-the-land-rover/
  10. 10. JavaScript API
  11. 11. Considered W3C APIs Web Sockets App Cache Web Storage Geolocation Device Orientation Web Audio Media Capture Proximity Sensor Telephony API ... http://www.w3.org/community/autowebplatform/wiki/Main_Page/ CollectionOfApis
  12. 12. API proposals Genivi Tizen QNX Webinos http://www.w3.org/community/autowebplatform/wiki/ Main_Page#Auto_and_Web_Platform__API_draft_proposals
  13. 13. Genevi/LGE code example // Define constants for transmissionGearType var TRANSMISSIONGEARTYPE_AUTO = 1; var TRANSMISSIONGEARTYPE_MANUAL = 2; // Get a transmission gear type from VehicleInfoEvent vehicle.get("vehicleinfo_transmissiongeartype", handleVehicleData, handleError) ! function handleVehicleData(data) { if (data.transmissionGearType == TRANSMISSIONGEARTYPE_AUTO) { console.log("Automatic transmission equipped"); } else if (data.transmissionGearType == TRANSMISSIONGEARTYPE_MANUAL) { console.log("Manual transmission equipped"); } }
  14. 14. Tizen code example navigator.vehicle.get("HVAC", onsuccess, onerror);! ! function onsuccess(value) {! var hvacsettings = value;! value.AirflowDirection = value.AIRFLOWDIRECTION_FRONT | value.AIRFLOWDIRECTION_DEFROSTER;! navigator.vehicle.set("HVAC", value, onsetsuccess, onerror);! }! function onerror(e) {! window.console.error(e.message);! }! function onsetsuccess() {! window.console.log("success!");! }
  15. 15. QNX code example //define a callback function function myCallback(audioMixerItems) { //iterate through the changed items for (var i = 0; i < audioMixerItems.length; i++) { console.log( //a car.audiomixer.AudioMixerSetting value "audio mixer item setting = " + audioMixerItems[i].setting + 'n' + //a car.Zone value "audio mixer item zone = " + audioMixerItems[i].zone + 'n' + //a numeric value "audio mixer item value = " + audioMixerItems[i].value + 'nn' ); } } ! var watchId = car.audiomixer.watchAudioMixer(myCallback);
  16. 16. Webinos code example  // checking if driver door is openend. vehicleService is the vehicle service,!  // discovered through the webinos Discovery API, !  // that has been selected by the user  !  vehicleService.vehicle.addEventListener("doors", doorHandler);!  function doorHandler(doors){!   if(doors.driver){!         document.getElementById("info").innerHTML = 'Please close driver door';!   }  !  }  !
  17. 17. Current Drafts Vehicle Information API Vehicle Data Interfaces http://www.w3.org/community/autowebplatform/
  18. 18. Vehicle Information API The VehicleInterface interface represents the base interface to get and set all vehicle properties. ! [NoInterfaceObject] interface VehicleInterface { Promise get (optional Zone zone); Promise set (object value, optional Zone zone); unsigned short subscribe (VehicleInterfaceCallback callback, optional Zone zone); void unsubscribe (unsigned short handle); readonly attribute Zone[] zones; };
  19. 19. Vehicle Data Interface VehiculeSpeed EngineSpeed VehiculePowerModeType PowerTrainTorque AcceleratorPedalPosition ThrottlePosition TripMeter Diagnostic Transmission CruiseControlStatus LightStatus InteriorLightStatus Horn Chime Fuel EngineOil Acceleration EngineCoolant DeadReckoning Odometer TransmissionOil TransmissionClutch Brake … 7 categories - 53 Interfaces
  20. 20. Promises -> CommonJS -> WHATWG - HTML5 -> W3C -> ECMAScript 6
  21. 21. Promise example var vehicle = navigator.vehicle; var zone = new Zone; ! vehicle.climateControl.set(value, zone.driver).then(function() { // first callback manage success console.log("successfully set acStatus"); }, function(error) { // second callback manage error console.log("there was an error"); });
  22. 22. Ripple Emulator Blackberry, Apache incubator, Chrome extension, Phonegap/Cordova, QNX…
  23. 23. Thanks http://www.w3.org/community/autowebplatform/ @amorgaut http://about.me/amorgaut
  • naohikowatanabe

    Jul. 4, 2014
  • fcaja

    Jun. 8, 2014
  • pavalexander

    Jun. 6, 2014

Vistas

Total de vistas

2.598

En Slideshare

0

De embebidos

0

Número de embebidos

66

Acciones

Descargas

45

Compartidos

0

Comentarios

0

Me gusta

3

×