모바일 웹과 사용자 인터페이스 , 그리고 iPhone

1. 2nd MobileWebAppsCamp 모바일 웹과 사용자 인터페이스, 그리고 iPhone 2007. 9. 20. 카페명 변경 (모바일 투데이 -> 2008코리아안드로이드) http://cafe.naver.com/mobitoday.cafe 카.페.지.기.들풀

2. 애플 iPhone에 대한 개괄 Apple iPhone에 주목하는 이유 Apple iPhone의 구성 및 차별화 요소 Apple Computer Inc. → Apple Inc. (2007.1.9.)

3. 애플 iPhone에 대한 개괄 우리가 iPhone에 주목하는(했던) 이유는? - Hardware 사양 - 사용자 인터페이스 - 탑재된 Software - iPod 성공 이후의 애플 야심작에 대한 기대 - 폰 디자인 프로세스의 변화 또는 혁신

4. 애플 iPhone에 대한 개괄

5. GUI : Graphical User Interface GUI에 대한 개괄 웹 표준과 브라우저 기술, GUI GUI / GDI관련 Infra 기술

6. GUI에 대한 개괄 - 1973년 : Xerox Alto - GUI 최초 구현 (Icon, Window, Mouse, etc) ※ Small Talk 란 프로그래밍언어를 개발한 것으로 유명한 앨런 케이는 1972년 제록사의 PARC(Palo Alto Research Center)에서 GUI에 대한 개념과 기술 구현에 대한 연구를 진행하였음. 케이는 1960년대 후반부터 맥루한의 미디어 이론과 제롬 부루너의 인지이론을 점목해 어린이가 컴퓨터와 경험을 공유할 수 있는 환경으로 GUI를 제안했다. GUI는 문자를 대신해 정보를 전달하는 아이콘, 스크린을 효율적으로 활용하는 중첩 윈도우, 더글러스 엥겔바트가 개발한 마우스라는 입력장치로 구성되었다. • - 1976년 : Apple사 설립 및 AppleⅠ출시, 1977년 : Apple Ⅱ 출시 (큰 성공을 거둠) • 1979년 : Steve Jobs Xerox의 PARC 방문, 알토컴퓨터를 보고, • 차세대 컴퓨터에 적용할 '데스크탑 메타포'란 개념을 만들어 냄. • - 1983년 : Apple사 LISA 출시 - 현재 존재하는 GUI를 사실상 완성 (사업적으로는 실패) • 1984년 : 애플사 Macintosh 출시 (큰 성공을 거둠) • 1986년 : Steve Jobs Apple사를 떠남 • NeXT computer 설립 • (→ WWW, Doom, MaxOS X) • - 1990년 : 마이크로소프트 윈도우 3.0 출시 • 1992년 : 마이크로소프트 윈도우 3.1 출시 • 1996년 : 애플사 NeXT 매입, 1997년 : Steve Jobs Apple CEO 복귀 • 2001년 : iPod 출시, 2003년 : iTunes, 2005년 iTunes Video 자세한 내용은 이곳을 http://cafe.naver.com/mobitoday/10참고하세요

7. 웹 표준 및 브라우저 기술, GUI & GDI / GTK의 발전방향 • Web의 성공 전제 조건 • HTML : SGML 기반의 쉽고 모호한 마크업 언어 (Compound Document Format의 근간) • Internet : TCP/IP기반의 Decentralized Network • CSS : HTML로 부터 의미와 스타일의 분리, 그리고 Cascade. • DOM : Dynamic한 HTML을 가능하게 함. • ECMAScript : 표준 Script 언어. • Dynamic HTML의 Interface : Event DOM 과 Keyboard & Mouse • Web Browser 기술의 구성요소 • Network : Network Performance Issue • - Parser : HTML, CSS, JavaScript, XML, 등등 • Layout Engine : Block, Inline, Table, • JavaScript Engine : JavaScript Interpreter & Executor Performance (JIT Issue) • DOM Interface Engine : COM/DCOM, XPCOM • Rendering : GDI, GTK 등의 System 영역에 의존 • Event Handling : GDI, GTK 등의 System 영역에 의존 • GUI & GDI/GTK 발전 방향 –XML 기반의 Vector Processing 활용 • Linux : XUL & SVG Support (Cairo, PANGO , FreeType, FontConfig) • Window Vista : AVALON(XUL + SVG, METRO) & INDIGO

8. GUI & GDI 관련 인프라 기술 Font 인프라기술의 중요성 TrueType에서는 Quadratic Curve를 사용하지만, • 1980년대 후반 : Apple TrueType • Apple TrueType Hinting 특허취득 • MS & Apple 사용권 공유. • MS ClearType / OpenType • Layout/Rasterisation의 토대, 폰트 • CJK Issue 및 CJK Unification. Postscript에서는 Cubic Bezier Curve를 사용한다. GUI → ZUI(Zoomable User Interface) • MaxOS X • - Windows Vista • Linux KDE & GNOME 자세한 내용은 이곳을 http://cafe.naver.com/mobitoday/57참고하세요

9. GUI & GDI 관련 인프라 기술 Event Handling 기술의 중요성 GUI Event는 기본적으로 Key, Mouse, Action Selection, Timer Event를 포함하며, Network I/O 등과 같은 Interrupt등을 효율적으로 관리함을 목적으로 한다. (아래의 그림은 GTK/Dillo구조 예임) Timer Image Cache Mechanism A Interface entry open URL A Navigator Push Keyboard GTK Main Mouse A Navigator Open URL A Interface Stop A Capi Open URL A Cache Open URL CCC Selection HTTP DI Cache File Image Map DwWidget A Gif Image (GtkObject) +-DwWidget | +----DwBullet | +----DwContainer | | `----DwPage | +----DwEmbedGtk | +----DwHruler | `----DwImage `----(GtkWidget) `----(GtkContainer) +----(GtkBin) | +----(GtkScrolledWindow) | | `----GtkDwScrolledWindow | `----GtkDwScrolledFrame `----(GtkLayout) `----GtkDwViewport Image Buffer DwImage A Jpeg Image About Image A Png Image DwStyle Plugin Parser A Html Text Length & Percent Parser Stack CCC IO A Plain Text Boxes Process Tag Unknown DwPage Process Space Incremental Process Word Space & Text

10. Mobile Web 모바일 + 웹(데이터) 사용자 인터페이스 Tim Berners-Lee (1955 ~ 현재) Guglielmo Marconi (1874~1937)

11. 모바일 웹의 시작 : 모바일 + 웹(데이터) • 모바일 웹 관련 접근법 • Miniaturization vs. Mobilization • 장애물 : User Interface, Small Screen, Handset computing power, Killer Content, etc. • 모바일과 웹(데이터)의 결합 : Dilemma • 모바일의 근간은 주파수이며, 이것은 물이나 공기와 같은 공공자원이다. • 그리고 그 사용권이 정부의 의해 이동통신사에 부여된 것이다. 즉, 공공자원이 사유화된 것이다. • 웹은 앞선 특징에서 언급했듯이, 중앙 집중화된 구조 없이 누구나 쉽게 연결하고 만들 수 • 있는 구조에 기반한다. 보다 본질적으로는 사적 자원이 모여 공공자원화 된 것이다. • - 이 두 가지의 결합은 가능한가? 가능하다면, 그 전제 조건은 무엇인가? • 모바일 + 웹(데이터) 관련 3가지 핵심 Issue • 1. 망개방 Issue : 정통부, KIBA, 이통3사, 과금대행사 구조로 망개방 가능한가? • Q : 정보이용료 없는 컨텐츠! 심사의 대상인가? 과금의 대상인가? • 2. 요금제 Issue : 요금제는 정액제나 종량제만으로 가능한가? • Q : 고객 → 이통3사 → CP vs. 3rd-Party → CP → 이통사 (MVNO* 대안인가?) • 3. 플랫폼 Issue : 이통3사에 의해 수직적으로 계열화된 Platform 바람직한가? • Q : USIM(Universal Subscriber Identity Module) 분리, 언제쯤 가능한가? *MVNO : Mobile Virtual Network Operator

12. 모바일 웹과 사용자 인터페이스 • Apple사의 미래 제품은? • - Smartphone vs. Other Market Segments. • - WiFi or WiMax vs. Cellular Network. • - Cingular vs. Other Mobile Operator. • Phone의 미래 ? • Computer vs. Appliance • Computer : MS Window Mobile 또는 SAMSUNG, LG 부각. • Mobile Operator의 힘과 제어권의 강화 • Appliance : Apple(MaxOS X), Palm(Palm OS), Nokia(Symbian OS), • SonyEricsson(UIQ+Symbian OS), Motorola(Own Linux), • RIM(Blackberry OS)의 부각 • MS나 Mobile Operator의 마켓에 대한 힘의 약화 • 모바일 웹과 사용자 인터페이스의 미래는?

13. 감사합니다. 궁금하시거나 연락을 원하시는 분은 언제든지 아래의 카페에 글 남겨주세요. (카페명 변경) 모바일 투데이 -> 2008코리아안드로이드 http://cafe.naver.com/mobitoday.cafe Q&A는 이곳 ( http://cafe.naver.com/mobitoday/68 ) 으로.