Firefox OS의
현재와 미래

Channy Yun
Mozilla 한국 커뮤니티
목차
•
•
•
•
•
•
•

모바일 시대의 현실
오픈 웹앱 플랫폼이란?
Firefox OS의 구조
Firefox OS의 주요 기능
Firefox OS 웹앱 개발 방법
Firefox Marketplace 및 앱 리뷰
...
2010년대 모바일
시대의 혁신

80년대 PC 시대의
혁신과 흥망성쇠
모바일 시대의 현실

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

• 상용 앱스토어의 독점 현상
• 개발자 생태계 왜곡
• 대안이 되는 환경 부재
Messages from Mitchell Baker
http://www.youtube.com/watch?v=wjHQ7NRGQL4
왜 Mozilla인가? Back to 1998
IE7~10
Safari
Chrome
+
HTML5

파편화
독점
침체

1998

IE6 독점
비표준

브라우저 전쟁

•
•
•
•

2002년
2003년
2004년
2...
Now…
안드로이드용
크롬

파편화
독점
침체

2010

WebView
WebKit
Blink

모바일OS전쟁

•
•
•
•
•

2011년
2012년
2013년
2013년
2013년

7월
7월
2월
4월
7월

...
오픈 웹 플랫폼이란?

웹 애플리케이션(Rich Web, Ajax)

웹 OS (Mobile, App Market)
Firefox OS 구조
네이티브 OS와 비교
Mozilla Web APIs

http://arewemobileyet.com/
웹 표준화 및 작업 현황

https://wiki.mozilla.org/WebAPI
예제: Battery Status API

Firefox OS

Android

Desktop
Firefos OS의 주요 기능
• 메일, SMS 및 연락처
– 빠른 페이스북 및 지메일 연동 가능
• 카메라 기능
– 사진/동영상 촬영 및 갤러리, 편집 기능 제공
• 멀티미디어 기능
– 음악 재생, 라디오 및 동영상 플레이어 기능 제공
• 맞춤형 앱 검색 기능
– 앱 검색 및 원터치 설치 및 Firefox 마켓플레이스

http://www.youtube.com/watch?v=UG4dgs5Cg8c
글로벌 파트너쉽

통신/제조사

웹서비스 업체

http://www.mozilla.org/ko/firefox/partners/
현재 출시 단말기 현황

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

Peak:
Displ...
LG Fireweb:
Size: 114 x 67 x 9mm (122g)
Display: 4" HVGA
CPU: Snapdragon 1 GHz
RAM 512 MB
ROM: 4GB
Camera: 5MP
Battery 154...
출시 및 타겟 국가

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

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

출시국가: 브라질, 폴란드, 콜롬비아, 베네스엘라, 페루, 우루과이, 독일, 멕시코, 헝가리, ...
Firefox OS 웹 앱 개발
웹 개발자 생태계

800만명

75만명

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

HTML5

하이브리드

네이티브+웹페이지

http://venturebeat.com/2013/11/20/html5-vs-native-vshybrid-mobile-apps-...
앱 제작 및 배포 과정

Firefox OS

웹앱 개발

마켓플레이스 제출!
http://marketplace.firefox.com

Desktop

Android
앱 설정: manifest.webapp
Same Origin이란?
도메인과 포트과 동일한
위치를 말하는 것
http://abc.com
http://abc.com:80
http://abc.com/cde
c.f.

•

w...
앱의 종류
앱 종류

세부 분류

호스팅
앱

서버 앱
(Server)

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

단순 앱
(Plain)

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

패키지
앱

소개

서...
철저한 보안 정책
• 앱별 사용자의 Opt-in/Out 기능 제공
앱 개발 방법
• 웹 브라우저에서 개발 및 테스트 가능

https://addons.mozilla.org/ko/firefox/addon/firefox-os-simulator
원격 디버깅

• Firefox OS 폰이 연결되면 Push버튼 생성
– 원격 디버깅을 선택한 후, USB연결하면 표시
– 원격 디버깅 설정
• Settings→ Device Information→ More Inform...
앱 관리자 기능 내장
• Firefox 26부터 가능 (12월 10일 출시 예정)
– 시뮬레이터 기능 및 기기 원격 연결
Firefox Marketplace
• 오픈 웹앱 스토어
– 단말기와 운영 체제와 관계 없이 제공할
수 있는 앱 스토어
• Firefox OS, Android 및 PC
• 과금 API는 Firefox OS만 제공

– ...
오픈 웹앱 리뷰 커뮤니티
• 커뮤니티를 기반으로 진행하며 참
여신청 가능
– https://blog.mozilla.org/apps/2013/05/2
0/become-a-marketplace-app-reviewer/

•...
호스팅 앱 리뷰 방법
• 일반 기능 평가
– Manifest 파일 보기 및 앱 설치, 아이콘이나 동작 확인
– 유료 서비스는 개발자에 테스트 계정을 요구(영수증 발급 기능 있는
지 확인)
• https://wiki.mo...
패키지 앱 리뷰 방법
• 기본적으로 호스팅 앱과 검토 방법은 동일
• 리뷰어 마다 인증서 설치필요
– 향후 패키지앱에 전자 서명 부착용
• https://wiki.mozilla.org/Marketplace/Reviewe...
오픈 웹앱 유통 지도
기존 OS 구조

Firefox OS 구조
Firefox
Addons
오픈 웹앱의 잇점

소비자

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

통신/제조사

• 폐쇄/독점 상용 플랫폼에...
한국 커뮤니티 진행 사항
• Firefox OS 한국어 버전 개발

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

– 지도, 검색 등 기본...
Mozilla Summit 2013- World Fair

•
•
•
•

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

•...
주요 오프라인 활동
• Firefox OS App Day 및 코드 파티

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

http://www.mozilla.or.kr
@mozillakr
facebook.com/mozillakr
Firefox OS Update (2013)
Upcoming SlideShare
Loading in...5
×

Firefox OS Update (2013)

4,507

Published on

Published in: Technology
3 Comments
12 Likes
Statistics
Notes
No Downloads
Views
Total Views
4,507
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
99
Comments
3
Likes
12
Embeds 0
No embeds

No notes for slide

Transcript of "Firefox OS Update (2013)"

  1. 1. Firefox OS의 현재와 미래 Channy Yun Mozilla 한국 커뮤니티
  2. 2. 목차 • • • • • • • 모바일 시대의 현실 오픈 웹앱 플랫폼이란? Firefox OS의 구조 Firefox OS의 주요 기능 Firefox OS 웹앱 개발 방법 Firefox Marketplace 및 앱 리뷰 한국 커뮤니티 진행 사항
  3. 3. 2010년대 모바일 시대의 혁신 80년대 PC 시대의 혁신과 흥망성쇠
  4. 4. 모바일 시대의 현실 • 제 2 웹 브라우저 전쟁 • HTML5 기반 웹 표준 부각 • 웹 애플리케이션에 관심 • 상용 앱스토어의 독점 현상 • 개발자 생태계 왜곡 • 대안이 되는 환경 부재
  5. 5. Messages from Mitchell Baker http://www.youtube.com/watch?v=wjHQ7NRGQL4
  6. 6. 왜 Mozilla인가? Back to 1998 IE7~10 Safari Chrome + HTML5 파편화 독점 침체 1998 IE6 독점 비표준 브라우저 전쟁 • • • • 2002년 2003년 2004년 2004년 제품으로서 Firefox 5월 Mozilla 1.0 출시 4월 Firefox(구, Phoenix) 프로젝트 시작 6월 WHATWG 공동설립 (HTML5 스펙 시작) 11월 Firefox 1.0 출시
  7. 7. Now… 안드로이드용 크롬 파편화 독점 침체 2010 WebView WebKit Blink 모바일OS전쟁 • • • • • 2011년 2012년 2013년 2013년 2013년 7월 7월 2월 4월 7월 (모바일 크롬OS?) Tizen + Web APIs 제품으로서 Firefox OS Boot2Gecko 프로젝트 시작 첫 단말기 탑재 데모폰 출시 (Mozilla 내부) MWC 2013 단말기 데모 (외부 첫 시연) Geeksphone 개발자 테스트폰 출시 Firefox OS 소비자 단말기 출시
  8. 8. 오픈 웹 플랫폼이란? 웹 애플리케이션(Rich Web, Ajax) 웹 OS (Mobile, App Market)
  9. 9. Firefox OS 구조
  10. 10. 네이티브 OS와 비교
  11. 11. Mozilla Web APIs http://arewemobileyet.com/
  12. 12. 웹 표준화 및 작업 현황 https://wiki.mozilla.org/WebAPI
  13. 13. 예제: Battery Status API Firefox OS Android Desktop
  14. 14. Firefos OS의 주요 기능 • 메일, SMS 및 연락처 – 빠른 페이스북 및 지메일 연동 가능
  15. 15. • 카메라 기능 – 사진/동영상 촬영 및 갤러리, 편집 기능 제공
  16. 16. • 멀티미디어 기능 – 음악 재생, 라디오 및 동영상 플레이어 기능 제공
  17. 17. • 맞춤형 앱 검색 기능 – 앱 검색 및 원터치 설치 및 Firefox 마켓플레이스 http://www.youtube.com/watch?v=UG4dgs5Cg8c
  18. 18. 글로벌 파트너쉽 통신/제조사 웹서비스 업체 http://www.mozilla.org/ko/firefox/partners/
  19. 19. 현재 출시 단말기 현황 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: One Touch Fire: Size: 114 x 62 x 12 mm CPU: Snapdragon 1 GHz RAM 256 MB ROM: 512 MB Display: 3.5" HVGA Battery 1580 mAh Size: 115x62 x12mm Display: 3.5" HVGA CPU: Snapdragon 1 GHz RAM 256 MB ROM: 512 MB Battery 1580 mAh
  20. 20. 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
  21. 21. 출시 및 타겟 국가 모바일 신흥국 Firefox 점유율 높은 곳 저가형 시장 모바일 선진국 이통사 파트너 고가형 시장 출시국가: 브라질, 폴란드, 콜롬비아, 베네스엘라, 페루, 우루과이, 독일, 멕시코, 헝가리, 브라질 예정국가: 그리스, 몬테니그로, 중국, 대만, 싱가폴, 아르헨티나, 이탈리아 등
  22. 22. Firefox OS 웹 앱 개발
  23. 23. 웹 개발자 생태계 800만명 75만명 94만명
  24. 24. 설문조사: 어떤 모바일 플랫폼을 선호하세요? HTML5 하이브리드 네이티브+웹페이지 http://venturebeat.com/2013/11/20/html5-vs-native-vshybrid-mobile-apps-3500-developers-say-all-three-please/ 네이티브만
  25. 25. 앱 제작 및 배포 과정 Firefox OS 웹앱 개발 마켓플레이스 제출! http://marketplace.firefox.com Desktop Android
  26. 26. 앱 설정: manifest.webapp Same Origin이란? 도메인과 포트과 동일한 위치를 말하는 것 http://abc.com http://abc.com:80 http://abc.com/cde c.f. • www.abc.com test.abc.com:8080 앱에 관련된 정보가 담긴 JSON 파일 – 이름, 아이콘, 위치, 허가설정, 설명 등 – .webapp 확장자 및 application/x-web-app-manifest+json 헤더 • • 앱이 사용하는 Web Activities, Web API, Cache 위치 및 보안 설정 등 포함 Same Origin Policy를 준수
  27. 27. 앱의 종류 앱 종류 세부 분류 호스팅 앱 서버 앱 (Server) 웹사이트에 직접 연결해 서 서비스하는 웹앱 단순 앱 (Plain) 호스팅 앱에 연결하기 위 한 단순 데이터 패키지 앱 패키지 앱 소개 서드 파티 개발자가 사용 권한 앱 자 단말에 직접 설치하는 (Privileged) 앱 (서명 필요) 인증 앱 (Certified) 이통사/제조사들이 직접 제공하는 기본 앱 리뷰 과 정 CSP* 강제 여부 Web API 사용 없음 X 부분적으로 사용 가능 약식 리 뷰 X 부분적으로 사용 가능 소스코 드 리뷰 Mozilla 리뷰 사용 가능 API Alarm Geolocation GetUserMedia Notification FM Radio Web Storage (IndexedDB) O 사용자 허가 하에 사용 가능 Contacts Device Storage Keyboard Network (XHR, Socket) O 사용자 허가 없이도 사용 가능 Telephony Camera Power Settings Wi-Fi * CSP(Content Security Policy): 콘텐츠 보안 정책 https://developer.mozilla.org/en-US/docs/Security/CSP/Introducing_Content_Security_Policy
  28. 28. 철저한 보안 정책 • 앱별 사용자의 Opt-in/Out 기능 제공
  29. 29. 앱 개발 방법 • 웹 브라우저에서 개발 및 테스트 가능 https://addons.mozilla.org/ko/firefox/addon/firefox-os-simulator
  30. 30. 원격 디버깅 • Firefox OS 폰이 연결되면 Push버튼 생성 – 원격 디버깅을 선택한 후, USB연결하면 표시 – 원격 디버깅 설정 • Settings→ Device Information→ More Information → Developer→ Remote debugging – Console enabled 등의 설정도 가능
  31. 31. 앱 관리자 기능 내장 • Firefox 26부터 가능 (12월 10일 출시 예정) – 시뮬레이터 기능 및 기기 원격 연결
  32. 32. Firefox Marketplace • 오픈 웹앱 스토어 – 단말기와 운영 체제와 관계 없이 제공할 수 있는 앱 스토어 • Firefox OS, Android 및 PC • 과금 API는 Firefox OS만 제공 – 웹 기술로만 제공하며, 소스코드도 모두 공개 • 벤더 의존적이지 않고, 인증 및 과금도 자 유롭게 이용 가능 • Marketplace API: http://firefox-marketplaceapi.readthedocs.org/en/latest/index.html • 커뮤니티 기반 리뷰 – Firefox 부가 기능과 같은 커뮤니티 기반 운영 방식 – 리뷰어 커뮤니티의 공정한 기준에 따라 개 발자 지원 진행
  33. 33. 오픈 웹앱 리뷰 커뮤니티 • 커뮤니티를 기반으로 진행하며 참 여신청 가능 – https://blog.mozilla.org/apps/2013/05/2 0/become-a-marketplace-app-reviewer/ • 평가 방법 – 처음 신청 시부터 대기 시간으로 처 리 (원칙적으로 차례로 검토 제안) – 앱의 크기, 지원 운영 체제의 수, 언 어, 요구하는 사용 권한, 과금 유무 에 따라 시간이 변경 가능 – 판단할 수 없을 때에는 Mozilla 회 사 직원 리뷰 진행
  34. 34. 호스팅 앱 리뷰 방법 • 일반 기능 평가 – Manifest 파일 보기 및 앱 설치, 아이콘이나 동작 확인 – 유료 서비스는 개발자에 테스트 계정을 요구(영수증 발급 기능 있는 지 확인) • https://wiki.mozilla.org/Marketplace/Reviewers/Apps/Testing • Permission 관련 – 각 허용 요청 항목 마다 어뷰징 케이스 확인 • https://wiki.mozilla.org/Marketplace/Reviewers/Apps/Permissions
  35. 35. 패키지 앱 리뷰 방법 • 기본적으로 호스팅 앱과 검토 방법은 동일 • 리뷰어 마다 인증서 설치필요 – 향후 패키지앱에 전자 서명 부착용 • https://wiki.mozilla.org/Marketplace/Reviewers/Apps/InstallingReviewerCerts • 권한(Privileged) 앱 리뷰 과정 – 현재는 Mozilla Corp. 직원이 리뷰 – Permission 요청한 경우, 파일을 모두 전체 소스 검토 • CSP에 의한 인라인/외부 JS가 없어야 하며, 특별 권한 API를 사용하는 경우 명확 한 사용 위치 기재 – 리뷰 기간은 길어질 가능성 있음 • 인증(Certified) 앱 리뷰 과정 – 단말기 출시 시 협의 • 기본적으로 통신사와 협의 진행 (Carrier-baked) • 소비자용 제품으로서 Firefox OS 브랜딩 – Firefox OS Certification Process를 통해 진행
  36. 36. 오픈 웹앱 유통 지도 기존 OS 구조 Firefox OS 구조 Firefox Addons
  37. 37. 오픈 웹앱의 잇점 소비자 • 잘 돌아가고, 내가 쓰고 싶은 앱 만 있으면 된다! • 저렴한 가격의 단말 및 서비스 체험 필요 • 모바일 신흥 시장에서의 피처폰 사용자 흡수 통신/제조사 • 폐쇄/독점 상용 플랫폼에서 탈피 • 선불/충전 및 앱 결제 주도권 확보 • 신규 시장의 개척 개발자 • 웹 개발자의 소외는 더 이상 없다! • 하이브리드 웹 개발의 성장 • 신규 시장의 개척
  38. 38. 한국 커뮤니티 진행 사항 • Firefox OS 한국어 버전 개발 – 메시지 번역 작업(완료) – 한국어 입력기 개발(완료) – 한글 폰트 탑재(진행 중) • Firefox OS 지역화 작업 – 지도, 검색 등 기본 기능 로컬 웹 서 비스 연계  네이버/다음 등 기본 앱 – 킬러 모바일 앱에 대한 Firefox OS http://www.mozilla.or.kr/ko/firefoxos 포팅 및 마켓플레이스 업로드 지원  메신저: 카카오톡/라인/마이피 플등  음악/전자상거래  게임: 단순 오락용
  39. 39. 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
  40. 40. 주요 오프라인 활동 • Firefox OS App Day 및 코드 파티 • 외부 전시회 Firefox OS 홍보 진행
  41. 41. Q&A http://www.mozilla.or.kr @mozillakr facebook.com/mozillakr
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×