Your SlideShare is downloading. ×
기술세미나 Web2 0 Flex 20090403 윤재원
기술세미나 Web2 0 Flex 20090403 윤재원
기술세미나 Web2 0 Flex 20090403 윤재원
기술세미나 Web2 0 Flex 20090403 윤재원
기술세미나 Web2 0 Flex 20090403 윤재원
기술세미나 Web2 0 Flex 20090403 윤재원
기술세미나 Web2 0 Flex 20090403 윤재원
기술세미나 Web2 0 Flex 20090403 윤재원
기술세미나 Web2 0 Flex 20090403 윤재원
기술세미나 Web2 0 Flex 20090403 윤재원
기술세미나 Web2 0 Flex 20090403 윤재원
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

기술세미나 Web2 0 Flex 20090403 윤재원

1,682

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,682
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Web 2.0 FLEX 개발환경의 방향<br />신기술 도입에 따른 소개 및 방향성에 따른 세미나<br />일시_2009년 4월 3일 금요일 오전 11시 / 장소_지앤비빌딩 5층 회의실<br />개요.<br />프로젝트 진행에 있어 신기술 도입의 목적, 배경 및 진행 방향 그리고 향후 과제에 대한 내용을 제시하여, 세미나를 개최하고 모든 팀원이 신기술 도입에 대한 내용을 이해하여, 실제 업무에 적용할 수 있도록 하기 위함.<br />세미나 진행 순서.<br />WEB 2.0의 정의.<br />RIA의 정의.<br />RIA기반의 프레임워크.<br />RIA기반 프레임워크 비교.<br />RIA기반의 프레임워크(FLEX) 도입 이유 및 방향.<br />예제 사이트 및 온라인 교육.<br />참고자료.<br />내용.<br />WEB 2.0 정의.<br />2004년 10월 오라일리 미디어사(O`reilly Media, Inc.,)의 대표인 팀 오라일리(Tim O`reilly)에 의해 “새로운 플랫폼”으로 정의를 내리며 도입된 개념.<br />새로운 기술 환경이며, 새로운 기술과 새로운 Web환경을 뜻하는 것.<br />혹은 위의 환경을 향한 방향성을 가진 흐름.<br />User가 만들어가는 Data이며, 정보의 공유를 통하여 기존 공급자와 소비자의 경계를 허물고 모두가 정보, Data를 소비하고 생산해 내는 환경을 말함.<br />웹 3.0 맛보기.<br />웹을 데이터베이스 형태로 바꾼 것.<br />인공 지능을 향한 진화의 경로.<br />시맨틱 웹 및 SOA의 실현.<br />시맨틱 웹 : 컴퓨터가 정보자원의 뜻을 이해하고, 논리적 추론까지 할 수 있는 차세대 지능형 웹.<br />SOA : Service Oriented Architecture, 서비스 지향 아키텍처.<br />3D를 향한 진화.<br />“실행 가능한” 웹 추상 계층으로서의 웹 3.0<br />RIA의 정의.<br />RIA(Rich Internet Application or Rich Interactive Application)이란 전통적인 데스크톱 응용 프로그램의 특징과 기능을 가지는 웹 응용프로그램 이다.<br />웹 응용 프로그램의 많은 장점에도 불구하고 웹 초창기부터 서버/클라이언트 환경의 윈도우 프로그램에 비해 사용자 인터페이스가 부족하다고 지적되었고, 이런 단점을 극복하기 위해 Macromedia(현 Adobe)는 2002년 RIA의 개념을 처음 소개 했다.<br />RIA기반의 프레임워크.<br />Ajax(Asynchronous Javascript and XML).<br />대화식 웹 애플리케이션 제작을 위해 다음과 같은 조합을 이용하는 웹 개발 기법.표현 정보를 위한 Html(또는 XHTML) 과 CSS.동적인 화면 출력 및 표시정보와의 상호작용을 위한 DOM, Javascript.웹 서버와 비동기적으로 데이터를 교환하고 조작하기 위한 XML, XSLT, XMLHttpRequest(Ajax 애플리케이션은 XML/XSLT 대신 미리 정의된 HTML이나 일반 텍스트, JSON, JSON-RPC를 이용할 수 있다)비 동기 요청이 가능.브라우저가 기반(제한적).prototype, jquery 등 라이브러리 사용.<br />http://maps.google.co.kr<br />http://www.google.com/calendar<br />Silverlight.<br />MS에서 내 놓은 RIA에 대한 지원을 제공하는 웹 브라우저 플러그 인.XAML로 작성.기존 .NET, VC++ 등 개발자의 손쉬운 영입.Silverlight Player기반.<br />http://silverlight.net<br />http://cafe.naver.com/mssilverlight/716<br />JavaFX.<br />차세대 웹 개발의 핵심인 RIA(Rich Internet Application) 시장 공략을 위해 개발된 언어.데스크탑, 모바일을 대상으로 시각적으로 풍부한 애플리케이션을 빠른 시간에 개발 할 수 있다.기존 JAVA개발자의 손쉬운 영입.jdk1.6 update release 10 이상 또는 jdk1.7 에 탑재되어 있음.현재는 Adobe Flex, Microsoft Silverlight에 비해 4배에서 14배 까지 느리다.JVM 기반.<br />http://www.javafx.com<br />Adobe Flex.<br />Adobe사에서 RIA를 구축하기 위해 제작한 솔루션.Flash를 기본으로 한 Flash 컴포넌트들을 XML태그로 표현할 수 있도록 컴포넌트 화.MXML로 코딩.FlexBuilder로 개발.Flash Player 기반.<br />RIA기반 프레임워크 별 비교.<br />RIA기술 비교.<br />가트너 그룹의 Ajax 기술 및 플랫폼 보고서.<br />Adobe 및 MS의 비교.<br />C/S, WEB, RIA 비교.<br />코드적 특성.<br />RIA기반의 프레임워크(FLEX) 도입 이유 및 방향.<br />도입 목적.<br />검증된 RIA프레임워크.<br />빠른 개발 속도(생산성 향상).<br />코드 재 사용(모듈화)의 필요성.<br />Dynamic한 환경 구성.<br />Multimedia 전달의 자유로움.<br />Flex와 RIA의 로드맵.<br />Flash 와 Flex의 차이점.<br />Flex의 구동 원리.<br />개발(IDE) 환경.<br />Flex개발 환경<br />FLEX Builder 3.0 on Eclipse.<br />AIR의 개념.<br />어도비 AIR는 RIA(리치 인터넷 어플리케이션)을 구축 및 배포하기 위하여, 기존의 웹 개발 기술(플래시, 플렉스, html, 자바 스크립트, Ajax)을 활용할 수 있는 크로스-오퍼레이팅 런타임입니다. AIR는 쉽게 작업할 수 있고, 편하게 툴과 접근을 활용할 수 있고, 플래시, 플렉스, html, 자바 스크립트, Ajax를 지원하여, 최상의 결과를 만들 수 있습니다. 예를 들어, 다음 기술과 조합하여 어플리케이션을 개발할 수 있습니다:플래시 / 플렉스 / 액션스크립트 html / 자바 스크립트 / CSS / Ajax어플리케이션에 pdf를 활용할 수 있습니다. 결과적으로, AIR 어플리케이션은 기본은 다음과 같습니다:플래시 또는 플렉스 : 루트 콘텐츠가 플래시/플렉스 (swf)인 어플리케이션 플래시 또는 html이나 pdf을 포함한 플렉스 : 루트 콘텐츠가 플래시 / html (html, js, CSS) 또는 pdf 콘텐츠를 포함한 어플리케이션 Html : 루트 콘텐츠가 html, js, CSS인 어플리케이션 플래시 / 플렉스 또는 pdf이 포함된 html : 루트 콘텐츠가 html과 플래시 / 플렉스 (swf) 또는 pdf 콘텐츠를 포함한 어플리케이션  기본 데스크톱 어플리케이션과 상호 작용하는 것과 같이 사용자도 AIR 어플리케이션과 상호 작용합니다. 런타임을 사용자 컴퓨터에 설치한 후에, AIR 어플리케이션이 설치하고, 다른 데스크톱 어플리케이션과 같이 실행합니다. 런타임은 일관된 크로스-오퍼레이팅 시스템 플랫폼과 프레임 워크를 제공합니다.그러므로 데스크탑 사이에 일관된 기능과 활용을 확인하기 위한 크로스-브라우저 테스트를 고려할 필요가 없습니다.특수 운영 체제를 개발을 고려할 필요가 없습니다. 그래서 장점이 다음과 같습니다.AIR로 개발된 어플리케이션은 다른 작업 없이 다중 운영 체제에서 작동합니다. AIR가 지원하는 모든 운영 체제에서 일관성과 프레젠테이션 및 상호 작용을 보증합니다.기존의 웹 기술과 디자인 패턴 또는 전통적인 데스크톱 개발 기술 또는 원시 코드의 복잡성을 활용하고 확장하지 않고 어플리케이션을 빠르게 구축할 수 있습니다. c와 c++과 같은 언어를 사용하는 것 보다 쉽게, AIR 어플리케이션 개발은 각각의 운영 체제에서의 복잡하고, 낮은 수준의 API를 배울 필요가 없습니다. AIR 어플리케이션을 개발할 때, 풍부한 일련의 프레임 워크와 API를 활용할 수 있습니다.런타임에서 제공하는 AIR의 API 및 AIR 프레임 워크 액션스크립트 API를 사용하는 swf 파일 및 플렉스 프레임 워크 (뿐만 아니라 액션스크립트 기반 라이브러리 및 프레임 워크) AIR는 애플리케이션을 만들고, 배포하고, 실행할 수 있는 환상적인 새로운 패러다임입니다.독창적인 컨트롤을 얻을 수 있고, 플래시, 플렉스, html, Ajax 기반 어플리케이션을 기존 데스크톱을 개발 기술을 공부하지 않고, 확장할 수 있습니다. <br />팀 업무 적용 방안.<br />GnB Carrot Account 개발.<br />GnB Website Renewal(인터렉티브한 각 메인 페이지)<br />학원업무관리 프로그램 및 물류 주문 프로그램.<br />GnB Voca-Race 2.0<br />외 기타.<br />예제 사이트 및 온라인 교육.<br />Flex / AIR<br />FLEX ORG : http://flex.org/<br />ADOBE DEVELOPER CONNECTION : http://www.adobe.com/devnet/flex/<br />Adobe RIA 공식사이트 : http://www.adobeflex.co.kr/<br />Flex de tour : http://www.adobe.com/devnet/flex/tourdeflex/web/<br />Flex AIR 한글화 문서 : http://flexdocs.kr/<br />Adobe Flex 3 한글매뉴얼 : http://www.adobeflex.co.kr/adoberia_help.html<br />Flex / AIR 실제 적용 예.<br />국내<br />http://www.cgv.co.kr/<br />http://www.wizwid.com/<br />http://www.gseshop.co.kr/<br />http://moneybook.naver.com/<br />http://opencast.naver.com/<br />국외<br />http://coenraets.org/apps/livehelp/customer.html.<br />http://visudemos.ilog.com/blogsamples/olympics/olympics.html<br />http://examples.adobe.com/flex2/inproduct/sdk/photoviewer/PhotoViewer.html<br />기타 참고 사이트.<br />Adobe HD Video(H.264) : http://www.adobe.com/products/hdvideo/<br />RIA개발자 블로그 : http://www.uxkorea.net<br />RIA개발자 블로그 : http://koko8829.tistory.com<br />RIA개발사이트 : http://gongdosoft.com<br />Flex온라인 교육.<br />CodeWay : http://www.codeway.co.kr/board/bbs/board.php?bo_table=FLEX_Lecture<br />CDISM : http://www.cdism.com/flexedu.html<br />엄진영의 기술 나눔터 : http://www.jinyoung-eom.kr/tc/<br />

×