Multimedia Programming 21: By FLEX Departments of Digital Contents Sang Il Park.

Slides:



Advertisements
Similar presentations
LOGO My WebBook 1 조 이규태, 고석현, 이진학 손효일, 최용호. Contents Techniques 4 Introduction 1 My WebBook? 2 Architecture 3 Conclusion 5.
Advertisements

8 장 웹 프로그래밍 언어의 종류. 8.1 문서의 표준화  컴퓨터와 웹을 이용하기 위해서는 컴퓨터가 이 해할 수 있는 언어를 사용.  웹 프로그래밍 언어 (Web Programming Languages) 란 인터넷에 웹 서비스를 제공하거 나 제공받기 위하여 사용하는.
UX, RIA, 그리고 … Silverlight 공도소프트
㈜유니윌취업연수프로그램. 신성장동력훈련 4 회사소개 1 청년취업아카데미 2 SW 융합 채용연수 사업 3 취업현황 5 Contents.
Streaming 과 Adaptive Streaming 티빙 시대 8조. 티빙시대 모니터링팀 8조의 PowerPoint 01 Streaming02 Adobe Flash03 Silverlight04 APPLE’S05 Q&A.
개발 플랫폼으로서의 웹의 진화와 향후 전망 류한석 소프트뱅크미디어랩 소장 ZDNET 칼럼리스트 피플웨어 블로그 (peopleware.kr) 스마트플레이스 팀블로그 (smartplace.kr)
제 1 부 멀티미디어 (Multimedia) 와 웹 (Web) 제 1 장 멀티미디어 (Multimedia) 와 생활 제 2 장 웹 (Web) 과 멀티미디어 (Multimedia) 제 2 부 컴퓨터 그래픽스 (Computer Graphics) 제 3 장 컴퓨터 그래픽스.
프로젝트 제안서 날씨대로 기분대로 팀원 박효민 신준범 정민섭 안성원
2 주 실습강의 학기, 소프트웨어 설계 및 실험 ( Ⅰ ). Artificial Intelligence Laboratory Preview  웹 2.0  RIA  웹과 실버라이트의 실행 구조  Silverlight with VS 2008  설치 프로그램.
시스템 개요 진화 과정 RIA & X-Internet Web Client/Server Main FRame
2009년 IT인재개발원 [연수생 모집요강]
제 09 장 인터넷과 월드와이드웹 한국대학교 홍길동 교수.
운동화 전문 매장 관리 시스템 - 시스템 개발 계획안 - 소프트웨어공학 4조 ‘04 조수민 ‘04 이준희 ‘04 최재원
공개SW 기반 멀티미디어 학습 유 승 욱.
경기도교육정보기록원 월호 월간 사이버보안 소식 경기교육사이버안전센터(GECSC)
고급자바프로그래밍 (Advanced Java Programming)
Rich Internet Application -기획자 & 개발자가 함께 하는 RIA -
웹 페이지.
HTML5 웹 프로그래밍 입문 (개정판) 1장. 인터넷과 웹환경의 발전.
Multimedia Programming 23: More Flex
어서와 Java는 처음이지! 제1장 기초 사항.
소비자 만족도 설문조사 결과.
Sun Mon Tue Wed Thu Fri Sat
1 January 2 February 3 March 4 April 5 May 6 June 7 July 8 August
2013 January 2012년 도원초 4학년1반 기념 달력 1신정
HTML5 Overview 숙명여자대학교 임순범.
HTML GRAPHICS 이 서식 파일은 그룹 환경에서 교육 자료를 프레젠테이션할 때 시작 파일로 사용할 수 있습니다. 구역
어서와 Java는 처음이지! 제1장 기초 사항 IT응용시스템공학과 김형진 교수.
웹 2.0 개요.
3조 오세혁 김문환 김용현.
Multimedia Programming 17: Introduction to DirectShow
멀티미디어 기본+활용 제대로 배우기.
Open API - Google Maps (Application Programming Interface )
1장. JSP 및 Servlet을 활용한 동적 웹 프로그래밍 소개 제1장.
안드로이드 기반에서 MapServer를 이용한 지도 서비스
Visual Studio 2008 버전별비교 및 제품개요
1강 01장. 웹과 자바.
트루디자인(TrueDesign) 제품 소개서
Multimedia Programming 18: GraphEditor
Visual C++ Programming
3장 컴퓨터 그래픽스 3.1 벡터 그래픽과 비트맵 이미지 3.2 벡터와 비트맵의 통합 3.3 레이어 3.4 파일 포맷
ASP.NET Mobile Controls
Multimedia Programming 22: FLEX Basics
| winglish.com IT 개발본부 2008/01/10
Power Java 제1장 자바 소개.
1 January 2 February 3 March 4 April 5 May 6 June 7 July 8 August
글사랑 캡션 편집 안드로이드 앱 담당 교수님 전진우 교수님 진세훈 정상기 글사랑.
2003년도 학생용 달력 이 서식 파일을 인쇄해서 벽걸이 달력으로 사용할 수 있고 사용자의 프레젠테이션에 필요한 부분만 복사해서 사용할 수도 있습니다. 새 디자인 서식 파일을 적용하면 달력의 모양을 바꿀 수 있습니다.
Calendar 2012 Photopolio..
Endless Creation - 안 승례 -
Cairngorm(캔곰) : Flex UI 프레임워크
November 일 월 화 수 목 금 토
Flex를 이용한 교육용 웹페이지 학번: 이름 : 김병조 지도교수 : 이광세.
연구실안전관리시스템 안전교육 이수방법 사무국 시설과.
연구실 안전정보 시스템 사용자 매뉴얼 Safetylabs.incheon.ac.kr.
My WebBook 1 조 이규태,고석현,이진학 손효일,최용호.
웹 2.0 개발자입니까? 2008 고급 XML 프로그래밍.
Introduction 2007 컴퓨터공학실험(Ⅰ)
Chapter 34. Advanced Web Page Options
2015년 디지털컨버전스 청년취업아카데미.
POS System(Point-Of-Sales System)
Dept. of Internet Information Eng.
CHAPTER 6 도전! 트위터 웹 앱 개발 Jquery Mobile 5/28/2019.
웹 프로그래밍 기술 요약 Yang-Sae Moon Department of Computer Science
컴퓨터 소프트웨어 설계 및 실험 2016년 1학기 실험계획.
정보 애니메이션의 제작 YoungjinMedia.
AJAX Technology for Web2.0
POWER POINT TEMPLATE 2019 CALENDAR.
한국디지털미디어 고등학교 번 조성혁 HTML 5는 HTML4의 다음 버전으로 특정 plug-in같은 것 없이 web에서 진보,발전된 application을 만들 수 있도록 HTML을 발전시킨 것이다.
Ajax와 자바스크립트 라이브러리 발표자 : 경준호(파이어준) 이메일 :
Presentation transcript:

Multimedia Programming 21: By FLEX Departments of Digital Contents Sang Il Park

Outline Rich Internet Application Adobe Flex

RIA: Rich Internet Application 대부분의 자료는 에서 발췌

RIA: Rich Internet Application

IT 시대에서의 기술의 혁명 ? “ 내가 담배피면서 생각해 봤는데, 기술의 혁명은 UI 의 혁신에서 시작 되는 것 같아 ” by 다음 커뮤니티 개발 2 팀 개발자 권모씨

RIA = UI?

RIA 의 정의 by wikipedia

RIA 데스크탑 애플리케이션의 특징과 기능을 구현한 웹 애플리케이션

RIA 기술의 종류 JavaScript –Ajax Adobe Flash Player –Adobe products Flash, Flex, Flash Media Server, Flash Remoting… Active-X Controls Java Applets, Java Applications User Interface Languages –XUL, SVG

RIA 기술의 종류 JavaScript –Ajax Adobe Flash Player –Adobe products Flash, Flex, Flash Media Server, Flash Remoting… Active-X Controls Java Applets, Java Applications User Interface Languages –XUL, SVG

RIA 의 과거 - 현재 - 미래

과거기술 – Active-X

과거기술 – Java Applets

미래기술 – User Interface Languages XUL –Mozilla Foundation’s XML-based user interface markup language XAML –XML-based language used to define objects and their properties, relationships and interactions –Used in.NET Framework 3.0 SVG –XML markup language for describing 2-D vector graphics.

XUL

SVG – scalable vector graphics

SVG - Sample <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" " <rect x="80" y="60" width="250" height="250" rx="20" style="fill:#ff0000; stroke:#000000;stroke-width:2px;" /> <rect x="140" y="120" width="250" height="250" rx="40" style="fill:#0000ff; stroke:#000000; stroke-width:2px; fill-opacity:0.7;" />

SVG - Sample <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" " <rect x="80" y="60" width="250" height="250" rx="20" style="fill:#ff0000; stroke:#000000;stroke-width:2px;" /> <rect x="140" y="120" width="250" height="250" rx="40" style="fill:#0000ff; stroke:#000000; stroke-width:2px; fill-opacity:0.7;" />

현재 기술 최고의 인기를 구가하고 있는 2 가지 기술

2 가지 기술 ? FLASHAJAX

FLASH - 2 가지 키워드 FLASH VIDEO FLEX

Flash Video (FLV)

FLEX? FLEX = FLASH?

Flex

Flex 로 만든 사이트

2 가지 기술 : FLASHAJAX

AJAX - 2 가지 키워드 RubyOnRails Google

RubyOnRails Ruby: 프로그래밍 언어 (c.f C/C++, Python …) –RubyOnRails: Ruby 로 만든 웹 어플리케이션 프레임웍 Prototype: RubyOnRails 에 포함된 자바스크립트 라이브러리 –script.aculo.us: 여러가지 기능 (effects, sortable) 을 구현한 Prototype 의 확장팩 (add-on)

RubyOnRails

Google Gmail, google map 을 통한 AJAX 의 대중화 대부분의 신규 서비스에 AJAX 활용

Google with AJAX Gmail Google Maps Google Calendar Google Groups Google Docs, Spreadsheet & Presently

Google Web Toolkit

자바 스크립트를 모르는 서버 개발자가 자바 언어를 사용하여 Ajax 를 구현 할 수 있게 해준다.

Ajax Framework Rico Yahoo! UI Library(YUI) 이외에도 90 개가 넘는 프레임웍이 존재

인기 있는 RIA 기술의 공통점 1 XML Meta-Information Data about data

인기 있는 RIA 기술의 공통점 2 ECMAScript Dialects: ActionScript, JavaScript European Computer Manufacturers Association

인기 있는 RIA 기술의 공통점 3 Asynchronous 비동기 통신

Asynchronous

인기 있는 RIA 기술의 공통점 4 통합개발환경 IDE, RAD Rapid Application Development Integrated Development Environment

FLEX IDE

인기 있는 RIA 기술의 공통점 정리 XML 기반 ECMAScript 기반 Asynchronous 통합 개발 환경 지원

ADOBE FLEX

Flex? 다종 플랫폼에서 돌아 갈수 있는 RIA 개발 기술 Adobe Flash 기술 기반 XML- 기반 Markup Language – 빠른 개발 – 손쉬운 그래픽 유저 인터페이스 개발 –ActionScript 를 활용한 Interactivity 구현 Microsoft 의 Silverlight 와 경쟁관계

Flex.org Showcase

Flex History Flex March 2004 Flex October 2004 Flex 2.0 (Alpha) - October 2005 Flex 2.0 Beta 1 - February 2006 Flex 2.0 Beta 2 - March 2006 Flex 2.0 Beta 3 - May 2006 Flex 2.0 Final- June 28, 2006 Flex January 5, 2007 Flex 3.0 Beta 1 - June 11, 2007 Flex 3.0 Beta 2 - October 1, 2007

참고서적 “ 예제로 배우는 Adobe 플렉스 2” 옥상훈 지음 에이콘 출판사

Flex 시작하기 필요한 것 –SDK 받기  압축해제SDK 받기 –Java runtime environmentJava 컴퓨터 내 환경 변수 설정 – 내컴퓨터  속성  고급  환경변수  PATH 에 bin 폴더 추가

Hello World: Your First Flexing! <mx:Application xmlns:mx=" <mx:Panel title="My Application" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10" > <mx:Label text="Hello World!" fontWeight="bold" fontSize="24"/> <mx:Application xmlns:mx=" <mx:Panel title="My Application" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10" > <mx:Label text="Hello World!" fontWeight="bold" fontSize="24"/> HelloWorld.mxml

Hello World: Your First Flexing! 실행법 : mxmlc HelloWorld.mxml

XML? 확장 가능한 Markup 언어 XML : e X tensible M arkup L anguage

Markup Language 정보를 포장하기 위한 언어 문서의 내용 Multimedia Programming 박상일 디지털콘텐츠 문서의 내용 Multimedia Programming 박상일 디지털콘텐츠

MXML is a XML <mx:Application xmlns:mx=" <mx:Panel title="My Application" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10" > <mx:Label text="Hello World!" fontWeight="bold" fontSize="24"/> <mx:Application xmlns:mx=" <mx:Panel title="My Application" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10" > <mx:Label text="Hello World!" fontWeight="bold" fontSize="24"/> HelloWorld.mxml 처리지시문 : xml 문서임을 나타냄 Tag