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 출시
20. 현재 출시 단말기 현황
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
21. 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
22. 출시 및 타겟 국가
모바일 신흥국
Firefox 점유율 높은 곳
저가형 시장
모바일 선진국
이통사 파트너
고가형 시장
출시국가: 브라질, 폴란드, 콜롬비아, 베네스엘라, 페루, 우루과이, 독일, 멕시코, 헝가리, 브라질
예정국가: 그리스, 몬테니그로, 중국, 대만, 싱가폴, 아르헨티나, 이탈리아 등
25. 설문조사: 어떤 모바일 플랫폼을 선호하세요?
HTML5
하이브리드
네이티브+웹페이지
http://venturebeat.com/2013/11/20/html5-vs-native-vshybrid-mobile-apps-3500-developers-say-all-three-please/
네이티브만
26. 앱 제작 및 배포 과정
Firefox OS
웹앱 개발
마켓플레이스 제출!
http://marketplace.firefox.com
Desktop
Android
27. 앱 설정: 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를 준수
28. 앱의 종류
앱 종류
세부 분류
호스팅
앱
서버 앱
(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
30. 앱 개발 방법
• 웹 브라우저에서 개발 및 테스트 가능
https://addons.mozilla.org/ko/firefox/addon/firefox-os-simulator
31. 원격 디버깅
• Firefox OS 폰이 연결되면 Push버튼 생성
– 원격 디버깅을 선택한 후, USB연결하면 표시
– 원격 디버깅 설정
• Settings→ Device Information→ More Information →
Developer→ Remote debugging
– Console enabled 등의 설정도 가능
32. 앱 관리자 기능 내장
• Firefox 26부터 가능 (12월 10일 출시 예정)
– 시뮬레이터 기능 및 기기 원격 연결
33. Firefox Marketplace
• 오픈 웹앱 스토어
– 단말기와 운영 체제와 관계 없이 제공할
수 있는 앱 스토어
• Firefox OS, Android 및 PC
• 과금 API는 Firefox OS만 제공
– 웹 기술로만 제공하며, 소스코드도 모두
공개
• 벤더 의존적이지 않고, 인증 및 과금도 자
유롭게 이용 가능
• Marketplace API: http://firefox-marketplaceapi.readthedocs.org/en/latest/index.html
• 커뮤니티 기반 리뷰
– Firefox 부가 기능과 같은 커뮤니티 기반
운영 방식
– 리뷰어 커뮤니티의 공정한 기준에 따라 개
발자 지원 진행
34. 오픈 웹앱 리뷰 커뮤니티
• 커뮤니티를 기반으로 진행하며 참
여신청 가능
– https://blog.mozilla.org/apps/2013/05/2
0/become-a-marketplace-app-reviewer/
• 평가 방법
– 처음 신청 시부터 대기 시간으로 처
리 (원칙적으로 차례로 검토 제안)
– 앱의 크기, 지원 운영 체제의 수, 언
어, 요구하는 사용 권한, 과금 유무
에 따라 시간이 변경 가능
– 판단할 수 없을 때에는 Mozilla 회
사 직원 리뷰 진행
35. 호스팅 앱 리뷰 방법
• 일반 기능 평가
– Manifest 파일 보기 및 앱 설치, 아이콘이나 동작 확인
– 유료 서비스는 개발자에 테스트 계정을 요구(영수증 발급 기능 있는
지 확인)
• https://wiki.mozilla.org/Marketplace/Reviewers/Apps/Testing
• Permission 관련
– 각 허용 요청 항목 마다 어뷰징 케이스 확인
• https://wiki.mozilla.org/Marketplace/Reviewers/Apps/Permissions
36. 패키지 앱 리뷰 방법
• 기본적으로 호스팅 앱과 검토 방법은 동일
• 리뷰어 마다 인증서 설치필요
– 향후 패키지앱에 전자 서명 부착용
• https://wiki.mozilla.org/Marketplace/Reviewers/Apps/InstallingReviewerCerts
• 권한(Privileged) 앱 리뷰 과정
– 현재는 Mozilla Corp. 직원이 리뷰
– Permission 요청한 경우, 파일을 모두 전체 소스 검토
• CSP에 의한 인라인/외부 JS가 없어야 하며, 특별 권한 API를 사용하는 경우 명확
한 사용 위치 기재
– 리뷰 기간은 길어질 가능성 있음
• 인증(Certified) 앱 리뷰 과정
– 단말기 출시 시 협의
• 기본적으로 통신사와 협의 진행 (Carrier-baked)
• 소비자용 제품으로서 Firefox OS 브랜딩
– Firefox OS Certification Process를 통해 진행
37. 오픈 웹앱 유통 지도
기존 OS 구조
Firefox OS 구조
Firefox
Addons
38. 오픈 웹앱의 잇점
소비자
• 잘 돌아가고, 내가 쓰고 싶은 앱 만 있으면 된다!
• 저렴한 가격의 단말 및 서비스 체험 필요
• 모바일 신흥 시장에서의 피처폰 사용자 흡수
통신/제조사
• 폐쇄/독점 상용 플랫폼에서 탈피
• 선불/충전 및 앱 결제 주도권 확보
• 신규 시장의 개척
개발자
• 웹 개발자의 소외는 더 이상 없다!
• 하이브리드 웹 개발의 성장
• 신규 시장의 개척
39. 한국 커뮤니티 진행 사항
• Firefox OS 한국어 버전 개발
– 메시지 번역 작업(완료)
– 한국어 입력기 개발(완료)
– 한글 폰트 탑재(진행 중)
• Firefox OS 지역화 작업
– 지도, 검색 등 기본 기능 로컬 웹 서
비스 연계
네이버/다음 등 기본 앱
– 킬러 모바일 앱에 대한 Firefox OS
http://www.mozilla.or.kr/ko/firefoxos
포팅 및 마켓플레이스 업로드 지원
메신저: 카카오톡/라인/마이피
플등
음악/전자상거래
게임: 단순 오락용
40. 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
41. 주요 오프라인 활동
• Firefox OS App Day 및 코드 파티
• 외부 전시회 Firefox OS 홍보 진행