42
Firefox OS현재와 미래 Channy Yun Mozilla 한국 커뮤니티

Firefox OS Update (2013)

Embed Size (px)

Citation preview

Page 1: Firefox OS Update (2013)

Firefox OS의 현재와 미래

Channy Yun Mozilla 한국 커뮤니티

Page 2: Firefox OS Update (2013)

목차

• 모바일 시대의 현실 • 오픈 웹앱 플랫폼이란? • Firefox OS의 구조 • Firefox OS의 주요 기능 • Firefox OS 웹앱 개발 방법 • Firefox Marketplace 및 앱 리뷰 • 한국 커뮤니티 진행 사항

Page 3: Firefox OS Update (2013)

80년대 PC 시대의 혁신과 흥망성쇠

2010년대 모바일 시대의 혁신

Page 4: Firefox OS Update (2013)

모바일 시대의 현실

• 상용 앱스토어의 독점 현상 • 개발자 생태계 왜곡 • 대안이 되는 환경 부재

• 제 2 웹 브라우저 전쟁 • HTML5 기반 웹 표준 부각 • 웹 애플리케이션에 관심

Page 5: Firefox OS Update (2013)

Messages from Mitchell Baker http://www.youtube.com/watch?v=wjHQ7NRGQL4

Page 6: Firefox OS Update (2013)

제품으로서 Firefox

브라우저 전쟁

IE7~10 Safari

Chrome +

HTML5

1998

파편화 독점 침체 IE6 독점 비표준

왜 Mozilla인가? Back to 1998

• 2002년 5월 Mozilla 1.0 출시 • 2003년 4월 Firefox(구, Phoenix) 프로젝트 시작 • 2004년 6월 WHATWG 공동설립 (HTML5 스펙 시작)

• 2004년 11월 Firefox 1.0 출시

Page 7: Firefox OS Update (2013)

제품으로서 Firefox OS

모바일OS전쟁

안드로이드용 크롬

(모바일 크롬OS?)

Tizen +

Web APIs

2010

파편화 독점 침체

WebView WebKit Blink

Now…

• 2011년 7월 Boot2Gecko 프로젝트 시작 • 2012년 7월 첫 단말기 탑재 데모폰 출시 (Mozilla 내부) • 2013년 2월 MWC 2013 단말기 데모 (외부 첫 시연) • 2013년 4월 Geeksphone 개발자 테스트폰 출시 • 2013년 7월 Firefox OS 소비자 단말기 출시

Page 8: Firefox OS Update (2013)

오픈 웹 플랫폼이란?

웹 애플리케이션(Rich Web, Ajax) 웹 OS (Mobile, App Market)

Page 9: Firefox OS Update (2013)

Firefox OS 구조

Page 10: Firefox OS Update (2013)
Page 11: Firefox OS Update (2013)

네이티브 OS와 비교

Page 12: Firefox OS Update (2013)

Mozilla Web APIs

http://arewemobileyet.com/

Page 13: Firefox OS Update (2013)

웹 표준화 및 작업 현황

https://wiki.mozilla.org/WebAPI

Page 14: Firefox OS Update (2013)

예제: Battery Status API

Firefox OS Android Desktop

Page 15: Firefox OS Update (2013)

Firefos OS의 주요 기능

• 메일, SMS 및 연락처 – 빠른 페이스북 및 지메일 연동 가능

Page 16: Firefox OS Update (2013)

• 카메라 기능 – 사진/동영상 촬영 및 갤러리, 편집 기능 제공

Page 17: Firefox OS Update (2013)

• 멀티미디어 기능 – 음악 재생, 라디오 및 동영상 플레이어 기능 제공

Page 18: Firefox OS Update (2013)

• 맞춤형 앱 검색 기능 – 앱 검색 및 원터치 설치 및 Firefox 마켓플레이스

http://www.youtube.com/watch?v=UG4dgs5Cg8c

Page 19: Firefox OS Update (2013)

글로벌 파트너쉽

통신/제조사

웹서비스 업체

http://www.mozilla.org/ko/firefox/partners/

Page 20: Firefox OS Update (2013)

현재 출시 단말기 현황

Keon: Display: 3.5" HVGA CPU: Snapdragon 1 GHz RAM 512 MB ROM: 4GB Camera 3 MP Battery 1580 mAh

Peak: Display: 4.3" qHD IPS CPU: Snapdragon 1.2 GHz x2 RAM 512 MB ROM: 4GB Camera 8 MP (back) + 2 MP (front) Battery 1800 mAh

ZTE Open: Size: 114 x 62 x 12 mm CPU: Snapdragon 1 GHz RAM 256 MB ROM: 512 MB Display: 3.5" HVGA Battery 1580 mAh

One Touch Fire: Size: 115x62 x12mm Display: 3.5" HVGA CPU: Snapdragon 1 GHz RAM 256 MB ROM: 512 MB Battery 1580 mAh

Page 21: Firefox OS Update (2013)

LG Fireweb: Size: 114 x 67 x 9mm (122g) Display: 4" HVGA CPU: Snapdragon 1 GHz RAM 512 MB ROM: 4GB Camera: 5MP Battery 1540 mAh

http://www.youtube.com/watch?v=t_7sTP7IRn4

Page 22: Firefox OS Update (2013)

출시 및 타겟 국가

출시국가: 브라질, 폴란드, 콜롬비아, 베네스엘라, 페루, 우루과이, 독일, 멕시코, 헝가리, 브라질

예정국가: 그리스, 몬테니그로, 중국, 대만, 싱가폴, 아르헨티나, 이탈리아 등

모바일 신흥국 Firefox 점유율 높은 곳 저가형 시장

모바일 선진국 이통사 파트너 고가형 시장

Page 23: Firefox OS Update (2013)

Firefox OS 웹 앱 개발

Page 24: Firefox OS Update (2013)

웹 개발자 생태계

75만명 94만명

800만명

Page 25: Firefox OS Update (2013)

설문조사: 어떤 모바일 플랫폼을 선호하세요?

http://venturebeat.com/2013/11/20/html5-vs-native-vs-hybrid-mobile-apps-3500-developers-say-all-three-please/

HTML5 하이브리드 네이티브+웹페이지 네이티브만

Page 26: Firefox OS Update (2013)

앱 제작 및 배포 과정

마켓플레이스 제출!

Android Firefox OS

웹앱 개발

http://marketplace.firefox.com Desktop

Page 27: Firefox OS Update (2013)

앱 설정: manifest.webapp

• 앱에 관련된 정보가 담긴 JSON 파일 – 이름, 아이콘, 위치, 허가설정, 설명 등 – .webapp 확장자 및 application/x-web-app-manifest+json 헤더

• 앱이 사용하는 Web Activities, Web API, Cache 위치 및 보안 설정 등 포함 • Same Origin Policy를 준수

Same Origin이란? 도메인과 포트과 동일한 위치를 말하는 것 http://abc.com http://abc.com:80 http://abc.com/cde c.f. www.abc.com test.abc.com:8080

Page 28: Firefox OS Update (2013)

앱의 종류

앱 종류 세부 분류 소개 리뷰 과정

CSP* 강제 여부

Web API 사용 사용 가능 API

호스팅 앱

서버 앱 (Server)

웹사이트에 직접 연결해서 서비스하는 웹앱

없음 X 부분적으로 사용 가능

Alarm Geolocation

GetUserMedia Notification FM Radio

Web Storage (IndexedDB)

패키지 앱 단순 앱

(Plain) 호스팅 앱에 연결하기 위한 단순 데이터 패키지 앱

약식 리뷰

X 부분적으로 사용 가능

권한 앱 (Privileged)

서드 파티 개발자가 사용자 단말에 직접 설치하는 앱 (서명 필요)

소스코드 리뷰

O 사용자 허가 하에 사용

가능

Contacts Device Storage

Keyboard Network

(XHR, Socket)

인증 앱 (Certified)

이통사/제조사들이 직접 제공하는 기본 앱

Mozilla 리뷰

O 사용자 허가 없이도 사용

가능

Telephony Camera Power

Settings Wi-Fi

* CSP(Content Security Policy): 콘텐츠 보안 정책 https://developer.mozilla.org/en-US/docs/Security/CSP/Introducing_Content_Security_Policy

Page 29: Firefox OS Update (2013)

철저한 보안 정책

• 앱별 사용자의 Opt-in/Out 기능 제공

Page 30: Firefox OS Update (2013)

앱 개발 방법

• 웹 브라우저에서 개발 및 테스트 가능

https://addons.mozilla.org/ko/firefox/addon/firefox-os-simulator

Page 31: Firefox OS Update (2013)

원격 디버깅

• Firefox OS 폰이 연결되면 Push버튼 생성 – 원격 디버깅을 선택한 후, USB연결하면 표시 – 원격 디버깅 설정

• Settings→ Device Information→ More Information → Developer→ Remote debugging

– Console enabled 등의 설정도 가능

Page 32: Firefox OS Update (2013)

• Firefox 26부터 가능 (12월 10일 출시 예정) – 시뮬레이터 기능 및 기기 원격 연결

앱 관리자 기능 내장

Page 33: Firefox OS Update (2013)

Firefox Marketplace

• 오픈 웹앱 스토어 – 단말기와 운영 체제와 관계 없이 제공할

수 있는 앱 스토어 • Firefox OS, Android 및 PC • 과금 API는 Firefox OS만 제공

– 웹 기술로만 제공하며, 소스코드도 모두

공개 • 벤더 의존적이지 않고, 인증 및 과금도 자

유롭게 이용 가능 • Marketplace API: http://firefox-marketplace-

api.readthedocs.org/en/latest/index.html

• 커뮤니티 기반 리뷰 – Firefox 부가 기능과 같은 커뮤니티 기반

운영 방식 – 리뷰어 커뮤니티의 공정한 기준에 따라 개

발자 지원 진행

Page 34: Firefox OS Update (2013)

오픈 웹앱 리뷰 커뮤니티

• 커뮤니티를 기반으로 진행하며 참여신청 가능 – https://blog.mozilla.org/apps/2013/05/2

0/become-a-marketplace-app-reviewer/

• 평가 방법 – 처음 신청 시부터 대기 시간으로 처

리 (원칙적으로 차례로 검토 제안) – 앱의 크기, 지원 운영 체제의 수, 언

어, 요구하는 사용 권한, 과금 유무에 따라 시간이 변경 가능

– 판단할 수 없을 때에는 Mozilla 회사 직원 리뷰 진행

Page 35: Firefox OS Update (2013)

호스팅 앱 리뷰 방법

• 일반 기능 평가 – Manifest 파일 보기 및 앱 설치, 아이콘이나 동작 확인 – 유료 서비스는 개발자에 테스트 계정을 요구(영수증 발급 기능 있는

지 확인) • https://wiki.mozilla.org/Marketplace/Reviewers/Apps/Testing

• Permission 관련 – 각 허용 요청 항목 마다 어뷰징 케이스 확인

• https://wiki.mozilla.org/Marketplace/Reviewers/Apps/Permissions

Page 36: Firefox OS Update (2013)

패키지 앱 리뷰 방법

• 기본적으로 호스팅 앱과 검토 방법은 동일

• 리뷰어 마다 인증서 설치필요 – 향후 패키지앱에 전자 서명 부착용

• https://wiki.mozilla.org/Marketplace/Reviewers/Apps/InstallingReviewerCerts

• 권한(Privileged) 앱 리뷰 과정 – 현재는 Mozilla Corp. 직원이 리뷰 – Permission 요청한 경우, 파일을 모두 전체 소스 검토

• CSP에 의한 인라인/외부 JS가 없어야 하며, 특별 권한 API를 사용하는 경우 명확한 사용 위치 기재

– 리뷰 기간은 길어질 가능성 있음

• 인증(Certified) 앱 리뷰 과정 – 단말기 출시 시 협의

• 기본적으로 통신사와 협의 진행 (Carrier-baked) • 소비자용 제품으로서 Firefox OS 브랜딩

– Firefox OS Certification Process를 통해 진행

Page 37: Firefox OS Update (2013)

오픈 웹앱 유통 지도

Firefox Addons

기존 OS 구조 Firefox OS 구조

Page 38: Firefox OS Update (2013)

오픈 웹앱의 잇점

소비자 • 잘 돌아가고, 내가 쓰고 싶은 앱 만 있으면 된다! • 저렴한 가격의 단말 및 서비스 체험 필요 • 모바일 신흥 시장에서의 피처폰 사용자 흡수

통신/제조사 • 폐쇄/독점 상용 플랫폼에서 탈피 • 선불/충전 및 앱 결제 주도권 확보 • 신규 시장의 개척

개발자 • 웹 개발자의 소외는 더 이상 없다! • 하이브리드 웹 개발의 성장 • 신규 시장의 개척

Page 39: Firefox OS Update (2013)

한국 커뮤니티 진행 사항

• Firefox OS 한국어 버전 개발 – 메시지 번역 작업(완료) – 한국어 입력기 개발(완료) – 한글 폰트 탑재(진행 중)

• Firefox OS 지역화 작업

– 지도, 검색 등 기본 기능 로컬 웹 서비스 연계 네이버/다음 등 기본 앱

– 킬러 모바일 앱에 대한 Firefox OS

포팅 및 마켓플레이스 업로드 지원 메신저: 카카오톡/라인/마이피

플 등 음악/전자상거래 게임: 단순 오락용 http://www.mozilla.or.kr/ko/firefoxos

Page 40: Firefox OS Update (2013)

Mozilla Summit 2013- World Fair

• Suh Bomil: 서 보밀 • Oleg Romashin: 올레그 로마신 • Sebastian ortiz: 세바스찬 올티즈 • ruin you: 뤼유

• Heather arthur: 헤더 아터 • mehmood: 멯무드 • Dave zeber: 데이브 제버 • sam: 삼 • joanna: 조앤나

http://www.mozilla.or.kr/MozSummit2013

Page 41: Firefox OS Update (2013)

주요 오프라인 활동

• Firefox OS App Day 및 코드 파티

• 외부 전시회 Firefox OS 홍보 진행

Page 42: Firefox OS Update (2013)

Q&A

http://www.mozilla.or.kr @mozillakr

facebook.com/mozillakr