Sencha Ext JS 를 활용한 구축 사례

2014.05.16

전자계산소

● 청강문화산업대학교 (http://www.ck.ac.kr)

● 주소 : 경기도 이천시 마장면 청강가창로 389-94

● 학생수 : 3,556 명 (2014.5.1)

● 주요연혁

2013 년

06. 교육부 ’ 2013 교육역량강화산업’선정 (6 년 연속 )

05.11 개교 17 주년 기념식

01.25 전문대학 기관평가인증 획득 ( 유효기간 : 2013. 1. 25. ~ 2018. 1. 24.)

2012 년

04. 중소기업청 ’ 2012 창업교육패키지지원사업’ 선정 (2 년 연속 )

03.28 교과부 ‘산학협력선도전문대학 육성사업’ 선정 (2012~2016)

03. 고용노동부 ’ 2012 창조캠퍼스지원대학’ 선정 (3 년 연속 )

03.01 제 7 대 박동호 총장 취임

1.Web 환경으로 변화의 시대 도래

Internet Explorer사용율 감소

국외사용율 : 23.24%( 전년대비 20% 감소 )국내사용율 : 76.47%( 전년대비 6% 감소 )

대학 ActiveX 시스템대책 필요

( 현재 종합정보시스템 , 전자결재 , 출력 )

2. 필요성

다양한 OS와 브라우저

모바일 환경

Active-X

모바일

각종 브라우저

Active-X 기반

Active-X 개선

오픈소스 활용

신기술 습득

담당

자 위

주

정보

화,

사용

자 위

주

언제 어디서나 사용할 수 있는 정보시스템의 필요

3. 무작정 개발

◆ 수강신청 , 학적조회 시스템 개발

개발항목 주요내용 개발 툴

수강신청• Cache 사용으로 속도개선• 프로그램 소스의 경량화• 부하테스트 및 로드밸런싱

# Back-end -CodeIgniter

# Front-end -Twitter BootstrapjQuery, Datatables

# Report- JasperReports,

iReport학적조회

• 반응형 웹 디자인• PDF 출력물 지원

◆ 문제점 - 개발기간 장기화

- 재사용 어려움

- 다양한 프레임워크 및 툴 사용으로 개발기간 및 유지보수가 어려움

4. 개발 솔루션 필요

◆ 개발 솔루션 검토

기능 X(?) 전자정부표준프레임워크

Sencha

UI Tool O X O

License 유료 무료 부분 유료(Architect)

기술지원 ( 국내 )

O O X

안정성 버그 리포트다수발생

O O

국내 개발자 O O △

재사용성 △ △ O

종합의견 고가의 License 비용 화면개발 시간 소요 하이브리드앱 확장

5. 센차교육

- 개발환경 설정- Sencha Cmd generate, build

- docs.sencha.com 주요기능 및 이용법- Js 소스 재사용 설계- Chart 종류 및 속성- MDI 프로젝트 구현

1 차 . 기본 기능 2 차 . 파일럿 테스트

센차 교육

6. 시스템 구축 계획

학생경력

상담현장실습봉사활동

주요지표시뮬레이션

성적처리성적조회

•경영정보

• 성적관리• 학생관리

• 경력관리

- 현업 담당자 : 기존 (Active-X) 시스템 활용

- 교수 ( 학생 ) 메뉴 위주로 웹기반 시스템 전환

- 구축 기간 (2014.01 ~ 진행 중 )

7. 시스템 구축 안

체계적인 프로그램 개발 자체 개발

근로장학생 활용

시스템 구축 ( 운영안 )

모바일 푸시 모바일 출결

모바일 시스템 구축

학생경력 , 현장실습 , 성적 모바일시스템 개발 Web 프로그램 개발

웹기반 학사행정 근로 학생 운영

8-1. 구축 화면

8-2. 구축 화면 ( 계속 )

8-3. 구축 화면 ( 계속 )

8-4. 구축 화면 ( 계속 )

8-5. 구축 화면 ( 계속 )

8-6. 구축 화면 ( 계속 )

8-7. 구축 화면 ( 계속 )

9. 결론

◆ 시스템 구축 과정 중 느낀 점

- 생각보다 어렵다 ( 아키텍처 활용 등 ).

- 기술지원이 쉽지 않다 (docs.sencha.com 과 google 검색 )

- 국내 전문개발인력 부족

- 원소스로 모바일 (Sencha Touch) 과 웹기반 (Sencha EXT JS) 모두 개발이 쉽지 않다

◆ 결론

- 재사용이 편리하다

- 처음에는 어렵지만 숙달될 경우 빠른 산출물 기대

- 웹표준을 준수하는 프레임워크 중 확장성과 활용도가 우수

- 다양한 기능의 컴포넌트 (Component)