HTML5 를 활용한 모바일 사이버 교육 콘텐츠 개발 mokento

HTML5 Smart Learning Contents By MOKENTO HTML5를 활용한 모바일사이버 교육 콘텐츠 개발 www.mokento.com HTML

MOKENTO IT의나무(木)과 흙(土) Market Change • 모바일 환경 및 각 종 디바이스의 발전으로 인해 • 웹은 물론 각 종 APP 까지도 PC와 모바일의 구분 없이 • 자유롭게 이용이 가능한 사용자 환경 도래 • 이미 개인의 모바일 기기 이용 시간이 PC 사용 시간을 초월 E-Learning 영역의 확장 필요 성별, 연령 별 PC, 모바일월평균 이용 시간

MOKENTO IT의나무(木)과 흙(土) About HTML5 “웹의 비표준을지양하고 지능적이고 실행 가능한 구현을 위해 탄생한 웹표준 기술.” HTML5 • 웹표준기술인 HTML 의 최신버전 • HTML5, CSS3, Javascript와 같은 웹표준 기술의 조합을 통칭 • Video, Audio, Web Storage, Web Socket, Geolocation 등 • 운영체제 독립적이며 장치독립적인 기술 다양한 웹브라우저 기반에서 동작 CSS3 JavaScript 멀티 플랫폼에서의 원활한 적용 각 종 모바일 디바이스 및 PC 에서의구동 및 연계 FLASH 사용 없이 역동적인 디자인과 이펙트 구현

MOKENTO IT의나무(木)과 흙(土) HTML5 Smart Learning HTML5 Smart Learning ■ 사용자와의 다양한 상호 작용 지원 HTML5 는 웹기반 서비스로 다양한 상호 작용을 통하여 동기 유발 및 집중력 향상을 유도 할 수 있습니다. • 문제 풀이 기능 – 객관식, 주관식, OX 퀴즈, 돌발퀴즈 등 • 설문조사 및 참여 하기 기능 – 사용자 설문 기능 및 전문가 의견 받기 기능 등 기존 동영상 방식 모바일 러닝 • 기존 스마트 러닝은 FLASH로 제작된 • PC 버전의 콘텐츠를 녹화한동영상 강좌만을 제공 ■ 학습 관리 기능 지원 (LMS) 독립된 LMS 또는 PC콘텐츠와 연계된 LMS를 통해 진도체크 및 학습관리등의 학습지원이 가능합니다. 사용자는 PC와 모바일 구분 없이 언제든지 자신의 학습한 지점에서 부터 이어서 학습할 수 있으며모든 기록은 PC와 공유됩니다. • 이로 인해 사용자와의 인터렉티브 작용 부재로 인한 흥미유발과 집중도 하락 • 학습, 진도 등을 관리 할 수 있는 기능을 • 적용하지 못 함으로서 반쪽 짜리 교육이 • 이루어 지고 있음 ■ 하나의 버전으로 PC와 모바일 버전을 동시 적용 가능 HTML5 기반으로 개발된 콘텐츠는모바일 뿐만 아니라 PC (웹)에서도 동시에 적용되어 개발 비용 절감이 이루어 지며 간단한 HTML 수정을 통해 비전문가도 손쉽고 유지· 보수 할 수 있는 장점이 있습니다. But…

MOKENTO IT의나무(木)과 흙(土) Contents Strategy 설계영역 그래픽영역 • 학습자의 특성을 최대한 반영, 분석하여 • 효과적인 스토리텔링 구현 • 학습 시 몰입도를 높이고, 지루하지 않은 • 진행이 될 수 있도록 최대한 편리성을 • 고려한 학습 UI를 설계 • 심플하면서도 임팩트 있는 화면 UI 구성 • 화려하지 않고, 편안한 색상 및 그래픽 • 요소 표현 • 직관적이고, 섬세한, 철학을 담은 표현 • 학습자에게 최적화된 컨텐츠 제작 • 설계영역, 그래픽 영역, 애니메이션 영역, 동영상영역별로 학습자에 대한 명확한 분석을 통하여, 최적의 콘텐츠 전략을 수립하여 과정의 효과적이고 완벽한 이수를 받을 수 있도록 합니다. 애니메이션영역 멀티미디어 영역 • 일러스트 , 라인 아트 표현 기법을 통한 • 사실적 효과 표현 • 심플하고 간결한 고퀄리티의액션 효과 • 표현 • 사실적인 현장 체험 효과 반영 • 섬세하고 임팩트 있는 표현으로 편집 • 사운드 이팩트의 웅장한 표현

MOKENTO IT의나무(木)과 흙(土) Development Process

MOKENTO IT의나무(木)과 흙(土) Case Studies client ○○관리위원회 연수원 (공공기관 프로젝트) project 공직선거법 및 정당법 교육과정 스마트 러닝 콘텐츠 제작 총 48 차시 개발 완료 details 기존 Flash로 제작된 웹용 교육 콘텐츠를HTML5로 신규 제작 LMS 연동을 통해 학습관리, 설문기능 등을 제공 PC 버전과 연계된 수상신청, 진도 연계의 기능 구축

MOKENTO IT의나무(木)과 흙(土) Case Studies client ○○ 평생교육원-국문학 강좌 (학점은행제 프로젝트) project 국어국문학 교육 과정 (6개 과정) HTML5과 동영상 콘텐츠를 연계한 하이브리드 사이버 과정 총 250 차시 개발 중 details 동영상 콘텐츠와HTML5 연동을 통해 학습관리 및 학습평가 (객관식, 주관식, 돌발 퀴즈) 등의 다양한 인터렉티브 기능 구축

MOKENTO IT의나무(木)과 흙(土) About MOKENTO 주식회사 모겐토(MOKENTO) 웹 디자인 및 개발 / 디지털 e-컨텐츠 설계 및 개발 2004년 8월 27일 설립(2007년 10월 법인전환) 서울시 구로구 구로동 212-26 e-스페이스 812호 02-3461-3934~5 30명 www.mokento.com www.webpd.kr www.moongchi.net 회사명 주요사업 설립일 주소 연락처 직원수 홈페이지 IT의나무(木)과 흙(土) 모겐토는무더운 여름날 무성한 가지와 잎이 많이 드리운 나무 그늘 아래에서, 모두가 함께 모여편안한 휴식을 취하며, 물 한잔 마시며 이야기 하고 싶은 마음을 의미합니다. Smart Learning Content WEB Design & Dev Mobile WEB/APP E-Book SI/SM HTML5

MOKENTO IT의나무(木)과 흙(土) About MOKENTO History (WEB SITE) 수원시청산하기관 소통 포털 SPP그룹SPP율촌에너지 KTKT FAMILY LG 전자스마트TV 3차 리뉴얼 국토해양부TAGO KORAIL레일드림-퇴직자 지원사이트 선불교선불교통합시스템 구축 KT&GKT&G사회공헙웹진 한국섬유산업협회섬유장학재단 슈마커슈마커리뉴얼 나눔로또행복캠페인 여행박사여행정보 구축 KSP지식 포럼 한국인삼공사사내방송시스템 옥션단옥션단리뉴얼 산업기술진흥원산업기술진흥원포털 존슨앤존슨비전케어캠페인웹사이트제작 슈나이더일렉트릭원인터페이스 개발

MOKENTO IT의나무(木)과 흙(土) About MOKENTO History (Smart Learning) 녹색환경지원센터기후변화대응과정 중소기업연수원 소통 과정-모바일 RMP 회의의 달인과정 스마트 세일즈과정 중앙평생교육원 아동교육외 다수 과정 한국교육과정평가원 사이버 가정학습 초등수학 그루피플즈목표에팀원참여 중소기업연수원 홍보 및 브랜드 과정 -모바일 국민연금공단컨텐츠 과정 교통관리공단컨텐츠 개발,설계 인천시교육연수원 컨텐츠과정 창원시 창업센터창업 컨텐츠 과정 중소기업연수원 협상의 달인 과정 식물검역원 식물검역원 과정 KERIS 사이버가정학습 관세청AEO교육과정 KERIS행복한 교사되기 과정 컨텐츠진흥원아이폰 기초과정 KERIS생생웃음교실 과정

MOKENTO IT의나무(木)과 흙(土) About MOKENTO History (동화APP & Mobile) 아기돼지삼형제 인어공주 미운오리새끼 토끼와 거북이 신데렐라 한국유아리더십-아이킨더 서울시강남교육지원청 나이스R&C 서울시북부교육지원청 국토해양부-TAGO

THANK YOU www.mokento.com

HTML5 를 활용한 모바일 사이버 교육 콘텐츠 개발 mokento