Sencha Ext JS를 활용한 구축 사례
● 청강문화산업대학교(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 Bootstrap
jQuery, 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)

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