Datasnap web client

2,425 views
2,255 views

Published on

Delphi XE2 datasnap and RESTful client with jQueryMobile

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,425
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
31
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Datasnap web client

  1. 1. 데이터스냅 웹 클라이언트jQueryMobile, Android 허광남 팀장 kenu@okjsp.pe.kr1
  2. 2. Agenda• jQuery, jQueryMobile client• 간단한 웹 클라이언트 예제• 웹 개발도구, REST console• 안드로이드 예제 리뷰 2
  3. 3. jQuery, jQueryMobile client• jQuery• jQueryMobile• http://www.google.com/trends/?q=jquery,jquery+mobile,extjs,sencha 3
  4. 4. jQuery• JavaScript platform• John Resig 1984년생• Find, Do something• Find – CSS selector – tag, id, class – $(img), $(#header), $(.flip)• Do something – $(img).hide();• jQuery-ui• Ajax 4
  5. 5. jQueryMobile• For Mobile Web Framework – Sencha touch for Mobile Web App Framework• CrossBrowser• Tag attribute based 5
  6. 6. 간단한 웹 클라이언트 예제• Reverse String 템플릿 예제• jQueryMobile 웹프레임워크 적용 6
  7. 7. Reverse String 7
  8. 8. TPageProducer• Tool Palette• TPageProducer 8
  9. 9. HTMLDoc 9
  10. 10. Open Browser• 커스텀 페이지 실행 10
  11. 11. 웹 개발도구, REST console• 웹 인스펙터, Network• REST console 11
  12. 12. 웹 개발도구• F12• ctrl+shift+i 12
  13. 13. REST console• REST 개발시 유용• 크롬 웹스토어 13
  14. 14. 안드로이드 예제 리뷰• 데이터스냅 서버• 모니터 콘솔• 안드로이드 클라이언트• 서버와 포트 14
  15. 15. 데이터스냅 서버• 들어줄 서버가 필요하죠. 띄웁니다. 15
  16. 16. 모니터 콘솔• 메시지 전송 모니터 콘솔입니다. 16
  17. 17. 안드로이드 클라이언트• 포트와 서버를 맞춰줍니다.• Utils.java• CBService.java• ctrl+shift+R 17
  18. 18. 안드로이드 클라이언트• 연결 맺는 곳입니다.• CBService.java• ctrl+shift+G 18
  19. 19. 안드로이드 클라이언트• 접속 가능한 IP 19
  20. 20. 메시지 전달• 서버에서 클라이언트로• 클라이언트에서 클라이언트로 20
  21. 21. 참고자료• Delphi XE2 Boilerplate DataSnap Server and jQueryMobile Client – http://edn.embarcadero.com/print/42016• DelphiLabs with articles about DataSnap – http://www.embarcadero.com/rad-in-action/delphi-labs• REST console – https://github.com/codeinchaos/restconsole• 생활코딩 jQuery – http://www.opentutorials.org/course/52• jQueryMobile Home Page: – http://jquerymobile.com 21

×