Future Web Forum 2009

Fennec 의 현재와 미래

2009 9.4

허준회 / 삼성전자 DMC 연구소

2Future Web Forum 2009

오늘의 이야기

• Mozilla Mobile & Fennec

• 주요 기능

• 기술적 이슈

• 향후 계획

Future Web Forum 2009

Mozilla Mobile & Fennec Project

4Future Web Forum 2009

Mozilla Mobile

• The Web as Mobile Development Platform

• Desktop 과 Mobile 에서 같은 웹을 경험

5Future Web Forum 2009

Mozilla Mobile 의 첫걸음

• 2004 년 Minimo Project 시작 (Doug Turner)

• 2007 년 0.2 버전으로 종료

• Firefox2.0 기반 XUL 사용

http://www-archive.mozilla.org/projects/minimo/

6Future Web Forum 2009

Nokia Maemo MicroB

• Firefox 3.0 alpha6 기반• Maemo 4.0 지원• N810 기본 탑재• XUL 제거 / Flash 지원

7Future Web Forum 2009

Mozilla Mobile 시작

• 2007 년 10 월 9 일 블로그로 공식 시작을 알림– http://blog.mozilla.com/schrep/2007/10/09/mozilla-and-mobile/

• Mobile Team 구성– Openwave, France Telecom 에서 전문 인력 영입

– Windows Mobile 개발자 채용

– Minimo 개발자 참여

8Future Web Forum 2009

Fennec 의 개발 목적

• Mobile 용 오픈 소스 브라우저 엔진 제공– Mobile 에 최적화

– 표준 기반

– 누구나 브라우저 개발 가능

• Mobile 커뮤니티 성장

• Mobile Web Application 개발 지원– 필요한 문서 , 도구 제공 (DOM Inspector)

• Desktop 과 Mobile 이 함께 발전– Mozilla 코드 및 기능 공유

9Future Web Forum 2009

설계 원칙

• Firefox 와 가능한 가깝게

• 빠른 성능

• 단순함

• Device 기능 활용

• 작은 화면 활용

• * 터치 인터페이스 지원

10Future Web Forum 2009

같은 Mozilla Platform 사용

Fennec

© Christian Sejersen

11Future Web Forum 2009

기능 및 개선사항을 함께 공유

© Christian Sejersen

12Future Web Forum 2009

Desktop 브라우저와 가장 호환성 높다

≒

13Future Web Forum 2009

초기 Fennec..

• Fennec 0.4 2008 년 3 월

14Future Web Forum 2009

UX Brainstorming

15Future Web Forum 2009

최종 User Interface

https://wiki.mozilla.org/Mobile/UI/Designs/TouchScreen/workingUI

Future Web Forum 2009

주요 기능

17Future Web Forum 2009

Awesome Bar & 통합 검색 엔진

18Future Web Forum 2009

Control Strip

• UI 구성요소 웹 페이지와 함께 스크롤 가능

19Future Web Forum 2009

Zoom-out

20Future Web Forum 2009

Zoom-in

21Future Web Forum 2009

Tab Browsing

22Future Web Forum 2009

Bookmark

23Future Web Forum 2009

검색 가능한 다운로드 관리자

24Future Web Forum 2009

Add-ons 지원

• Fennec 에서 바로 Add-ons 검색 및 설치 가능

• Firefox Add-ons 수정하여 적용 가능

25Future Web Forum 2009

Add-ons for Fennec

• 16 개 Add-ons 개발됨

https://addons.mozilla.org/en-US/fennec/collection/fennec-amo

Add-ons 예

Weather Channel

URL Fixer

No Script

Wikipedia

InstantTweets

TubeStop

DOM Inspector

26Future Web Forum 2009

Geolocation 지원

• 서버에 위치 정보 전송• 위치 기반 서비스 제공 받음• Firefox 3.5 Beta4 와 함께

지원

http://en-us.www.mozilla.com/en-US/firefox/geolocation/

27Future Web Forum 2009

Weave 연동• Sync Bookmarks• Sync Tabs• Sync History• Sync Passwords• Sync Preferences

https://labs.mozilla.com/blog/2009/06/weave-0-4-0-released/

28Future Web Forum 2009

Weave add-on for Fennec

https://addons.mozilla.org/en-US/fennec/addon/10868

29Future Web Forum 2009

30Future Web Forum 2009

Device API

– Geolocation, Camera Access– Phone Call– SMS Send/Receive– Mouse Pressure, Local File Access– Accelerometers, Microphone– Ambient Noise, Ambient Light– Signal Strength– Haptics, LED– Wheel Key, TV Out

31Future Web Forum 2009

OS & Devices 지원

• OS 지원– Linux (Maemo 4.0, LiMo)– Windows Mobile 6.1

– Symbian ( 개발 중 )

• Devices 지원– Nokia Maemo N810– HTC Touch Pro– Samsung Omina

Future Web Forum 2009

기술적 이슈

33Future Web Forum 2009

웹 페이지 출력

• Fullzoom 성능 문제

• Canvas Element 에 웹페이지 출력

• Zoom in/out 성능 향상

https://wiki.mozilla.org/Mobile/Fennec/Architecture

34Future Web Forum 2009

MozAfterPaint

• Ajax 컨텐츠의 경우 , 특정 영역에 변경 발생

• 웹 페이지가 갱신될 때 , MozAfterPaint 이벤트 발생

• 변경이 필요한 영역 정보를 받음

• Firefox 3.1 에 추가됨

https://developer.mozilla.org/web-tech/2008/10/13/mozafterpaint/

변경변경 부분만 반영

35Future Web Forum 2009

Tile Cache 지원 전

• 일정 영역을 그린 후 메모리에 보관

• 해당 영역을 벗어나면 전체 다시 그리기

http://froystig.wordpress.com/2009/08/20/rendering-with-tiles-in-fennec/

36Future Web Forum 2009

Tile Cache 지원

• Viewport 를 tile 로 나눔• 한번 그린 영역은 보관• 보이지 않는 주변 영역을 미리 그림

http://froystig.wordpress.com/2009/08/20/rendering-with-tiles-in-fennec/

37Future Web Forum 2009

메모리 단편화 문제

• Fennec Pre alpha for Windows Mobile (2009 2.10)

• Heap 메모리 공간의 단편화 문제

• Windows CE malloc 대신 Jemalloc 을 사용

http://blog.pavlov.net/2008/03/11/firefox-3-memory-usage/

38Future Web Forum 2009

JIT (Just in Time Compiler) 지원

Tracemonkey

컴파일러자바스크립트 파서 바이트

코드 생성

인터프리터

Tracer바이트 코드 실행

JIT

기계어코드 생성

바이트코드

Hot Spot

http://www.gyuyoung.net/entry/Tracemonkey-Big-Picture

39Future Web Forum 2009

Tracemonkey 성능 결과

• ARM 아키텍처에 최적화됨http://blog.vlad1.com/2008/09/11/tracemonkey-coming-to-a-pocket-near-you/

40Future Web Forum 2009

다양한 Device 지원

• 키보드 지원– 옴니아 : 키보드 없음 (Full touch phone)

– 미라지 (i780) : 하드웨어 키보드 지원

– HTC Touch Pro : Slide-out 키보드 지원

• 서로 다른 Device API• 가속도계 (Accelerometer) 지원

– SmiAccelerometerGetVector (Samsung) – HTCSensorGetDataOutput (HTC)

• Slide-out 키보드 상태 – SmiSliderGetState (Samsung)

– API 없음 (HTC)

41Future Web Forum 2009

Samsung Windows Mobile SDK

• 다양한 Device API 공식 지원

http://innovator.samsungmobile.com

42Future Web Forum 2009

모든 Device 지원은 ??

• 커뮤니티의 협조 필요

http://groups.google.com/group/mozilla.dev.platforms.mobile?lnk=

43Future Web Forum 2009

향후 계획

• Maemo– 2009 년 내 , 정식 릴리스

• Windows Mobile– 2009 년 내 , Maemo 용 출시 후 , 정식 릴리스

• Symbian – 2010 년 정식 릴리스 예정

• Android– 검토 중

• iPhone OS– Apple 이 정책을 바꾸면 , 개발 가능

http://lifehacker.com/5334434/mozilla-vp-on-what-firefox-mobile-means-for-your-phone

44Future Web Forum 2009

Fennec 의 미래

• Mobile Application Development Platform

XUL Runner for Mobile

FennecThunderbird

MobileWidget

Phone Application

Mobile Devices

Device APIs (Geolocation, Camera, Phone, Accelerometer, Orientation…)

Facebook Twitter

45Future Web Forum 2009

참여하세요 !

• http://wiki.mozilla.org/mobile

• http://bugzilla.mozilla.org

46Future Web Forum 2009

참고

• http://wiki.mozilla.org/mobile• http://en.wikipedia.org/wiki/Minimo• http://starkravingfinkle.org/blog/2009/03/fennec-10-beta-1-new-and-notable/