[Sencha 엔터프라이즈 웹애플리케이션 세미나] 웹앱기반 차세대 학사 관리시스템 _청강문화산업대

1. Sencha Ext JS를 활용한 구축 사례

2. ● 청강문화산업대학교(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대 박동호 총장 취임

3. 1.Web환경으로 변화의 시대 도래
Internet Explorer
사용율 감소
국외사용율 : 23.24%(전년대비 20%감소)
국내사용율 : 76.47%(전년대비 6%감소)
대학 ActiveX 시스템
대책 필요
(현재 종합정보시스템, 전자결재, 출력)

4. 2. 필요성
다양한 OS와 브라우저
모바일 환경
Active-X
모바일
각종 브라우저
Active-X 기반
Active-X 개선
오픈소스 활용
신기술 습득
언제 어디서나 사용할 수 있는 정보시스템의 필요

5. 3. 무작정 개발
◆ 수강신청, 학적조회 시스템 개발
개발항목 주요내용 개발 툴
수강신청
• Cache 사용으로 속도개선
• 프로그램 소스의 경량화
• 부하테스트 및 로드밸런싱
# Back-end
-CodeIgniter
# Front-end
-Twitter Bootstrap
jQuery, Datatables
# Report
- JasperReports,
iReport
학적조회
• 반응형 웹 디자인
• PDF 출력물 지원
◆ 문제점
- 개발기간 장기화
- 재사용 어려움
- 다양한 프레임워크 및 툴 사용으로 개발기간 및 유지보수가 어려움

6. 4. 개발 솔루션 필요
◆ 개발 솔루션 검토
기능 X(?)
전자정부
표준프레임워크
Sencha
UI Tool O X O
License 유료 무료
부분 유료
(Architect)
기술지원(국내) O O X
안정성
버그 리포트
다수발생
O O
국내 개발자 O O △
재사용성 △ △ O
종합의견 고가의 License 비용 화면개발 시간 소요 하이브리드앱 확장

7. 5. 센차교육
- 개발환경 설정
- Sencha Cmd generate, build
- docs.sencha.com 주요기능 및 이용법
- Js소스 재사용 설계
- Chart 종류 및 속성
- MDI 프로젝트 구현
1차. 기본 기능 2차. 파일럿 테스트
센차 교육

8. 6. 시스템 구축 계획
학생경력
상담
현장실습
봉사활동
주요지표
시뮬레이션
성적처리
성적조회
•경영정보
• 성적관리• 학생관리
• 경력관리
- 현업 담당자 : 기존(Active-X) 시스템 활용
- 교수(학생) 메뉴 위주로 웹기반 시스템 전환
- 구축 기간(2014.01 ~ 진행 중)

9. 7. 시스템 구축 안
체계적인 프로그램 개발
자체 개발
근로장학생 활용
시스템 구축(운영안)
모바일 푸시
모바일 출결
모바일 시스템 구축
학생경력, 현장실습, 성적
모바일시스템 개발
Web프로그램 개발
웹기반 학사행정 근로 학생 운영

10. 8-1. 구축 화면

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

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

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

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

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

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

17. 9. 결론
◆ 시스템 구축 과정 중 느낀 점
- 생각보다 어렵다(아키텍처 활용 등).
- 기술지원이 쉽지 않다(docs.sencha.com 과 google 검색)
- 국내 전문개발인력 부족
- 원소스로 모바일(Sencha Touch)과 웹기반(Sencha EXT JS) 모두 개발이 쉽지 않다
◆ 결론
- 재사용이 편리하다
- 처음에는 어렵지만 숙달될 경우 빠른 산출물 기대
- 웹표준을 준수하는 프레임워크 중 확장성과 활용도가 우수
- 다양한 기능의 컴포넌트(Component)