• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
[EWD]class02 0315
 

[EWD]class02 0315

on

  • 913 views

KGIT 2012 Expressive Web Application Design Class Note Week 2

KGIT 2012 Expressive Web Application Design Class Note Week 2

Statistics

Views

Total Views
913
Views on SlideShare
773
Embed Views
140

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 140

http://ewd.jylee6977.com 140

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    [EWD]class02 0315 [EWD]class02 0315 Presentation Transcript

    • Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • Second Class | 0315 Flex (30m) HTML5 (20m)Web Design Basics (30m) Website : ewd.jylee6977.com/tc (next mon) Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 1. Flex001. Flex & Issues Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 1. Flex . Flex . Flex 002. Conditions of Flex12 information structures, process3 structures, creation structures45 Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 1. Flex . Flex . Flex003. Flex & RIA Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 1. Flex . Flex . Flex003. Flex & RIA Flex tabs, sliders, trees, data grids drag and drop, direct selection, in-place validation . . Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 1. Flex . Flex . Flex003. Flex & RIA , , API . Google Finance YouTube Google Finance YouTube Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 1. Flex . Flex . Flex003. Flex & RIA Mac Adobe Connect Window Dreamweaver Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 1. Flex . Flex . Flex004. Flex & HTML Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 1. Flex . Flex . Flex004. Flex & HTML Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 1. Flex . Flex . Flex004. Flex & HTML Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 1. Flex . Flex . Flex005. Flex & Desktop Client - ( , , , ) WIMP - MFC, Cocoa, Java Swing UI - UI - UI “ ?” Flex - - , - . - , . “ ” ** Adobe Flash Player + = Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 1. Flex . Flex . Flex005. Flex & Flash Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 1. Flex . Flex . Flex006. Flex & Flash Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 2. HTML5001. Best HTML DEMOS Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 2. HTML5002. What is HTML5 “웹을 둘러싼 난무한 비표준을 지양하고 지능적이고 실행가능한 웹 구현을 위해 탄생한 차세대 웹표준 기술이다.” 웹이 더 이상 문서공유나 문서 표현만을 위한것이 아니라 하나의 응용프로그램 으로 진화하고 있다. HTML5는 HTML4.01 XHTML1.0에 대한 차세대 표준안 이며,현재 W3C를 주축으로 애플,모질라,구글,오페라,MS등 웹브라우저 벤더가 참여하고있는 산업표준이다. 기존의 html 표준의 한계(기존의 시멘틱하지 못한 마크업)를 극복하는 차세대 웹표준이며, 리치웹 응용을 가능하게 한다. =>엑티브엑스,플래시등의 플러그인의 문제점 보완 Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 2. HTML5003. History of HTML Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 2. HTML5003. History of HTML Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 2. HTML5003. History of HTML Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 2. HTML5003. History of HTML 일반문서 : http://www.w3.org/TR/html5/ 웹퍼블리셔 : http://dev.w3.org/html5/spec-author-view/ Rich UI 개발자 : http://dev.w3.org/html5/2dcontext/ 웹 어플리케이션 및 백엔드 개발자 : http://dev.w3.org/html5/eventsource/ http://www.clearboth.org/html5/spec.html Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 2. HTML5003. History of HTML 1. "시멘틱한 마크업" 기존의 html4보다 더 명확한 의미 표현이 가능하도록 26개 정도의 새로운 마크업이 추가되었다. 2. API 다양한 응용 개발을 지원 Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 2. HTML5003. History of HTML Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 001. Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 002. Information Archtecture Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 003. Interface/Navigation Design Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 003. Interface/Navigation Designhttps://gomockingbird.com/ http://www.lumzy.com/ http://balsamiq.com/http://lovelycharts.com/ https://www.jumpchart.com/ http://www.google.com/google-d-s/drawings/ Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 003. Interface/Navigation Design Fuel Wireframe Symbols Yahoo Stensil Free Sketching Kit Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • 003. Interface/Navigation Design http://imcreator.com/www.freewebsitetemplates.comwww.websitetemplatesonline.comwww.andreasviklund.com/templates/www.templatemonster.com/www.oswd.org/www.freewebsitetemplates.com/freewebsite/ 3. Free Web Tools Site.google.com/site www.wordpress.com Expressive Web Application Design | WEEK 2 : FLEX.HTML5
    • FOR Next Week * 무엇을 디자인할것인가?내용. 내용. 내용. Contents Creation Expressive Web Application Design | WEEK 2 : FLEX.HTML5