webos for Smart Devices 1. webos History 2. webos Architecture 3. webos Features 4. webos Future 2013. 06. 24 LG Electronics / CTO Software Platform Lab. Seung Kyoon Woo
1. webos History Palm OS 의역사 Palm OS 는간결한디자인과많은응용 SW 로폭발적으로판매 ( 다수업체와라이센스를맺음 ) 하지만오래된 OS 인 Palm OS 의한계로새로운독자적인플랫폼개발필요 1996 ~ 2005 ~ 2007 인수 Apple iphone 을출시, 아직 AppStore 가열리기전으로그 impact 를인지하지못함 우수한인재들을영입함 (Paul Mercer, Matias Duarte, Jon Rubinstein) Treo 700W (Windows Mobile) Ed Colligan (Handspring) 영입 분사 Wrist PDA (Fossil) Apple 이 Phone 을만들거라는소문이돌기시작함 PC guys are not going to just figure this out. They're not going to just walk in 1/36
1. webos History webos 의탄생그리고시련 Webkit 의장점을활용한 webos 탄생, Best of CES 2009 를수상하며큰반향을일으킴하지만, 비즈니스적인실패 ( 사업자선택, 출시일정, 시장분석 ) 로 webos 기반디바이스는큰빛을보지못함 2008 2009 2010 Prima vs webos (Luna) Prima: Palm의첫번째차세대 OS ( 여러결점으로많은내부비판에직면 ) webos: 코드명 Luna, Greg Simon과 Andy Grignon은 Webkit 기반의새로운 OS 제안 1 월 webos 기반 Palm Pre 발표 (CES 2009) iphone Killer 7 월 Sprint 독점으로 Palm Pre 출시 Verizon 에서 Palm Pre Pulses / Pixi Pulses 출시 (Motorola Droid 에밀려 Headline Device 에서제외 ) The 3G smartphone smart enough for mom CES 6 개월전 Prima 포기 Palm 의차세대 OS 로 webos 선정 비슷한시기에경쟁사제품출시 (Motorola DROID, iphone 3GS) 저가스마트폰 Palm Pixi 출시 2/36
1. webos History HP, webos 인수 HP 가 Palm 을인수하여 HP 제품에 webos 를탑재하려는많은시도가이어졌으나사업적으로실패 webos 기반 Device 는개발이중단되고, webos 는 Open Source 화함 2010 2011 2012 4 월 HP 가 Palm 을인수함 7 월 TouchPad 출시 Open webos Project 공표 HP 제품에 webos 를탑재하려는많은시도가이어짐 8 월 Device 개발중단을발표 TouchPad 제고는 $99 에판매 webos Project 발표이틀전에 Rubinstein 사임 This has been a four and half year burn. I don't think people understand that what we did accomplish during that time frame was amazing. webos for Windows HP webos 를외부에판매하겠다는발표를함 webos on Printer ( 제품개발완료, 가격경쟁력이없어출시못함 ) A lot of people left, and they re bringing the spirit with them. A thousand weboses will bloom, I hope. (Pre to postmortem: the inside story of the death of Palm and webos (The Verge)) 3/36
1. webos History webos 의부활 ' 웹 OS' 의소스코드, 개발인력, 관련문서등인수자체스마트 TV 플랫폼기술혁신지원및차세대웹기반스마트 TV 기술트렌드에신속한대응가능 LG 전자가 HP 로부터 ' 웹 OS(webOS)' 를인수하며스마트 TV 소프트웨어역량을강화 HP 의오픈소스프로젝트를지속추진할계획 LG 전자 CTO 안승권사장은 " 웹 OS 와 LG 전자의기술력이만나전세계소비자들에게 LG 스마트 TV 의차별화된경험을제공할것 HP COO 빌베트는 "LG 전자가갖춘혁신성과소비자가전분야에서의명성이이를가능하게할것 조선일보 (2013.02.26) Enda McGrath 의트위터인증샷 (webos Evangelist) 4/36
2. webos Architecture Philosophy Simple, Beautiful User Experience Web-Centric, Cross Platform, Open Standards Extensible, Pluggable Architecture Leverage Open-Source Technologies Keep It Simple Open webos 5/36
2. webos Architecture Architecture Enyo-based applications Qt-based system manager QtWebKit-based browser ISIS Luna bus-based components Node.js-based javascript services No-sql DB DB8 Platform portability layer Nyx OpenEmbedded-based Build System http://www.openwebosproject.org/ 6/36
2. webos Architecture Application Example An application of webos consists of UI and non-ui parts UI part: Web (html, javascript, css, enyo), Native (QT, SDL) Non-UI part (service): JavaScript (mojo service framework), Native (c/c++) HelloWorld Application Package HelloWorld.Service Application Services IPC/BUS xxx.service yyy.service System Services UI part of HelloWorld Application Non-UI part of HelloWorld Application 7/36
2. webos Architecture Application Example UI part of an application draws UI components by communicating with services <html> HelloWorld.html <body> <script type="text/javascript"> new enyo.helloworld().renderinto(document.body); </script> </body> </html> enyo.kind({ name: "enyo.helloworld", components:[ // Define services }) { kind: "PalmService", name: HelloWorld", service: "palm://com.palm.helloworld", method: hello, onresponse: printhelloworld } ], create: function() { this.$.helloworld.call({}); // Communicate with service }, printhelloworld: function(insender, inresponse) { }, enyo.log(inresponse); HelloWorld.js // Draw UI (response) 8/36
2. webos Architecture Application Example Javascript service supports less LOC (lines of code) through service framework based on Node.js static char *SERVICE_NAME = (char *) "com.palm.helloworld"; HelloWorld.c (Native Service) static char *SERVICE_CATEGORY = (char *) / ; static LSMethod Methods[] = {{ hello", print_hello_world}}; // Service implementation static bool print_hello_world(lshandle *sh, LSMessage *msg) { retval = LSMessageReply(sh, msg, Hello World!, &lserror); } void main(){ // Register Service (com.palm.helloworld) LSRegisterPubPriv(SERVICE_NAME, &gservicehandle, false,&glserror); // Register Service API (com.palm.helloworld/hello) LSRegisterCategory(gServiceHandle, SERVICE_CATEGORY, Methods, NULL, NULL, &glserror); } var HelloWorldAssistant = function() { } // Service implementation HelloWorldAssistant.prototype.run = function(future) { future.result = {reply: "Hello World!"}; } HelloWorldAssistant.js (JavaScript Service) 9/36
3. webos Features Enyo Web app framework supporting - Cross-Platform (OS, Device) - HTML5 - Native Quality http://enyojs.com 1. Cross-platform 2. Optimized for mobile Enyo has roots in mobile 3. Lightweight and fast Enyo is small (core is <25k gzipped) 4. Highly customizable and extensible 5. Built to enable maintenance and reuse With a small, rock-solid core, Enyo is modular and designed to be extended Elegant component model 6. Free and open-source Apache License, Version 2.0 10/36
3. webos Features Enyo Enyo 1.0 은 webos 3 (HP TouchPad) 을위한 app framework 로개발됨 HP webos 는 full-featured HTML5 apps 을개발할수있는 framework 가필요했음 Mail, Contacts, Calendar, Messages 등개발 Release history July 2011: Enyo 1.0 officially released December 2011: Open-source announcement made January 2012: Enyo 2.0 beta released First open-source, cross-platform release, core only February 2012: Enyo 2.0b2 released Base UI added to core and Fittable added to Layout library March 2012: Enyo 2.0b3 released Added Onyx UI widget library April 2012: Enyo 2.0b4 released Added List to Layout library June 2012: Enyo 2.0b5 released Added Panels to Layout library and Bootplate starter July 2012: Enyo 2.0GA released Full QA cycle and Sampler app released 11/36
3. webos Features Enyo Enyo 2 공식사이트 http://enyojs.com 다양한문서와링크제공 http://enyojs.com/docs Enyo 2 Sampler http://enyojs.com/sampler 공식 Sample App 모음 Sampler도 Enyo Application임 각 Sample은 jsfiddle에서소스수정과테스트가능 http://jsfiddle.net Community Gallery http://enyojs.com/gallery 커뮤니티멤버가자싞이개발한 Enyo Component 를공유하는곳 Gallery 도 Enyo Application 임 12/36
3. webos Features Enyo Programming Style HTML Mark-up Driven JavaScript Driven Framework JQuery, Dojo Sencha Touch, Enyo Pros. Cons. Javascript 를몰라도간단한화면구성가능 기존사이트를쉽게변경가능 확장성이어려움 동적이고다양한어플리케이션개발부족 다양한앱개발용이 객체지향적개발및코드재사용용이 마크업기반프레임워크대비진입장벽이높음 <div data-role="header"> <h1>header</h1> </div> <div data-role="content"> <p>hello World!</p> </div> <div data-role="footer"> <h2>footer</h2> </div> enyo.kind({ name: "App", kind: enyo.control, components: [ {kind: enyo.header, components: [ {content: "Header"} ]}, {kind: "Control", content: "Hello World!"}, {kind: enyo.footer, components: [ {content: "Footer"} ]}, ] }); 13/36
3. webos Features Luna Bus Bus System Clients Services Apps Enyo Luna Bus Rendering Sub-System Node.js email contacts calendar im Connman -adapter DBus File Cache Activity Manager DB8 Powerd Browser Server SysMgr WebAppMgr V8 ConnMan QT 5.0 Webkit / QT Standard Linux Kernel 14/36
3. webos Features Luna Bus < Luna Bus > < D-Bus > A B C A (Luna Bus Only) More Performance (See below picture) Service Security & Policy One Request & Multiple Reply Luna Bus is a clone of D-Bus B (Luna Bus and D-Bus) Service, Object, Method Addressing Asynchronous API & Signal API Client A Client B D-Bus Daemon Service A Service B C (D-Bus Only) Synchronous API Interface Addressing Per User Bus (== Session Bus) Client A Client B Luna Bus Daemon Service A Service B Native Type Arguments Code Generator & Introspection Load Balance mechanism 15/36
3. webos Features Service webos에서서비스란? 기능제공의단위 한 Process가여러서비스를가질수있음 Luna-bus를이용해다른 App 및서비스와연결 App 1 App 2 App 3 Luna-bus Service 1 Service 2 Service 3 Service 4 16/36
4. webos Features Service Luna bus-based non-ui middleware components Scalability (easy plug-in), faster performance, offloaded processing, shared processing < Just Type WepApp > 1 2 Audio Service Sound-related service (ex. key, ringtone) Luna-bus 3 4 Application Manager Service Application-related service 17/36 1. Request sound output for Key input 2. Return output result 3. Request App List for the input 4. Return App List (ex. Installation, launch, search, update)
4. webos Features Service Luna-bus Fork Init/Upstart Process Fork Static Service Dynamic Service Services run in booting time Features System daemon (Always running ) High response time Services launched by bus (when necessary (ex. a client calls the service)) Terminated after some time Features Slow first response time Efficient memory usage (on-demand) 18/36
4. webos Features Service Luna-bus Native Service JavaScript Service Services implemented by C/C++ Features Low memory usage (compared with JS service) Fast response time Services implemented by JavaScript Node.js based services Features See next page 19/36
3. webos Features JavaScript Service Node.js V8 기반 JavaScript 기반플랫폼 (Server-side JavaScript Platform) <HTTP Server 구현예 > Node.js http 모듈활용.. Android.. 20/36
3. webos Features JavaScript Service JS Service 장점 (vs Native) 개발편의성 네이티브서비스대비작은 LOC (lines of code) 가능 활발한 node.js modules ecosystem (npm) 활용가능 앱과서비스개발시동일한환경및 API 사용가능 Luna Bus Web Apps Node Runtime Services 관리편의성 다양한디바이스에쉽게포팅가능 네이티브서비스대비쉬운업데이트가능 Foundations JS Service Services Framework webos Node.js Add-ons 21/36
3. webos Features JavaScript Service Service 종류별응답시갂비교 ( 단위 : 초 ) Static Service Dynamic Service Native Service JavaScript Service JavaScript Service with fork server 0.31 0.32 0.32 0.33 1.09 0.59 Service 종류별메모리사용량비교 ( 단위 : MB) RSS 기준이므로실제메모리사용량은더적음 Native Service JavaScript Service 메모리사용량 1.56 9.52 JavaScript Service with fork server 20.70 ( node_spawner 1.56 + JS Service 9.34 + fork_server 9.8 ) 22/36
3. webos Features Synergy Javascript service framework for 3 rd party developers to add more cloud services to the built-in applications (ex. Contacts, Calendar, Messaging) < Contacts with Synergy > -Account Template (json) -DB (json) -Service (javascript) (Built-in Contact App) (3 rd Party Contact List in Built-in Contact App) 23/36
3. webos Features Touch2Share Seamless connectivity solution between webos devices By tapping one device against the other, a user can share data between two Touch2Share-enabled devices over Bluetooth connection 24/36
3. webos Features DB8 빠르고가벼운 Key-Value 기반 (no-sql) DB 서비스 Data stored as JSON objects in collections Designed for syncing with cloud computing and apps Optional support for backup-restore from cloud Change notification support. App-aware access control. Paging support for queries that can retrieve up to 500 objects at a time. LevelDB as backend 25/36
3. webos Features Fast, standards-compliant, cross-platform web browser QtWebKit 기반 Rendering Engine 빠른성능과표준호환성보장 Enyo 기반 Browser UI Browser UI 구성과테마변경용이 Client-server 기반 Rendering Process Browser UI (client) 와 Rendering Process (server) 를분리하여 Web Site가 Loading 중일때도화면 Scroll 사용가능 ( 반응성이좋음 ) Server Process (Webkit 기반 ) Browser Web Page Web Page Renderer Shared Memory ISIS Browser Client Process (Webkit 기반 ) Browser UI / Web App Enyo Framework + To Frame Buffer 26/36
3. webos Features SDK Ares * IDE Menu - WYSIWYG 및 Code Editor 화면전환 - Create Project - Save - Launch Emulator - Help Browser-based, web-hosted development environment for the creation of webos applications * View 설정 - Pallete - View - Files * Pallete - IDE 상에서다양한 visual component 를지원함 * 편집 Menu - file 경로 - Editor 전환 - undo/redo - cut/copy/paste * Property Menu - Project 전체에적용되는속성 - Settings - Styles - Events - Help * Layout View - 가로모드보기 - 세로모드보기 * Non-Visual Component - Pallete 상에표시된 component 들중화면에표시될수없는 component 들을표시 27/36
3. webos Features SDK Plug-In Development Kit (PDK) Easy porting of C/C++ applications to webos, especially games that use SDL or OpenGL ES (1.1 or 2.0) for 3D graphics Easy integration of C/C++ components to enhance the capabilities of webos applications iphone App over webos Game Developers Conference, 2010 (Need for Speed Undercover, The Sims3, MONOPOLY, Asphalt5, Let's Golf!, Glyder 2, X-Plane, ) * https://developer.palm.com/content/api/dev-guide/pdk/overview.html 28/36
3. webos Features Nyx Platform Portability Layer A layer of abstraction between the higher layers and the physical hardware To be built on any standard Linux kernel Device Type Constant NYX_DEVICE_BATTERY NYX_DEVICE_BLUETOOTH_INPUT_DETECT NYX_DEVICE_CHARGER NYX_DEVICE_DISPLAY NYX_DEVICE_HAPTICS NYX_DEVICE_KEYS NYX_DEVICE_LED NYX_DEVICE_MEDIA_CAMERA NYX_DEVICE_MEMORY NYX_DEVICE_SENSOR_ACCELERATION NYX_DEVICE_SENSOR_ANGULAR_VELOCITY NYX_DEVICE_SENSOR_GRAVITY NYX_DEVICE_SENSOR_MAGNETIC_FIELD NYX_DEVICE_SENSOR_ORIENTATION NYX_DEVICE_SENSOR_PROXIMITY NYX_DEVICE_SENSOR_ROTATION NYX_DEVICE_TOUCHPANEL Device Type String Battery BluetoothInputDetect Charger Display Haptics Keys Led Camera Memory SensorAcceleration SensorAngularVelocity SensorGravity SensorMagneticField SensorOrientation SensorProximity SensorRotation Touchpanel 29/36
3. webos Features Build System Desktop build For enhancing the webos user experience with new features and integrating state of the art open source technologies Developers can now use all their desktop tools on powerful development machines. OpenEmbedded build For porting webos to new and exciting devices OpenEmbedded Widespread community adoption Excellent cross-compiling support for embedded platforms Support for multiple hardware architectures 30/36
4. webos Future Development Roadmap We will continue to innovate and develop for Open webos over the coming months, including the following planned enhancements: webos Core Qt5 / WebKit2 New media architecture Open sourced media and audio components New optimized rendering architecture No custom IPC and rendering mechanism New middleware components BlueZ Bluetooth stack ConnMan network management 31/36
4. webos Future Development Roadmap Enyo Data model integration and binding Optional model-view-controller library Application UI templates for common app layouts Ares Improvements to the Designer component for greater ease of use More code completion and context-sensitive documentation Additional Hermes components to extend the local and cloud file storage options ISIS Implement essential features Improve performance and stability Adhere to web standards Deliver new user experience innovations 32/36
4. webos Future Web App Performance http://www.slideshare.net/corp/alejandro-villanueva-google-inc http://vimeo.com/55486684#t=32 33/36
4. webos Future Vision The best web-standards operating system on the planet. Your content, whenever, where ever you want it. Simple, beautiful user experience. 34/36
4. webos Future Vision How do we get there? Do a few things, but do them really well. Seamless cloud integration. Grow our cross-platform eco-system. Drive web-standards adoption. 35/36
Q & A 36/36