Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

메타웍스3 프레임워크의 교육적 활용

986 views

Published on

프로그래밍 실습의 교육적목적으로 메타웍스3를 활용하는 방법??

  • Be the first to like this

메타웍스3 프레임워크의 교육적 활용

  1. 1. 201 2 년 이러닝 학회 춘계학술대회교육에서의 메타웍스 3 프레임워크의 활용 유엔진솔루션즈 장진영 j an g @ u e n g in e .o rg yj
  2. 2. 프로그래밍 언어 기초를 학습하기 좋은 도구 POJO 프레임워크 – 메타웍스 3 4. 웹 / 모바일 어플리케이션을 다양한 언어 및 기술적 디 테일의 이해없이 구현함 6. 순수한 자바언어의 문법과 동작구조를 기반으로 어플리 케이션을 만들 수 있어 초보 언어 학습자에게 적합 8. 학습자가 적은 노력으로 빠른 결과물을 확인할 수 있어 동기 유발 / 유지 효과가 높음 10. 객체지향 개념을 철저하게 이해시킬 수 있는 기반 구조 가 마련됨 12. 내장된 웹 기반 개발도구 ( 클라우드 IDE) 를 통하여 컴 파일 , 오류확인 , 디버그 등을 할 수 있으며 , 14.LMS 와의 연계를 통하면 문제출제 , 시험 등을 온라인 상에서 바로 할 수 있다 .
  3. 3. Agenda 1. 메타웍스 3 기반 웹 프로그래밍 모델 2. 메타웍스 3 의 클라우드 IDE 3. LMS 연계 프로그래밍 언어 학습 환경 5. 데모
  4. 4. Agenda 1. 메타웍스 3 기반 웹 프로그래밍 모델 2. 메타웍스 3 의 클라우드 IDE 3. LMS 연계 프로그래밍 언어 학습 환경 5. 데모
  5. 5. 메타웍스 3 프로그래밍 모델 – L o g in. ja va일반적인 웹 어플리케이션을 예제로한 프로그래밍 모델의 이해 속성은 프로퍼티로 행위는 메서드로 5 u s e rId p ro p e rty Pas s wo rd p ro p e rty Lo g in m e th o d
  6. 6. S e tte r/g e tte r 가있으면 ‘프로퍼티’라고 하며 , 웹상에서는 입출력이요망되는 주요데이터가 된다행위는 일반적 내부 행위와 웹에서출력될 ( 버튼 ) 행위와의 구분을 위하여@ S e rvic e Me th o d애노테이션을 준다
  7. 7. 메타웍스 3 프로그래밍 모델 – 로그인 절차 Lo g in .java Main .java U s e rId Pas s wo rd re tu rn Me n u .java C o n te n t.java n e w Main () Lo g in S e le c tio n .java lo g in () 이 실행되면 Main 을 리턴하므로 Main 을 화면에 그려라 !
  8. 8. 메타웍스 3 프로그래밍 모델 – Ma in. ja va Me n u o b j c t e S e le c tio n o b j c t e C o n te n ts o b j c t e
  9. 9. p ro te c te d 로 생성자가 보안처리되었기 때문에 앞서 Lo g in .lo g in ()을 통하지 않고서는 진입할 수 없게된다 .
  10. 10. 메타웍스 3 프로그래밍 모델 – 메뉴선택 네비게이션 Lo g in .java Main .java U s e rId Pas s wo rd re tu rn Me n u .java C o n te n t.java n e w Main () Lo g in re tu rn S e le c tio n .java n e w AC o n te n t() AC o n te n t.java re tu rn n e w B C o n te n t() B c o n te n t.java ( 화면에 여러 객체가 이미 존재하 는 경우 ) 리턴된 객체는 자신이 가 장 부합되는 응집력을 가진 화면 요 소에 가서 그려짐
  11. 11. 11
  12. 12. 메타웍스 3 프로그래밍 모델 – 전체 o f rt- re tu rn s pa in h e rits p art- o f re tu rn s p art- o f
  13. 13. # 퀴즈 # 메인화면에서 로그인 화면으로 이동하는 “로그아웃”은 어떻게 하면 될까요 ?
  14. 14. # 정답 o f rt- re tu rn s pare tu rn s in h e rits p art- o f re tu rn s p art- o f
  15. 15. Agenda 1. 메타웍스 3 기반 웹 프로그래밍 모델 2. 메타웍스 3 의 클라우드 IDE 3. LMS 연계 프로그래밍 언어 학습 환경 5. 데모
  16. 16. S c reenshotsC lo ud ID E • P ure We b b a s e d ID E  No S D K, ID E d o wnlo a d a nd Ins ta lla tio n Re q uire d • J a va C o mp ila tio n o n the fly • E xe c utio n a nd D e b ug g ing • C o d e A s s is ta nc e • S ys te m A c c e s s & B a d C o d e P ro hib itio n ( e . g . Infinite L o o p )  No w, yo ur who le d e ve lo p e rs d o n’ t re q uire hig h- end d e ve lo p me nt d e vic e s a nd P C s , jus t g ive the m a ‘ ne tb o o k’ o r eve n a n iP a d s inc e yo ur d e ve lo p e r no w req uire s inte rne t c o nne c tio n o nly.
  17. 17. S c reenshotsC lo ud ID E – Mo b ile S imula tio n fo r We b A p p D e ve lo p me nt • P ho ne g a p S imula tio n • E xp o rta tio n to p ho ne g a p a p p p ro je c t ta rg e te d to multip le mo b ile O S • A c c e rlo me te r, L o c a tio n S e rvic e , C a me ra , Vib ra tio n
  18. 18. S c reenshots – S oc ial C odingD e ve lo p e d a p p fro m this p la tfo rm c a n b e c e le b ra te d thro ug h the irp ub lic /p riva tes o c ia l ne two rk to e na b le p e e r- re vie w, g e tting fe e d b a c k, o r trig g e ringo the rs to b ra nc h fro m the s o urc e c o d e .
  19. 19. S o me C o mp a ris o ns Me ta wo rks 3 e Xo ID E C lo ud 9 ID E O rio n ID ELic e n s e ( U C lip PL ) MIT/LG s e C o m m e rc ial C o m m e rc ial E PL /S aaS (F re e ) /S aaS (Fre e )O n lin e C o d in g O O O OC o m p ilatio n O O O (N o d e .j ) s XRu n O ? (n e e d PaaS ) O (N o d e .j ) s XD e b u g g in g O (LG PL) X O (N o d e .j ) s XSCM S VN /G it G it G it G itPro c e s s O (LG PL) X X XMotitylin g d e lin gE n d e Mo O (LG PL) X X XRu le Mo d e lin g O (LG PL) X X XLayo u t E d ito r O (LG PL) X X XS e c u rity O ? (n e e d PaaS ) O XS o c ial C o d in g C h attin g /F B X C h attin g XALM C o d e Re vie w / C o d e Re vie w / C o d e Re vie w X C I / S c ru m C I (n e e d PaaS )
  20. 20. Agenda 1. 메타웍스 3 기반 웹 프로그래밍 모델 2. 메타웍스 3 의 클라우드 IDE 3. LMS 연계 프로그래밍 언어 학습 환경 예시 5. 데모
  21. 21. O p e n S o urc e L e a rning C e nte r L MS 와 연계된 클라우드 ID E 예측도 학습중에 “ 실습기” 를 클릭 하면
  22. 22. O p e n S o urc e L e a rning C e nte r L MS 와 연계된 클라우드 ID E 예측도 강의 내용을 곧바로 코 딩 , 실행 , 디버그할 수 있는 클라우드 ID E 가 론칭됨
  23. 23. 같은 강의 수강 소셜네 트워크나도 이거 잘 안되던데… 어떻게아시는분 ? [ 구성주의 ] Pe e r 간 상호 협력 학습
  24. 24. 기대효과 기대효과 [ 진입 장벽 최소화 ] •프로그래밍 초보자도 쉽게 이해가능한 구현 모델 •객체 지향 언어의 이해를 강력하게 유도 ( 응집도 , 다형성 ) •개발에 필요한 장비 , 환경 세팅의 최소화 •교수와 학습자간의 실시간 학습진도 체크 및 지도 ( 채팅 , 제어 등 ) 가능 •온라인 현장지도의 한계극복 ( 설치문제 등 ) [ 숙제 및 평가에 활용 ] •시험시간이 오버되면 자동으로 ID E 사용이 차단 •과제제출물의 테스트 자동화로 많은 수강자의 평가 용이 •C o p y&Pas te 의 기능을 차단하여 커닝 방지 [ 학습자 성향 분석 및 소셜네트워크 형성 ] •학습자의 코딩 실수의 패턴을 파악하여 힌트부여 •학습자 수준별 클러스터링 통하여 학급 편성 •나중엔 S N S 상에서 과외선생이 나올 수 도… . 수익모델로의 연결…
  25. 25. Agenda 1. 메타웍스 3 기반 웹 프로그래밍 모델 2. 메타웍스 3 의 클라우드 IDE 3. LMS 연계 프로그래밍 언어 학습 환경 5. 데모 - 감사합니다 -

×