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

796 views

Published on

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

1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
796
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

메타웍스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. 데모 - 감사합니다 -

×