'WebApp'에 해당되는 글 2건

  1. 2012.03.20 Phonegap 맛보기.
  2. 2011.11.23 WAC 기반의 WebApp 맛보기.

Phonegap 맛보기.

ITWeb/개발일반 2012.03.20 11:50
phonegap 을 이용해서 android webapp HelloWorld 를 테스트 해보겠습니다.
뭐 제가 정리 하지 않아도 phonegap 사이트에 들어가면 Getting Start 가 잘 되어 있긴 합니다.
걍.. remind 하는 차원에서 정리해 봅니다.

[참고사이트]


[문제점]

- phonegap 최신 버전 1.5.0 에서는 이전 버전과 바뀐내용들이 있습니다.
- 그래서 위 참고사이트에 나와 있는데로 하면 오류 납니다.

[오류내용]

... 중략
android.content.res.Resources$NotFoundException: Resource ID #0x0
... 중략  

- 이건 최신 버전을 다운로드 받아서 압축을 푸시면 xml 폴더가 하나 더 있습니다.
- xml 폴더를 생성하신 android project 의 res 밑으로 복사해서 넣으시면 됩니다.

- 수정합니다. 업데이트된 내용이 따로 있내요.



[바뀐점]

[Before]
phonegap-VERSION.jar
phonegap-VERSION.js

[After] 
cordova-1.5.0.jar
cordova-1.5.0.js
xml/cordova.xml
xml/plugins.xml

- 패키지도 아래 처럼 바뀌었내요. (이건 소스코드 내려서 받아 보면 될듯 하내요.)
import org.apache.cordova.DroidGap; 



[시작하기]

1. Eclipse
2. JDK
3. ADT Plugin
- 이건 eclipse plugin 으로 설치를 하셔도 되고 아님 걍 SDK 를 별도 설치 하셔서 location 지정을 하셔도 됩니다.
4. PhoneGap 다운로드 (.js / .jar / .xml)


- AVD 하나 생성 하시지요.
- 옆에 있는 New 버튼 누르시고 하면 됩니다. tutorial 에서 처럼 10MB 만 할당 했습니다.

- Android project 하나 생성하셔서 tutorial 에 있는 것처럼 
- jar 파일은 libs 에, js 파일은 www 에 , xml 폴더는 res 에 복사해서 넣으시면 됩니다.
- index.html 파일은 만드시면 되구요.
- 그런 다음에 manifest 파일을 tutorial 에 있는 것처럼 수정 하시면 됩니다.
- 이제 Run As -> Android Application 을 해볼까요..



※ 해보시면 아시겠지만 어려울게 하나도 없습니다.

[소스코드]
[helloworldActivity.java]

더보기



[index.html]

더보기



[AndroidManifest.xml]

더보기

 
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 : Comment 0

WAC 기반의 WebApp 맛보기.

ITWeb/개발일반 2011.11.23 16:55
그냥 필요해서.. 찾아 보던 내용인데 remind 차원에 맛보기 등록.. :)

[주요사이트]
http://www.wacapps.net : 여기 들어 가셔서 tutorial 보시면 아주 쉽게 구현해 보실 수 있습니다.
http://developer.android.com/sdk/installing.html#Installing : Eclipse 에서 개발하기 위해서는 ADT plugin 설치를 해야 합니다.
※ 참고로 저는 zip 파일을 다운로드 받아서 패키지 4개를 하나씩 하나씩 따로 따로 설치 했습니다. (방화벽과 보안때문에 이렇게 밖에 안되내요.)

[WAC SDK 설치하기]
- 기본 Eclipse 가 WAC SDK 에 포함이 되어 있기 때문에 ADT plugin 만 추가해 주시면 됩니다. 


[WAC 사이트의 WAC App 만들어보기] 



얼마전에 W3C 의 Device API WG 관련 북마킹을 했었는데요.
올해 3월에 한국에서 행사가 있었더군요.
http://www.w3c.or.kr/DAP2011/ 

어찌 되었건 제가 Web 와 WebApp 에 관심이 많기 때문에.. ㅎㅎ
암튼 세상에는 배울것과 할게 너무 많아요.. ^^; 
 
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
tags : ADT, wac, WebApp
Trackback 0 : Comment 0

티스토리 툴바