1 / 21

리치 인터넷 어플리케이션 설계 2

리치 인터넷 어플리케이션 설계 2. Kim Nam Woo : +82-10-8517-6699 : d5302010@dongseo.ac.kr. 1. UX. User eXperience ( 사용자 경험 ). 1. UX. Application. 1. UX. 사용자가 보고서 얼마나 빨리 직관적으로 ( 경험적 판단을 통해 ) 편리하게 인식할 수 있는가 ?. 2. User Interface Trends. PUI -> CUI (MS-DOS,LINUX) -> GUI (WINDOWS).

aren
Télécharger la présentation

리치 인터넷 어플리케이션 설계 2

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 리치 인터넷 어플리케이션 설계2 Kim Nam Woo : +82-10-8517-6699 : d5302010@dongseo.ac.kr

  2. 1. UX • User eXperience ( 사용자 경험 )

  3. 1. UX • Application

  4. 1. UX 사용자가 보고서 얼마나 빨리 직관적으로 (경험적 판단을 통해) 편리하게 인식할 수 있는가?

  5. 2. User Interface Trends PUI -> CUI (MS-DOS,LINUX) -> GUI (WINDOWS)

  6. 2. User Interface Trends Application 들의 특성

  7. 2. User Interface Trends WPF의 위치

  8. Business process modeling Nextgeneration user experience WF (Windows workflow Foundation) WPF (Windows presentation Foundation) .Net Framework Cardspace WCF (Windows communication Foundation) Service-oriented development Digital identity management 3. WPF overview A. .Net Framework ( 2.x , 3.0 , 3.5 ) - Windows Vista 시대의 새로운 UX 제공 - XML로 설계되는 새로운 UI - WPF를 위한 새로운 디자인 툴 제공 - 그래픽 가속칩에 의한 성능 최적화

  9. 3. WPF overview WPF의 내부

  10. 3. WPF overview - 기존의 .Net Application 과는 달리 GDI+ 사용안함 - milcore 형태의 중간 레이어를 통해 DirectX에 접근

  11. 3. WPF overview - Why use WPF? 개발자들의 애환이 담긴 액자

  12. 3. WPF overview 중간언어인 XAML

  13. 3. WPF overview Expression Studio XAML Visual Studio “ WPF는 디자이너와 개발자의 생각을 자유롭게 표현할 수 있는 기술이다.”

  14. 3. WPF overview - Silverlight ( Codename : WPF / E ) + RIA(Rich Internet Application) 기술 + .NET Framework  Quality , All APP Use + Cross-Platform ( IE, Firefox, Safari… etc) + Using Microsoft Expression Studio

  15. 4. WPF vs AIR Window Presentation Foundation Adobe Integrated Runtime vs Adobe Microsoft

  16. 4. WPF vs AIR - WPF 1.FULL WPF Application WPF의 모든성능을 이끌어 낼 수 있는 형태 Smart Client 방식으로 활용가능 .NETFramework 3.x반드시 설치 Window XP이상의 운영체계에서만 실행 XBAP(XAML Browser Application)(IE상에서 실행되는 WPF) 실행에 필요한 코드를 모두 http로 전송받음 SENDBOX보안모델 적용받음 .NETFramework3.x필요 WindowXP이상의 운영체계에서만 실행 Internet Explorer에서 실행 웹 브라우져의 SilverlightPlayer에서 실행 Silverlight보안모델 적용받음 운영체계 상관없음 대부분의 브라우져 모두 지원 2.XBAP 3.Silverlight

  17. 4. WPF vs AIR - AIR RIA(Rich Internet Application) Action script3.0 Flex라 대표되어지는 MXML과 HTML&Ajax 막강한 디자인 TOOL 과 다수의 사용자 퍼블리싱 Flash, Document Class, ClassFile, XML File, Swf File Swf File, Descriptor File, Icon File, Resources AIR Application

  18. 4. WPF vs AIR - AIR의 발전 방향 Flash Flatform ADOBE에서는 앞으로 Flash Flatform이라는 브랜드로 모든 플래시 관련 기술을 통합하고 있습니다 AIR역시도 Flash Flatform의 한 부분입니다. 기존의 쉽고 편한 엔터프라이즈 개발툴이었던 Flex도 앞으로는 Flash Flatform으로 통합됩니다 현재는 AIR애플리케이션이 데스크탑 용이지만 앞으로는 PDA나 아이폰 같은 디바이스에서도 지원할 계획입니다 CROSS-FLATFORM에한발 더 가까이 와있음

  19. 4. WPF vs AIR - 결론 + Silverlight가 Flash 이후에 나온 기술인 만큼 장점이 많음 + Flash에 익숙한 디자이너/개발자가 기술을 습득하는데는 어느정도 시간 소요 + 향후 RIA시장에서 대결구도의 전개를 주목할 필요가 있다.

  20. 5. Setup • Visual Studio 2008 • Visual Studio 2008 Servicepack1 • 비쥬얼 스튜디오가 한글 버전일 때 • (http://www.microsoft.com/downloads/details.aspx?displaylang=ko&FamilyID=FBEE1648-7106-44A7-9649-6D9F6D58056E) • 비쥬얼 스튜디오가 영문 버전일 때 • (http://www.microsoft.com/downloads/details.aspx?FamilyID=FBEE1648-7106-44A7-9649-6D9F6D58056E&displaylang=en) • Microsoft Silverlight Tools for Visual Studio 2008 SP1 • 비쥬얼 스튜디오가 한글 버전일 때 • (http://www.microsoft.com/downloads/details.aspx?displaylang=ko&FamilyID=9442b0f2-7465-417a-88f3-5e7b5409e9dd) • 비쥬얼 스튜디오가 영문 버전일 때 • (http://www.microsoft.com/downloads/details.aspx?FamilyID=9442b0f2-7465-417a-88f3-5e7b5409e9dd&displaylang=en) • Expression Boland 3 • (http:/www.microsoft.com/downloads/details.aspx?FamilyID=e82db5e2-7106-419e-80b0-65cce89f06bb&displaylang=en) • Deep Zoom Composer • (http://www.microsoft.com/downloads/details.aspx?FamilyID=457b17b7-52bf-4bda-87a3-fa8a4673f8bf&displaylang=en)

  21. 6. Example • RENAULT LAGUNA COUPE • VERTIGO • HARDROCK CAFE • DeepView Light

More Related