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

1. 201 2 년 이러닝 학회 춘계학술대회
교육에서의 메타웍스 3 프레임워크의 활용
유엔진솔루션즈 장진영
j an g @ u e n g in e .o rg
yj

2. 프로그래밍 언어 기초를 학습하기 좋은 도구
POJO 프레임워크 – 메타웍스 3
4. 웹 / 모바일 어플리케이션을 다양한 언어 및 기술적 디
테일의 이해없이 구현함
6. 순수한 자바언어의 문법과 동작구조를 기반으로 어플리
케이션을 만들 수 있어 초보 언어 학습자에게 적합
8. 학습자가 적은 노력으로 빠른 결과물을 확인할 수 있어
동기 유발 / 유지 효과가 높음
10. 객체지향 개념을 철저하게 이해시킬 수 있는 기반 구조
가 마련됨
12. 내장된 웹 기반 개발도구 ( 클라우드 IDE) 를 통하여 컴
파일 , 오류확인 , 디버그 등을 할 수 있으며 ,
14.LMS 와의 연계를 통하면 문제출제 , 시험 등을 온라인
상에서 바로 할 수 있다 .

3. Agenda
1. 메타웍스 3 기반 웹 프로그래밍 모델
2. 메타웍스 3 의 클라우드 IDE
3. LMS 연계 프로그래밍 언어 학습 환경
5. 데모

4. Agenda
1. 메타웍스 3 기반 웹 프로그래밍 모델
2. 메타웍스 3 의 클라우드 IDE
3. LMS 연계 프로그래밍 언어 학습 환경
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. S e tte r/g e tte r 가
있으면 ‘프로퍼티’
라고 하며 , 웹상
에서는 입출력이
요망되는 주요데이
터가 된다
행위는 일반적 내
부 행위와 웹에서
출력될 ( 버튼 ) 행
위와의 구분을 위
하여
@ S e rvic e Me th o d
애노테이션을 준다

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. 메타웍스 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. p ro te c te d 로 생
성자가 보안처리
되었기 때문에 앞
서 Lo g in .lo g in ()
을 통하지 않고서
는 진입할 수 없게
된다 .

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

13. 메타웍스 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

14. # 퀴즈
# 메인화면에서 로그인 화면으로 이동하는 “로그아웃”은 어떻게 하면 될까요 ?

15. # 정답
o f
rt-
re tu rn s pa
re tu rn s in h e rits
p art- o f re tu rn s
p art- o f

16. Agenda
1. 메타웍스 3 기반 웹 프로그래밍 모델
2. 메타웍스 3 의 클라우드 IDE
3. LMS 연계 프로그래밍 언어 학습 환경
5. 데모

17. S c reenshots
C 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.

18. S c reenshots
C 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

19. S c reenshots – S oc ial C oding
D 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 ir
p ub lic /p riva te
s 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 ring
o the rs to b ra nc h fro m the s o urc e c o d e .

20. 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 E
Lic 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 O
C o m p ilatio n O O O (N o d e .j )
s X
Ru n O ? (n e e d PaaS ) O (N o d e .j )
s X
D e b u g g in g O (LG PL) X O (N o d e .j )
s X
SCM S VN /G it G it G it G it
Pro c e s s O (LG PL) X X X
Motitylin g d e lin g
E n d e Mo O (LG PL) X X X
Ru le Mo d e lin g O (LG PL) X X X
Layo u t E d ito r O (LG PL) X X X
S e c u rity O ? (n e e d PaaS ) O X
S o c ial C o d in g C h attin g /F B X C h attin g X
ALM 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 )

21. Agenda
1. 메타웍스 3 기반 웹 프로그래밍 모델
2. 메타웍스 3 의 클라우드 IDE
3. LMS 연계 프로그래밍 언어 학습 환경
예시
5. 데모

22. O p e n S o urc e L e a rning C e nte r L MS 와 연계된 클라우드 ID E 예측
도
학습중에 “ 실습기” 를 클릭
하면

23. O p e n S o urc e L e a rning C e nte r L MS 와 연계된 클라우드 ID E 예측
도
강의 내용을 곧바로 코
딩 , 실행 , 디버그할
수 있는 클라우드 ID E
가 론칭됨

24. 같은 강의 수강 소셜네
트워크
나도 이거 잘 안되던데… 어떻게
아시는분 ?
[ 구성주의 ] Pe e r 간
상호 협력 학습

25. 기대효과
기대효과
[ 진입 장벽 최소화 ]
•프로그래밍 초보자도 쉽게 이해가능한 구현 모델
•객체 지향 언어의 이해를 강력하게 유도 ( 응집도 , 다형성 )
•개발에 필요한 장비 , 환경 세팅의 최소화
•교수와 학습자간의 실시간 학습진도 체크 및 지도 ( 채팅 , 제어 등 ) 가능
•온라인 현장지도의 한계극복 ( 설치문제 등 )
[ 숙제 및 평가에 활용 ]
•시험시간이 오버되면 자동으로 ID E 사용이 차단
•과제제출물의 테스트 자동화로 많은 수강자의 평가 용이
•C o p y&Pas te 의 기능을 차단하여 커닝 방지
[ 학습자 성향 분석 및 소셜네트워크 형성 ]
•학습자의 코딩 실수의 패턴을 파악하여 힌트부여
•학습자 수준별 클러스터링 통하여 학급 편성
•나중엔 S N S 상에서 과외선생이 나올 수 도… . 수익모델로의 연결…

26. Agenda
1. 메타웍스 3 기반 웹 프로그래밍 모델
2. 메타웍스 3 의 클라우드 IDE
3. LMS 연계 프로그래밍 언어 학습 환경
5. 데모
- 감사합니다 -