기사 제목
Android에서 XML과 JSON 사용하기, Part 2: JSON을 사용하여 하이브리드 Android 애플리케이션 전달하기

기사 본문으로 가시면 자세한 코드와 전체 내용을 확인하실 수 있습니다 



요약: 두 개의 파트로 구성된 이 시리즈 기사에서는 현재 인터넷에서 사용하는 가장 일반적인 데이터 형식인 XML과 JSON(JavaScript Object Notation)을 Android 플랫폼에서 처리하는 기술을 살펴봅니다. Part 1에서는 XML과 JSON의 기본적인 사항을 살펴봅니다. Part 2에서는 Webkit으로 호스트하는 Javascript 코드와 Android 애플리케이션의 Java™ 코드 간에 데이터를 교환하는 방법을 살펴봅니다. 이 기사에서는 가장 유용하고 유연한 방식으로 여겨지는 JSON에 대해 집중적으로 살펴봅니다.



소개
휴대전화는 가장 인기 있는 기술 분야이다. 다양한 플랫폼이 판매량과 인지도 면에서 업계 최고의 위치에 오르기 위해 경쟁하고 있다. 이러한 플랫폼은 첨단 기술의 표본이고 할 수 있지만 이러한 플랫폼의 인기가 더욱 많아지는 이유는 이러한 플랫폼에서 사용할 수 있는 매우 다양한 애플리케이션이 우수한 사용자 경험을 제공하기 때문이다. 특히, iPhopne과 Android 플랫폼은 모두 비즈니스 고객과 소비자 고객의 마음을 사로잡아서 이들의 지갑을 열기 위해 경쟁하고 있는 최신 디바이스이다.

Android에 임베드된 Javascript 계산기

그림 1. 작동 중인 Javascript 계산기 표시하기

사용자 인터페이스 설정

Listing 2. 사용자 인터페이스 설정

Listing 3. R.java

Listing 4. WebView 위젯 설정

그림 2. Eclipse에 표시된 프로젝트

Javascript 인터페이스 연결

Listing 5. CalculatorHandler 구현

Listing 6. WebView 제어에서 렌더링하고 실행한 index.html 파일

Javascript 코드 삽입

Listing 7. Java에서 PerformSimpleCalculation() Javascript 함수 호출

Listing 8. JSON 오브젝트를 전달하여 더욱 복잡한 함수 호출하기

JSON 오브젝트 교환하기

그림 3. Javascript에서 전송된 JSON 배열 구문 분석하기

요약
이 기사에서는 WebKit을 활용하는 하이브리드 애플리케이션과 관련된 일반적인 주제뿐만 아니라 Android 애플리케이션의 Java 코드와 WebView의 Javascript 코드 간에 데이터를 전송하는 기술을 살펴보았다. 하이브리드 애플리케이션에는 상상할 수 있는 모든 요소 중에서 유연하고 우수한 모바일 애플리케이션을 전달하는 데 필요한 가장 중요한 요소와 Javascript, JSON, 콜백 함수 및 Android-SDK Java 코드가 함께 결합되어 있다.



 기사 원문으로 가시면 에제 코드와 자세한 설명을 볼 수 있습니다
아이베엠 디벨로퍼 웍스 : http://www.ibm.com/developerworks/kr/
기사 원문 주소 : http://www.ibm.com/developerworks/kr/library/x-html5mobile4/index.html
신고





Posted by 파란물







제목
Android에서 XML과 JSON 사용하기, Part 1: Android 애플리케이션에서 XML과 JSON을 사용함으로써 얻을 수 있는 혜택 탐구

기사 본문으로 가시면 내용 전체를 보실 수 있습니다



요약: 두 개의 파트로 구성된 이 시리즈 기사에서는 인터넷에서 사용하는 가장 일반적인 데이터 형식인 XML과 JSON(JavaScript Object Notation)을 Android 플랫폼에서 처리하는 기술을 살펴봅니다. 첫 번째 파트에서는 XML과 JSON의 기본적인 내용과 이 두 형식으로 제공되는 Twitter 상태 업데이트 피드를 구문 분석하고 표시하는 Android 애플리케이션을 빌드하는 방법



내용 목차

XML: 오랜 친구

XML 스키마

Listing 1. 데이터를 XML 구조로 패키지하여 응답 요소 내에 저장하기

작업영역에서의 XML

Listing 2. 각 XML 파일의 첫 번째 줄에 있는 공통 선언

JSON: 인터넷에 새롭게 등장한 기술

Listing 3. HTML 페이지에서 JSON 오브젝트 사용하기

애플리케이션 가능성: Twitter 피드

그림 1. 자신의 Twitter 페이지에 있는 피드 페이지를 가리키는 링크

Listing 4. XML 스니펫

Listing 5. JSON 형식의 피드 데이터

XMLvsJSON 애플리케이션

그림 2. Eclipse 프로젝트의 파일 구조

실시간 업데이트

그림 3. 구문 분석 옵션을 선택하기 전의 애플리케이션 UI

Listing 6. UI 레이아웃

Listing 7. onCreate() 메소드

XML 구문 분석

SAX 대 DOM

Listing 8. examineXMLFIle() 메소드

Listing 9. twitterFeedHandler 클래스

JSON 구문 분석

Listing 10. examineJSONfile() 메소드 호출

결론
이 기사에서는 Android 애플리케이션을 배경으로 XML과 JSON 데이터 교환 형식을 소개했다. JSON 방식과 비교하면 XML 방식이 다소 속도가 빠르고 메모리에 제약을 덜 받지만 그 대신 복잡하다. Part 2에서는 Android 애플리케이션을 위한 사용자 정의 동적 애플리케이션 로직과 JSON 데이터 및 WebKit 기반 WebView 위젯이 결합된 몇 가지 고급 기술을 소개하게 된다.



 기사 원문으로 가시면 에제 코드와 자세한 설명을 볼 수 있습니다
아이베엠 디벨로퍼 웍스 : http://www.ibm.com/developerworks/kr/
기사 원문 주소 : 
http://www.ibm.com/developerworks/kr/library/x-andbene1/index.html
신고





Posted by 파란물






css 사용에대한 설명입니다
자세한 내용은 기사 원문으로 가시면 모두 보실 수 있습니다



요약: CSS 2.1과 크로스 브라우저 CSS3를 비롯한 표준화된 CSS 스타일 기술을 알아봅니다. 특히, 효과적인 기술을 사용하여 검색 엔진 최적화 기능을 강화하는 방법을 배울 뿐만 아니라 인쇄, 모바일 및 웹 뷰에 적합한 다양한 CSS 스타일을 학습하고 강화된 접근성을 확인합니다.

CSS(Cascading Style Sheet)는 (X)HTML 웹 페이지 위에 매우 간단하게 계층적으로 적용할 수 있는 디자인 기술이다. 스타일 시트를 "계단식"화하면 스타일 시트를 전체 사이트에 적용할 수 있다. 다시 말해서 스타일을 해당 웹 사이트에 적용하면 스타일이 각 페이지의 각 요소 전체에 적용된다.
웹 사이트에서는 데이터를 디자인과 분리하는 개념이 중요하다. 데이터는 (X)HTML을 사용하여 브라우저로 전송하며 디자인은 CSS를 사용하여 데이터에 적용한다. 이렇게 데이터를 디자인과 분리하면 특정한 접근성이 필요한 경우에 직접 디자인하지 않아도 사용자가 웹 페이지를 렌더링할 수 있을 뿐만 아니라 "이러한 방식으로 된" 디자인이 없어도 검색 엔진과 같은 시스템에서 웹 사이트를 색인화할 수 있다.
이 기사에서는 웹 사이트의 모습을 개선할 수 있는 기존의 다양한 최신 CSS 기술을 자세하게 살펴본다. 이 기사에서는 (X)HTML에 대한 몇 가지 지식을 생각해보고 이 지식을 웹 사이트 디자인에 필요한 초기 플랫폼으로 역할을 할 수 있게 하고 작동개발에 필요한 기준점으로 삼는다.



내용 목차

CSS의 형식

기본 스타일

목록 1. body 태그용 CSS 기본 스타일

(X)HTML에 CSS 적용

빠르지만 지저분한 style 태그

빠르고 깔끔하며 드러나지 않는 CSS 링크

스타일 지정 지침

간단한 <div> 태그

CSS 2.1의 표준 <div> 효과

CSS3에서 강화된 <div> 효과

목록

링크

목록 2. CSS 링크 데코레이션 예제

목록 3. 일부 CSS3 특성을 사용하여 기능을 개선한 CSS 탐색 예제

테이블을 사용하지 않고 열 생성

목록 4. div를 사용하여 열을 생성하는 (X)HTML 예제

목록 5. div 열을 생성하는 CSS 예제

글꼴 타이포그래피

글꼴 다운로드


 
 결론
CSS2.1과 CSS3는 책에서 다룰만한 중요한 주제이다. 이 기사에서는 스타일시트를 제대로 작성하는 방법을 피상적으로 살펴보았으므로 독자가 웹에서 CSS 참고자료를 찾고 있는 경우에는 이 기사를 바탕으로 지식을 넓혀갈 수 있을 것이다.
(X)HTML과 CSS를 서로 독립적으로, 드러나지 않게 사용하여 표준 호환성, 접근성 및 검색 엔진 최적화 가능성을 극대화할 수 있다. CSS는 XHTML 및 HTML과 마찬가지로 우수한 기술이지만 반드시 표준화된 방식으로 사용해야 한다. 이러한 표준은 웹 디자인에 필요한 기본 요소가 될 수 있지만, 디자인 자체는 아니다. 우수한 디자인은 실용적이고 완벽해야 한다.



 기사 원문으로 가시면 에제 코드와 자세한 설명을 볼 수 있습니다
아이베엠 디벨로퍼 웍스 : http://www.ibm.com/developerworks/kr/
기사 원문 주소 : 
http://www.ibm.com/developerworks/kr/library/wa-getstartedcss/index.html
신고





Posted by 파란물








신고





Posted by 파란물










campus wizard 8기가
IBM on Campus 행사를 합니다
많은 분들의 관심 부탁 드립니다
 

신고





Posted by 파란물