"교육용 하이브리드 웹앱 제작을 위한 요구 사항 분석" 현재의 이러닝 콘텐츠는 다양한 스마트 기기에서 볼 수 있도록 멀티스크린 환경을 지원해야 한다. 즉 원 소스 멀티 유즈(One Source Multi-Use, OSMU) 기능을 구현할 수 있는 스마트 교육 콘텐츠로 구성해야 한다. 이러한 스마트 교육 콘텐츠를 만들기 위해서는 하이브리드 웹앱 형태의 프레임워크가 필수적이다. 따라서 본 논문에서는 다양한 스마트기기에 이러닝 콘텐츠를 활용할 수 있도록 교육용 하이브리드 웹앱을 제작하기 위한 요구사항을 분석하였다.

1. 2014년 이러닝학회 추계학술 대회

2.  서론
 관련 연구
 프레임워크 요구 사항
 결론 및 논의

3.  OSMU란?
 One Source Multi Use
 하나의 소스 개발을 통해, 서로 다른 해상도와
크기를 가진 다양한 사용자 환경을 지원한다.
참조 사이트(http://ikep.lgcns.com/ikephp-webapp/Contents/KO/Solutions/ikepMos.html)

4.  PC기반의 콘텐츠(플래쉬)가 대부분
 다양한 스마트 기기 보급
 스마트 콘텐츠의 제작요구
 다양한 플랫폼 앱 개발(비용증가)
 스마트 기기의 사용 증가
 클라우드 서비스 연동 요구
 디지털 교과서
 다양한 eBook 제작
 앱생태계 확산
참조 사이트(http://kunpang.tistory.com/43)

5.  HTML5 표준화(2014년10월 예정)
 다양한 브라우저 HTML5 지원
 다양한 기기에서 HTML5 활용(스마트기기, 가전 등)
 다양한 HTML5 콘텐츠와 저작 도구 출현
 CSS3와 JAVASCRIPT를 활용한 다이나믹한
콘텐츠 제작(반응형 웹, 웹앱, 하이브리드앱)
 웹앱과 네이티브앱의 결합>하이브리드 웹앱
 하이브리드 웹앱 프레임워크 선택 중요성 증가

6. 교육용 콘텐츠 : 문자, 그림, 사진, 동영상, 소리
교수-학습 활동에 사용되는 아날로그 또는
디지털 형태의 모든 자원을 의미.
참조 사이트(http://prezi.com/lugugxjsixuj/presentation/)

7.  교육 목표를 달성하기 위해 유형, 개발 및 보급 기관과 상
관없이 교육 목적으로 활용 가능한 모든 스마트 환경에
서의 콘텐츠.
참조 자료(스마트미디어(정보통신표준과) :스마트미디어 표준화 종합 지원 전략 발표
(SMART on ICT 2012 개최 보도자료))

8.  하이브리드 웹앱 = 웹 + 네이티브

9. 참조 사이트(http://blog.gaerae.com/2014/04/mobile-web-app-frameworks.html#.VBuD25R_sxY)

10. 참조 사이트(http://www.davincisdk.com/?page_id=7230&lang=ko)
참조 사이트(http://www.4csoft.com/?page_id=1797)
참조 사이트(http://webcat.openplay.kr/)

11.  웹사이트 : http://jquerymobile.com/
 개발 방식 : Markup 기반
 테마 특징 : 테마롤러 도구 지원
 기반 스크립트 : jQuery 기반
 지원 기기 : iOS ,Android, BlackBerry, 팜 웹OS,
오페라 모바일, 파이어폭스 모바일 등 다양함.

12.  웹사이트 :
http://www.sencha.com/products/touch/
 개발 방식 : Script 기반
 테마 특징 : Sass 기반
 기반 스크립트 : ExtJS 기반
 지원 기기 : iOS ,Android,
BlackBerry OS 6.0 이상

13. 참조 사이트(http://www.w3.org/2014/07/mobile-web-app-state/)

14.  하이브리드 웹앱 제작이 가능한가(웹표준 준수, 개
발환경 지원 여부(IDE), 멀티 플랫폼 지원 등)?
 네이티브앱과 웹앱을 합친 형태의 라이브러리와
컴포넌트를 제공하는가?
 다양한 앱 스토어에 올릴 수 있도록 패키지
(Package)를 지원하고 다운로드 가능한가?
 모바일 디바이스로 다운로드 후에는 앱 속성에 따
라 서버와의 비동기 통신이 가능한가?
 네이티브앱 수준의 다양한 앱을 제작할 수 있는가?

15.  앱 제작시 소프트웨어 프레임워크 선택에 필요한
요소로는 기능, 속도, 라이선스, 안전성 등 플랫폼
(각 브라우저에 랜더링 엔진), 타켓앱, 개발언어의
종류, 지원하는 하드웨어, 유저 인터페이스, 기타
사항, 라이선스 등을 고려해야 된다(http://mobil
e-frameworks-comparison-chart.com/).
 다양한 사용자 환경과 조건에 맞는
추천 프레임워크 사이트
eMobc(http://www.emobc.com)

16.  이러닝 콘텐츠를 다양한 기기에 사용하기 위해서
는 콘텐츠 차체는 클라우드 저장 공간에서 제공하
고 공통적인 사용자 인터페이스를 제공해야 한다.
그러므로 하이브리드 형태의 콘텐츠 제작이 필요
하고 이러한 앱을 제작하기 위해 프레임워크의 선
택은 중요하다.
 체크 리스트에 나와 있는 확인사항과 제작하려는
스마트 교육 콘텐츠의 활용분야를 고려해서 각 응
용 영역에 합당한 하이브리드 웹앱 프레임워크를
선정하면 다양한 플랫폼에서 활용할 수 있다.

17.  2014년 10대 전략적 기술 트렌드(가트너)
참조 사이트(http://kunpang.tistory.com/43)
참조 사이트(http://fishpoint.tistory.com/695)

18. 참조 사이트(http://www.inovies.com/35-html5-resources-that-every-web-
developer-should-know-75-inovies.html)

19. 참조 사이트(http://moodle.unitec.ac.nz/course/view.php?id=3467)