webOS Engineering Blog

본격적인 media 불러오기에 앞서 HTML 사용 com.webos.media 사용 * 이 포스팅은 w3school : HTML Video와 webOS 개발자 사이트 : com.webos.media를 참고하여 작성되었습니다. 본격적인 media 불러오기에 앞서 이번 시간에는 media를 포함한 web app을 개발해봅니다. 이미 알고있듯, webOS는 web app 실행환경을 제공하는 web 기반 플랫폼입니다. 따라서 HTML5, CSS, JavaScript를 활용하는 일반적인 web app을 만드는 방식으로 webOS를 위한 web app 개발 또한 쉽게 가능합니다. 본 글에서는 media 중에서도 video를 포함한 web app을 생성하고 webOS에서 실행하였습니다. HTML5의 태그를 사용하기 ..

이 포스팅은 webOS OSE 개발자 사이트: com.webos.service.db, webOS TV 개발자 사이트: DB8 Basics, webOS TV 개발자 사이트: DB8, webOS TV 개발자 사이트: Database 를 참고하여 작성되었습니다. DB8이란 무엇인가 DB8 method DB8 실습하기 DB8이란 무엇인가? 1. Database API DB8 데이터베이스란 여러 사람에게 공유되어 사용될 목적으로 통합하여 관리되는 데이터의 집합입니다. 이를 이용하면 데이터가 중복되는 문제를 없앨 수 있어 데이터를 효율적으로 사용할 수 있게 됩니다. DB8은 webOS TV에서 사용하는 저장 방식입니다. Luna Bus에서 사용할 수 있는 서비스이며 내장된 JSON 데이터베이스에 대한 인터페이스입니..

enact 기본 템플릿으로 앱 만들기 toggle 버튼 넣기 toggle 버튼 눌렀을 때 -> gpio 제어하는 루나 서비스 이용해서 led 켜기/끄기 GPIO 제어하는 루나 서비스 이용해서 LED 켜기/끄기 이 포스팅에서는 GPIO를 제어하는 루나 서비스를 활용하여 LED 제어하는 실습을 해보겠습니다. 먼저, GPIO란 General-Purpose Input/Output의 약자로 입력이나 출력을 포함한 동작이 사용자에 의해 직접 제어될 수 있는 직접회로나 전기 회로 기판의 디지털 신호 핀을 말합니다. 이번 실습에서는 LED 제어를 위해 GPIO를 활용할 것입니다. 1. Enact 기본 앱 만들기 이전에 포스팅한 'webOS Enact 사용하기'를 활용하여 앱을 만들어주면 됩니다. https://webo..

Enact-app에서 toggle후 msgtype이 'command'로 server에 전달 Enact web-app에서 메세지를 받은 후 서버와 클라이언트의 통신 Enact-app에서 toast message가 띄워짐 시스템 연동 1. Enact-app에서 toggle 후 msgtype이 'command'로 server에 전달 toggleHandler 함수 코드(Enact webapplication) const toggleHandler = (e) => { console.log('Switch toggled ' + e.selected); var ledStatusText = 'Off'; if(e.selected) { ledStatusText = 'On'; } var command = { 'msgType' : ..

WebSocket server 전체 시스템 소개 ESP+LED+websocket Enact webapplication websocket server 시스템 연동 1. 개요 코드를 보면, 크게 SimpleEcho와 SimpleIoT 로 나눌 수 있습니다. class SimpleEcho(WebSocket): SimpleEcho는 반사, 반환을 하는 것입니다. socket server와 ESP 간의 신호를 전송할 때, ESP에서 신호가 server로 간 뒤, 바로 ESP에 반사되어 전송되는 것입니다. class SimpleIoT(WebSocket): SimpleIoT는 socket server와 ESP, Enact-app간의 신호를 교환힙니다. 'msgType' : 'status' msgType이 'statu..

지난 시간에는 ESP와 LED, websocket을 연동하는 것까지 실습해보았습니다. 이번 시간에는 led-control과 관련하여 Enact webapplication 개발을 다룹니다. 전체 시스템 소개 ESP+LED+websocket Enact webapplication websocket server 시스템 연동 Enact webapplication 개발하기 1. Enact 기본 앱 만들기 Enact webapplication의 설치는 기존 게시글을 참고해주세요. Button, Switch 등 기능을 사용할 수 있도록 MainPanel.js에 아래의 코드를 추가합니다. import Button from '@enact/sandstone/Button'; import kind from '@enact/cor..

전체 시스템 소개 ESP+LED+websocket Enact webapplication websocket server 시스템 연동 ESP와 LED, Websocket 연결하기 먼저, Enact web application을 제외한 ESP보드 및 LED (websocket 클라이언트)와 서버의 통신에 대해 알아보겠습니다. 1. websocket server 만들기 from simple_websocket_server import WebSocketServer, WebSocket import json class SimpleEcho(WebSocket): def connected(self): print(self.address, 'connected') self.send_message('Hi') def handle(s..

이번 포스팅에서는 webOS를 활용한 LED 제어하는 과정에 대해 다뤄보겠습니다. webOS Open Source Edition : WebSocket Communication on webOS 를 참고하여 작성하였습니다. 전체 시스템 소개 ESP+LED+websocket Enact webapplication websocket server 시스템 연동 Introduction 1. Interaction Objects Client (ESP8266, LED, WebSocket) Enact WebApplication (webOS 기반) WebSocket Server 2. WebSocket WebSocket 이란? ▶ WebSocket 은 하나의 전송 제어 프로토콜(TCP) 접속에 전이중 통신 채널을 제공하는 컴퓨터..

LS2 API 호출하기 1. Permission 추가하기 먼저 아래의 명령어를 입력해 target device의 shell에 접속합니다. > ares-shell -d Luna Service API를 사용하기 위해서는 \webos-meta\appinfo.json 파일에서 requiredPermissions를 추가해야 합니다. 각 API마다 추가할 내용이 달라지기 때문에 아래의 코드를 입력해 확인해 줍니다. > ls-moniter -i com.webos.notification 저희는 notification API의 createToast를 사용할 예정이기 때문에 위와 같은 코드를 추가해야합니다. { "id": "com.enact.lsapp", "version": "1.0.0", "vendor": "cosmos..

이 포스트는 webOS OSE 개발자 사이트: WebOSServiceBridge , webOS OSE 개발자 사이트: com.webos.notification을 참고하여 작성되었습니다. 전체 코드 미리보기 Luna Service API 호출하기 Luna Service API : toast 사용하기 (method) 전체 코드 미리보기 오늘 공부할 Luna Service API, 그 중에서도 toast 사용하기의 전체 코드입니다. Hello, Web Application!! create toast Luna Service API 호출하기 먼저 https://webos-supporters.tistory.com/19 페이지를 참고하여 appinfo.json 파일에서 Luna Service API를 호출할 준비를 ..