Requirement analysis for the production of educational hybrid web applications

Post on 15-Jul-2015

98 views 4 download

Transcript of Requirement analysis for the production of educational hybrid web applications

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

서론

관련 연구

프레임워크 요구 사항

결론 및 논의

OSMU란?

One Source Multi Use

하나의 소스 개발을 통해, 서로 다른 해상도와

크기를 가진 다양한 사용자 환경을 지원한다.

참조 사이트(http://ikep.lgcns.com/ikephp-webapp/Contents/KO/Solutions/ikepMos.html)

PC기반의 콘텐츠(플래쉬)가 대부분

다양한 스마트 기기 보급

스마트 콘텐츠의 제작요구

다양한 플랫폼 앱 개발(비용증가)

스마트 기기의 사용 증가

클라우드 서비스 연동 요구

디지털 교과서

다양한 eBook 제작

앱생태계 확산

참조 사이트(http://kunpang.tistory.com/43)

HTML5 표준화(2014년10월 예정) 다양한 브라우저 HTML5 지원 다양한 기기에서 HTML5 활용(스마트기기, 가전 등) 다양한 HTML5 콘텐츠와 저작 도구 출현 CSS3와 JAVASCRIPT를 활용한 다이나믹한콘텐츠 제작(반응형 웹, 웹앱, 하이브리드앱)

웹앱과 네이티브앱의 결합>하이브리드 웹앱 하이브리드 웹앱 프레임워크 선택 중요성 증가

교육용 콘텐츠 : 문자, 그림, 사진, 동영상, 소리

교수-학습 활동에 사용되는 아날로그 또는

디지털 형태의 모든 자원을 의미.

참조 사이트(http://prezi.com/lugugxjsixuj/presentation/)

교육 목표를 달성하기 위해 유형, 개발 및 보급 기관과 상관없이 교육 목적으로 활용 가능한 모든 스마트 환경에서의 콘텐츠.

참조 자료(스마트미디어(정보통신표준과) :스마트미디어 표준화 종합 지원 전략 발표(SMART on ICT 2012 개최 보도자료))

하이브리드 웹앱 = 웹 + 네이티브

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

참조 사이트(http://www.davincisdk.com/?page_id=7230&lang=ko)

참조 사이트(http://www.4csoft.com/?page_id=1797)

참조 사이트(http://webcat.openplay.kr/)

웹사이트 : http://jquerymobile.com/

개발 방식 : Markup 기반

테마 특징 : 테마롤러 도구 지원

기반 스크립트 : jQuery 기반

지원 기기 : iOS ,Android, BlackBerry, 팜 웹OS, 오페라 모바일, 파이어폭스 모바일 등 다양함.

웹사이트 :

http://www.sencha.com/products/touch/

개발 방식 : Script 기반

테마 특징 : Sass 기반

기반 스크립트 : ExtJS 기반

지원 기기 : iOS ,Android,

BlackBerry OS 6.0 이상

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

하이브리드 웹앱 제작이 가능한가(웹표준 준수, 개발환경 지원 여부(IDE), 멀티 플랫폼 지원 등)?

네이티브앱과 웹앱을 합친 형태의 라이브러리와컴포넌트를 제공하는가?

다양한 앱 스토어에 올릴 수 있도록 패키지(Package)를 지원하고 다운로드 가능한가?

모바일 디바이스로 다운로드 후에는 앱 속성에 따라 서버와의 비동기 통신이 가능한가?

네이티브앱 수준의 다양한 앱을 제작할 수 있는가?

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

다양한 사용자 환경과 조건에 맞는

추천 프레임워크 사이트eMobc(http://www.emobc.com)

이러닝 콘텐츠를 다양한 기기에 사용하기 위해서는 콘텐츠 차체는 클라우드 저장 공간에서 제공하고 공통적인 사용자 인터페이스를 제공해야 한다. 그러므로 하이브리드 형태의 콘텐츠 제작이 필요하고 이러한 앱을 제작하기 위해 프레임워크의 선택은 중요하다.

체크 리스트에 나와 있는 확인사항과 제작하려는스마트 교육 콘텐츠의 활용분야를 고려해서 각 응용 영역에 합당한 하이브리드 웹앱 프레임워크를선정하면 다양한 플랫폼에서 활용할 수 있다.

2014년 10대 전략적 기술 트렌드(가트너)

참조 사이트(http://kunpang.tistory.com/43)

참조 사이트(http://fishpoint.tistory.com/695)

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

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