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

Requirement analysis for the production of educational hybrid web applications

Embed Size (px)

Citation preview

Page 1: Requirement analysis for the production of educational hybrid web applications

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

Page 2: Requirement analysis for the production of educational hybrid web applications

서론

관련 연구

프레임워크 요구 사항

결론 및 논의

Page 3: Requirement analysis for the production of educational hybrid web applications

OSMU란?

One Source Multi Use

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

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

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

Page 4: Requirement analysis for the production of educational hybrid web applications

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

다양한 스마트 기기 보급

스마트 콘텐츠의 제작요구

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

스마트 기기의 사용 증가

클라우드 서비스 연동 요구

디지털 교과서

다양한 eBook 제작

앱생태계 확산

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

Page 5: Requirement analysis for the production of educational hybrid web applications

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

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

Page 6: Requirement analysis for the production of educational hybrid web applications

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

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

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

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

Page 7: Requirement analysis for the production of educational hybrid web applications

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

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

Page 8: Requirement analysis for the production of educational hybrid web applications

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

Page 9: Requirement analysis for the production of educational hybrid web applications

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

Page 10: Requirement analysis for the production of educational hybrid web applications

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

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

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

Page 11: Requirement analysis for the production of educational hybrid web applications

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

개발 방식 : Markup 기반

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

기반 스크립트 : jQuery 기반

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

Page 12: Requirement analysis for the production of educational hybrid web applications

웹사이트 :

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

개발 방식 : Script 기반

테마 특징 : Sass 기반

기반 스크립트 : ExtJS 기반

지원 기기 : iOS ,Android,

BlackBerry OS 6.0 이상

Page 13: Requirement analysis for the production of educational hybrid web applications

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

Page 14: Requirement analysis for the production of educational hybrid web applications

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

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

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

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

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

Page 15: Requirement analysis for the production of educational hybrid web applications

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

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

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

Page 16: Requirement analysis for the production of educational hybrid web applications

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

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

Page 17: Requirement analysis for the production of educational hybrid web applications

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

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

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

Page 18: Requirement analysis for the production of educational hybrid web applications

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

Page 19: Requirement analysis for the production of educational hybrid web applications

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