Ajax강의- 첫번째 강의의 pdf중 발표문건 정보
Flash Ajax강의- 첫번째 강의의 pdf중 발표문건본문
총페이지는 65페이지 입니다.
대략.. 1-10페이지까지.. 적어보도록 하겠습니다.
내용은 파워포인트의 내용과 그에 따른 발표자의 설명이 있습니다.
파워포인트의 내용은.. ------------------ 구분이 된 상태에서 적혀 있고
발표자의 내용은 그 파워포인트의 내용을 기준으로 ***************
구분된것으로 설명이 되어 있습니다.
영문의 원본의 주소는..
http://www.javapassion.com/ajaxcodecamp/ 의
http://www.javapassion.com/j2ee/AJAXBasics_speakernoted.pdf 입니다.
-------------------------------------------
안녕하세요 반갑습니다.
저의 이름은.. Sang Shin 이라고 합니다.
저는 Sun Microsystems으로 부터 자바기술을 전파하는 일을 하고 있습니다.
*** 고마움을 뒤로하며
Sang Shin은 썬마이크로시스템의 정규인원으로 여기의 이 내용들은 썬 마이크로 시스템의 기술파트의 지원과 보상이 없음에도 불구하고 그 자신의 노력으로 인하여 제작되었다.
일차적으로 알아둘것은 모든 예제들과 이문건들의 “Ajax basics과 계발 툴”에 대해서 슬라이드에 언급하도록 할것이다
Agenda
예정표
1.What is Rich User Experience?
2.Rich Internet Application (RIA) Technologies
3.AJAX: Real-life examples & Usage cases
4.What is and Why AJAX?
5.Technologies used in AJAX
6.Anatomy of AJAX operation
7.XMLHttpRequest Methods & Properties
8.DOM APIs & InnerHTML
9.AJAX Security
10.JavaScript debugging tools
11.Current issues and Future
이 문건들의 목차는 첫번째로 최종사용자의 입장에서 바라본 “사용자의 값진 경험”의 의미는 무엇인가, 몇몇 많은 인터넷 응용기술을 받아들여 값진경험들은 우리의 Web응용을 가능하게 한다.
그러므로 이 문건이외의 AJAX에 대한 좀 더 세밀한 토의에 시간을 투자해야 한다.
첫번째로 나는 실제작인 예제를 보여주도록 하겠다. AJAX기술이 사용되어지고 있는 것을 어떻게 현재 사용되어지는가 말이다.
그리고 무엇에 대해서 그리고 왜 AJAX에 대해 기술을 하자면 일반적인 사용법과 AJAX기술을 사용한 웹 응용프로그램들에 대해서 이야기 하겠다.
그리고 AJAX기술을 사용하고 있는 응용프로그램들은 대체로 Javascript, CSS, DOM 그리고 XMLHttpRequest JavaScript Object 등에 대해서도.. 약간의 언급을 하도록 하겠다.
우리는 AJAX의 운영, 사용법, 예제코드에 대한 기본원리에 대해서 이야기 하게 될것이며 여기에 우리는 브라우저와 서버간의 내부처리방법들에 대한 표준적인 AJAX의 처리를 보게될것이다. 우리는 이방법들을 그리고 XMLHttpREquest, JavaScript Object의 속성을 자세히 보아 우리가 또한 배우고자하는것에 해서 더 많은 정보를 얻게될것이다.
후반부의 내용들에서는 AJAX의 보안의 주제를 다루어 보도록 하겠다. 그리고 JavaScript debugging tools에 대해서 AJAX의 응용을 살펴보도록 하자
마지막으로 앞으로 더욱더 새로운기술로 다가올 AJAX의 미래에 대해서 살펴보자.
---------------------------------------------
Topics Covered in Other Presentations
다른문건들 속의 주제들
• AJAX Toolkits & Frameworks
• JSON (JavaScript Object Notation)
• Dojo Toolkit
• DWR (Direct Web Remoting)
• AJAX-enabled JSF Components
• Google Web Toolkit (GWT)
• jMaki
• Wicket and Shale (as AJAX-aware Web applicaionframeworks)
• JavaScript Programming Best Practices
이 슬라이드의 주제들은 다른문건들의 주제가 될것이다.
--------------------------------------------------------
웹 프로그램에 위한 사용자들의 경험
1. 첫번째로 표준적인 컴퓨터 프로그램을 보자.. 예를 들어서 스프레드 쉬트나. 한글워드 그외..
2. 이 프로그램들은 매우 즉각적이며 빠르게 반응을 보여준다.
3. 이 프로그램들은 즉시적으로 의미있는 결과를 준다.
스프레드에서 하나의 셀에 마우스를 올리면 색상을 바뀌어진다.
아이콘들에 마우스를 올려두면 표시가 나타난다.
4. 모든것들이 자연스럽다.
버튼을 클릭하지 않고 또는 링크를 실행하지 않더라도
**********************
사용자의 경험을 이해하기 위하여 , 우리는 표준 윈도우 프로그램을 사용해 볼수 있다.
예를 들어 스프레드 쉬트
우리가 윈도우 프로그램을 실행할때 우리는 그 프로그램의 반응이 즉각적으로 나타날것을 요구한다. 그리고 빠르게 의미있는 결과를 내어주길 바란다. 예를 들자면.. 만약 당신이 마우스를 스프레드쉬트의 셀위에 올려두었을때 그 셀의 색상이 바뀔것 같은것을 말한다.
윈도우프로그램을 사용할때 이것은 매우 자연스럽다. 예를 들자면.. 버튼을 누르지 않거나 링크에 아무런 일이 일어나지 않더러도 말이다. 즉... 단지 마우스를 이리저리 돌아다니게 하는것만으로 결과가 나타난다.
------------------------------------------------------------------
예전의 웹 프로그램의 특색
1. 클릭 그리고 기다림 그리고 refresh... 사용자의 상호작용들...
2. 페이지가 다시금 나타나고 서버의 모든 이벤트들과 데이타의 제공, 위치
3. 유저는 반드시 결과를 기다려야된다.
4. 동기적인 요청/결과 대화모델
5. 페이지 관리 : 페이지를 기반으로 한 작업처리
6. 페이지 위치의 기법은 서버를 통해서 조회된다.
***********************
그래서 이것들의 특색은 오히려 웹 프로그램에서 규제해야 한다.
첫번째로.. 이러한 웹 프로그램들은... 유저의 상호작용을 기반으로 한다.
순차적 반복인 "클릭, 기다림, refresh"의 반복들은 사실상, 전체페이지를 다시금 refresh 해야한다. 어떤것을 선택하던지 말이다. 그것이 작은 데이타를 서버에 보던지 또는 서버로 부터 작은 데이타를 요구하더라도 말이다.
그래서 사용자들은 기다려야지만 해야한다. 결과가 나오기까지, 이러한 상호작용들은 서버의 동기화가 될때까지 기다려야지만 했었다. 물론 우리는 알고있다. 화면이 아무것이 없을때 그저 네트웍이 느리거나 끊어졌다는 사실을 말이다.
예전의 이러한 순서를 통하여 작동하는 페이지처리를 하는 웹 프로그램들은 서버로 부터 다음 페이지를 처리해야지만 볼수 있었다.
8------------------------------------------------------------------------
예전 웹 프로그램들에 대한 생각
1. 느린 응답
2. refresh됨으로 인한 조작되고 있는 상황의 상실
스크린상에서 정보처리의 상실
화면상에서의 보여짐의 상실
3. 유저의 반응에 즉각적인 응답이 전혀 안됨
유저는 다음페이지를 보기위하여 반드시 기다려야지만 한다.
이러한 결과로 인하여 새로운 인터넷 기술이 태어난다.
(RIA) Rich Internet Application
******************************
예전 웹 프로그램들에 대한 고전적 행위는 우리가 앞서서 이야기 했듯이 서버의 한계이다.
첫번째로 이것은 전반적인 정보를 알아내는 느리고 시간이 필요하다.
결과를 받기전까지는 유저는 어떤것도 할수 없기때문에... 매우 반응적이다.
두번째로 새로운 내용을 보여주기위해서 현재 사용되지고 있는 처리부분을 잃게되며 이것의 이유는 전체페이지를 보여주어야 되기때문이다.
당신이 각각의 페이지를 이해하기 위해서 내용을 대략적인 형태를 본다면. 예를 들어서 스크롤하는 위치를말이다. 만약 당신이 문서를 위에서 아래보 보는중 그 페이지가 다시금 refresh되어지면 그 위치를 찾기위해서 다시금 스크롤 다운을 해야한다.
이것은 서버로부터의 즉각적인 응답을 기다려야 하는것이 불가능하다
이제 이것은 Rich internet Application 기술로 문제점을 처리하는것으로 불리어지게되었다.
역자주..) 각각의 엔터로 띄어지는 문단은.. 위의 파워포인트의 각 씬의 문장들을 다시금 해석하는 식으로 이루어진다. 그러니 잘 읽어서 이해를 해야한다.
2006년 8월 3일 강의안의 9페이지.
Rich Internet Application (RIA) Technologies 대해서
그래서 자 이젠 RIA기술에 대해서 이야기 해보자.
10페이지----------------------------------------------------------
RIA 기술에 대해서
1. Applet
2. Macromedia Flash
3. Java WebStart
4. DHTML
5. DHTML with Hidden IFrame
6. AJAX
이것은 RIA 기술의 목록들이다. AJAX를 포함한.. 그래서 우리는 이제 이것들의 각각을 좀 더 상세하게 이해해 보도록 하자.
------------------------------------------------------------------
11페이지는 다음.. 글에서.. 내일다시<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
대략.. 1-10페이지까지.. 적어보도록 하겠습니다.
내용은 파워포인트의 내용과 그에 따른 발표자의 설명이 있습니다.
파워포인트의 내용은.. ------------------ 구분이 된 상태에서 적혀 있고
발표자의 내용은 그 파워포인트의 내용을 기준으로 ***************
구분된것으로 설명이 되어 있습니다.
영문의 원본의 주소는..
http://www.javapassion.com/ajaxcodecamp/ 의
http://www.javapassion.com/j2ee/AJAXBasics_speakernoted.pdf 입니다.
-------------------------------------------
안녕하세요 반갑습니다.
저의 이름은.. Sang Shin 이라고 합니다.
저는 Sun Microsystems으로 부터 자바기술을 전파하는 일을 하고 있습니다.
*** 고마움을 뒤로하며
Sang Shin은 썬마이크로시스템의 정규인원으로 여기의 이 내용들은 썬 마이크로 시스템의 기술파트의 지원과 보상이 없음에도 불구하고 그 자신의 노력으로 인하여 제작되었다.
일차적으로 알아둘것은 모든 예제들과 이문건들의 “Ajax basics과 계발 툴”에 대해서 슬라이드에 언급하도록 할것이다
Agenda
예정표
1.What is Rich User Experience?
2.Rich Internet Application (RIA) Technologies
3.AJAX: Real-life examples & Usage cases
4.What is and Why AJAX?
5.Technologies used in AJAX
6.Anatomy of AJAX operation
7.XMLHttpRequest Methods & Properties
8.DOM APIs & InnerHTML
9.AJAX Security
10.JavaScript debugging tools
11.Current issues and Future
이 문건들의 목차는 첫번째로 최종사용자의 입장에서 바라본 “사용자의 값진 경험”의 의미는 무엇인가, 몇몇 많은 인터넷 응용기술을 받아들여 값진경험들은 우리의 Web응용을 가능하게 한다.
그러므로 이 문건이외의 AJAX에 대한 좀 더 세밀한 토의에 시간을 투자해야 한다.
첫번째로 나는 실제작인 예제를 보여주도록 하겠다. AJAX기술이 사용되어지고 있는 것을 어떻게 현재 사용되어지는가 말이다.
그리고 무엇에 대해서 그리고 왜 AJAX에 대해 기술을 하자면 일반적인 사용법과 AJAX기술을 사용한 웹 응용프로그램들에 대해서 이야기 하겠다.
그리고 AJAX기술을 사용하고 있는 응용프로그램들은 대체로 Javascript, CSS, DOM 그리고 XMLHttpRequest JavaScript Object 등에 대해서도.. 약간의 언급을 하도록 하겠다.
우리는 AJAX의 운영, 사용법, 예제코드에 대한 기본원리에 대해서 이야기 하게 될것이며 여기에 우리는 브라우저와 서버간의 내부처리방법들에 대한 표준적인 AJAX의 처리를 보게될것이다. 우리는 이방법들을 그리고 XMLHttpREquest, JavaScript Object의 속성을 자세히 보아 우리가 또한 배우고자하는것에 해서 더 많은 정보를 얻게될것이다.
후반부의 내용들에서는 AJAX의 보안의 주제를 다루어 보도록 하겠다. 그리고 JavaScript debugging tools에 대해서 AJAX의 응용을 살펴보도록 하자
마지막으로 앞으로 더욱더 새로운기술로 다가올 AJAX의 미래에 대해서 살펴보자.
---------------------------------------------
Topics Covered in Other Presentations
다른문건들 속의 주제들
• AJAX Toolkits & Frameworks
• JSON (JavaScript Object Notation)
• Dojo Toolkit
• DWR (Direct Web Remoting)
• AJAX-enabled JSF Components
• Google Web Toolkit (GWT)
• jMaki
• Wicket and Shale (as AJAX-aware Web applicaionframeworks)
• JavaScript Programming Best Practices
이 슬라이드의 주제들은 다른문건들의 주제가 될것이다.
--------------------------------------------------------
웹 프로그램에 위한 사용자들의 경험
1. 첫번째로 표준적인 컴퓨터 프로그램을 보자.. 예를 들어서 스프레드 쉬트나. 한글워드 그외..
2. 이 프로그램들은 매우 즉각적이며 빠르게 반응을 보여준다.
3. 이 프로그램들은 즉시적으로 의미있는 결과를 준다.
스프레드에서 하나의 셀에 마우스를 올리면 색상을 바뀌어진다.
아이콘들에 마우스를 올려두면 표시가 나타난다.
4. 모든것들이 자연스럽다.
버튼을 클릭하지 않고 또는 링크를 실행하지 않더라도
**********************
사용자의 경험을 이해하기 위하여 , 우리는 표준 윈도우 프로그램을 사용해 볼수 있다.
예를 들어 스프레드 쉬트
우리가 윈도우 프로그램을 실행할때 우리는 그 프로그램의 반응이 즉각적으로 나타날것을 요구한다. 그리고 빠르게 의미있는 결과를 내어주길 바란다. 예를 들자면.. 만약 당신이 마우스를 스프레드쉬트의 셀위에 올려두었을때 그 셀의 색상이 바뀔것 같은것을 말한다.
윈도우프로그램을 사용할때 이것은 매우 자연스럽다. 예를 들자면.. 버튼을 누르지 않거나 링크에 아무런 일이 일어나지 않더러도 말이다. 즉... 단지 마우스를 이리저리 돌아다니게 하는것만으로 결과가 나타난다.
------------------------------------------------------------------
예전의 웹 프로그램의 특색
1. 클릭 그리고 기다림 그리고 refresh... 사용자의 상호작용들...
2. 페이지가 다시금 나타나고 서버의 모든 이벤트들과 데이타의 제공, 위치
3. 유저는 반드시 결과를 기다려야된다.
4. 동기적인 요청/결과 대화모델
5. 페이지 관리 : 페이지를 기반으로 한 작업처리
6. 페이지 위치의 기법은 서버를 통해서 조회된다.
***********************
그래서 이것들의 특색은 오히려 웹 프로그램에서 규제해야 한다.
첫번째로.. 이러한 웹 프로그램들은... 유저의 상호작용을 기반으로 한다.
순차적 반복인 "클릭, 기다림, refresh"의 반복들은 사실상, 전체페이지를 다시금 refresh 해야한다. 어떤것을 선택하던지 말이다. 그것이 작은 데이타를 서버에 보던지 또는 서버로 부터 작은 데이타를 요구하더라도 말이다.
그래서 사용자들은 기다려야지만 해야한다. 결과가 나오기까지, 이러한 상호작용들은 서버의 동기화가 될때까지 기다려야지만 했었다. 물론 우리는 알고있다. 화면이 아무것이 없을때 그저 네트웍이 느리거나 끊어졌다는 사실을 말이다.
예전의 이러한 순서를 통하여 작동하는 페이지처리를 하는 웹 프로그램들은 서버로 부터 다음 페이지를 처리해야지만 볼수 있었다.
8------------------------------------------------------------------------
예전 웹 프로그램들에 대한 생각
1. 느린 응답
2. refresh됨으로 인한 조작되고 있는 상황의 상실
스크린상에서 정보처리의 상실
화면상에서의 보여짐의 상실
3. 유저의 반응에 즉각적인 응답이 전혀 안됨
유저는 다음페이지를 보기위하여 반드시 기다려야지만 한다.
이러한 결과로 인하여 새로운 인터넷 기술이 태어난다.
(RIA) Rich Internet Application
******************************
예전 웹 프로그램들에 대한 고전적 행위는 우리가 앞서서 이야기 했듯이 서버의 한계이다.
첫번째로 이것은 전반적인 정보를 알아내는 느리고 시간이 필요하다.
결과를 받기전까지는 유저는 어떤것도 할수 없기때문에... 매우 반응적이다.
두번째로 새로운 내용을 보여주기위해서 현재 사용되지고 있는 처리부분을 잃게되며 이것의 이유는 전체페이지를 보여주어야 되기때문이다.
당신이 각각의 페이지를 이해하기 위해서 내용을 대략적인 형태를 본다면. 예를 들어서 스크롤하는 위치를말이다. 만약 당신이 문서를 위에서 아래보 보는중 그 페이지가 다시금 refresh되어지면 그 위치를 찾기위해서 다시금 스크롤 다운을 해야한다.
이것은 서버로부터의 즉각적인 응답을 기다려야 하는것이 불가능하다
이제 이것은 Rich internet Application 기술로 문제점을 처리하는것으로 불리어지게되었다.
역자주..) 각각의 엔터로 띄어지는 문단은.. 위의 파워포인트의 각 씬의 문장들을 다시금 해석하는 식으로 이루어진다. 그러니 잘 읽어서 이해를 해야한다.
2006년 8월 3일 강의안의 9페이지.
Rich Internet Application (RIA) Technologies 대해서
그래서 자 이젠 RIA기술에 대해서 이야기 해보자.
10페이지----------------------------------------------------------
RIA 기술에 대해서
1. Applet
2. Macromedia Flash
3. Java WebStart
4. DHTML
5. DHTML with Hidden IFrame
6. AJAX
이것은 RIA 기술의 목록들이다. AJAX를 포함한.. 그래서 우리는 이제 이것들의 각각을 좀 더 상세하게 이해해 보도록 하자.
------------------------------------------------------------------
11페이지는 다음.. 글에서.. 내일다시<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
추천
0
0
댓글 1개
감사합니다.