세션2 sencha touch 클라우드, sencha.io

OKJSP�� 안광운kuahn.github.com

12년 6월 26일 화요일

http://www.okjsp.pe.kr/bbs?act=LIST&bbs=html5

http://www.sencha.or.kr

https://www.facebook.com/groups/korea.sencha

https://www.facebook.com/groups/senchastudy

• Sencha Touch와 Sencha.io에 대해서 도움을 얻을 수 있는 곳12년 6월 26일 화요일



https://www.facebook.com/groups/korea.sencha/




https://www.facebook.com/groups/senchastudy/

https://www.facebook.com/groups/senchastudy/

• 현재 Beta 버전• 빠른 버전업


?• 현재 Beta 버전• 빠른 버전업


Web Architecture is Changing

Aditya BansodSenior Director at Sencha

• 웹의 아키텍쳐가 변하고 있다.• 그 흐름에 Sencha.io도 있다.


Web Architecture is Changing

Aditya BansodSenior Director at Sencha


Ext JS

• Ext JS 로 유명한 Sencha Inc.• 난이도가 있지만 기능은 강력하다.


Ext JS is hard



Ext JSis hard

<strong> </strong>



• Sencha 라는 이름으로 바꾸고• HTML5와 더불어 재미있는 제품들을만들어 내기 시작했다.• Sencha.io는 Sencha Touch를 더 강력하게 만들어 주는 도구다.


Ext JSSencha Touch 2.0Sencha.io...



Ext JS

Sencha Touch 2.0

Sencha.io...



Sencha Touch 2.0

• Sencha Touch는 HTML5, CSS, JAVASCRIPT로 구성되어 있다.12년 6월 26일 화요일

Sencha Touch 2.0

Source - http://helloworld.naver.com/helloworld/74717


http://helloworld.naver.com/helloworld/74717


Sencha Touch 2.0

Source - http://helloworld.naver.com/helloworld/74717


































































Sencha Touch 2.0

JavascriptCSS(SASS)HTML(5)


Sencha Touch 2.0

• Sencha.io는 Sencha Touch, Sencha SDK Tools가 필요하다.12년 6월 26일 화요일

Sencha Touch 2.0

March 6, 2012

Sencha Touch 2.0 Final


Sencha Touch 2.0March 6, 2012

Sencha Touch 2.0 Final


Sencha Touch 2.0March 6, 2012

Sencha Touch 2.0 FinalApril 24, 2012

Sencha SDK Tools Beta 3


Sencha.io

• Sencha.io로 개발한 웹 앱 동영상 - http://vimeo.com/4405415212년 6월 26일 화요일

http://vimeo.com/44054152

http://vimeo.com/44054152

Sencha.io


Sencha.io

What is Sencha.io?


Sencha.io

Cloud Platform Service for Sencha Touch 2


Sencha.io

Sencha.io Login


Sencha.ioSencha.io Login


Sencha.ioSencha.io Login Facebook,

twitter,Sencha forum,

registration



Sencha.io Data


Sencha.ioSencha.io LoginSencha.io Data



Data sharing,Backup,

restore/recovery



Sencha.io Channel


Sencha.ioSencha.io LoginSencha.io DataSencha.io Channel



one-to-one messages,

one-to-manymessages



Sencha.io Deployment


Sencha.ioSencha.io LoginSencha.io DataSencha.io ChannelSencha.io Deployment



repository,deployment,

versionmanagement


Sencha.ioSencha.io LoginSencha.io DataSencha.io ChannelSencha.io Deployment?


Sencha.io

• 주목받고 있는 기술들로 구현된 서비스• 롤모델로서의 역할• 시간적 비용 절감


Sencha.ioApache Tomcat



Sencha.io

Apache Tomcat



Sencha.io

Apache Tomcat

Source - http://emperia.egloos.com/2777807



http://emperia.egloos.com/2777807

http://emperia.egloos.com/2777807

Sencha.io

Apache Tomcat

now, Let's start developing ^^;



Sencha.io

Apache TomcatGood Luck!



Sencha.io

Apache TomcatRole Model



Sencha.io

• Sencha.io 구성12년 6월 26일 화요일

Sencha.io

SDK


Sencha.io

SDK Javascript(socket.io)


Sencha.io

SDK


Sencha.io

SDK NginXnode.js

What DB?


Sencha.io

SDK


Sencha.io


Sencha.io

• Sencha Touch 와 Sencha.io의 구성12년 6월 26일 화요일

Sencha Touch 2.0 App

Sencha.io


Sencha.io

Sencha Touch 2.0App

HTML(5)CSS(SASS)Javascript


Sencha.io

Sencha Touch 2.0App


Sencha.io

Sencha Touch 2.0App

SDK


Sencha.io

Sencha Touch 2.0App

Sencha.ioSDKSDK

Javascript(socket.io)


Sencha.io

Sencha Touch 2.0App

Sencha.ioSDKSDK


Sencha.io Cloud Platform

(Server)

Sencha.io

Sencha Touch 2.0App

Sencha.ioSDKSDK

NginXnode.js

What DB?



(Server)

Sencha.io

Sencha Touch 2.0App

Sencha.ioSDKSDK



(Server)

Sencha.io

Sencha Touch 2.0App

Sencha.ioSDK

SDK


Sencha.io

• Sencha.io를 이용한 웹앱‣ 클라우드 서비스‣ 메세지 서비스‣ Facebook, twitter 로그인 서비스 ‣ 버전관리‣ 배포


Sencha.io

interactive App.

• Sencha.io를 이용한 웹앱‣ 클라우드 서비스‣ 메세지 서비스‣ Facebook, twitter 로그인 서비스 ‣ 버전관리‣ 배포


• Sencha Touch가 아니라면 Sencha.io의 대안이 될 수 있다.12년 6월 26일 화요일

Meteor


Meteorhttp://www.meteor.com


감사합니다.


세션2 sencha touch 클라우드, sencha.io

Technology

Transcript of 세션2 sencha touch 클라우드, sencha.io