메타웍스3 프레임워크의 교육적 활용
DESCRIPTION
프로그래밍 실습의 교육적목적으로 메타웍스3를 활용하는 방법??TRANSCRIPT
POJO 프레임워크 – 메타웍스 3
1. 웹 / 모바일 어플리케이션을 다양한 언어 및 기술적 디테일의 이해없이 구현함
1. 순수한 자바언어의 문법과 동작구조를 기반으로 어플리케이션을 만들 수 있어 초보 언어 학습자에게 적합
• 학습자가 적은 노력으로 빠른 결과물을 확인할 수 있어 동기 유발 / 유지 효과가 높음
• 객체지향 개념을 철저하게 이해시킬 수 있는 기반 구조가 마련됨
• 내장된 웹 기반 개발도구 ( 클라우드 IDE) 를 통하여 컴파일 , 오류확인 , 디버그 등을 할 수 있으며 ,
1. LMS 와의 연계를 통하면 문제출제 , 시험 등을 온라인 상에서 바로 할 수 있다 .
프로그래밍 언어 기초를 학습하기 좋은 도구
1. 메타웍스 3 기반 웹 프로그래밍 모델2. 메타웍스 3 의 클라우드 IDE 3. LMS 연계 프로그래밍 언어 학습 환경
1. 데모
Agenda
1. 메타웍스 3 기반 웹 프로그래밍 모델2. 메타웍스 3 의 클라우드 IDE 3. LMS 연계 프로그래밍 언어 학습 환경
1. 데모
Agenda
메타웍스 3 프로그래밍 모델 – Login.java
5userId property Login methodPassword property
일반적인 웹 어플리케이션을 예제로한 프로그래밍 모델의 이해
행위는 메서드로행위는
메서드로
속성은 프로퍼티로
속성은 프로퍼티로
Setter/getter 가 있으면 ‘프로퍼티’라고 하며 , 웹상에서는 입출력이 요망되는 주요데이터가 된다
행위는 일반적 내부 행위와 웹에서 출력될 (버튼 ) 행위와의 구분을 위하여 @ServiceMethod 애노테이션을 준다
UserIdPassword
Login
Login.java Main.java
Content.javaMenu.java
Selection.java
return new Main()
login() 이 실행되면 Main 을 리턴하므로
Main 을 화면에 그려라 !
login() 이 실행되면 Main 을 리턴하므로
Main 을 화면에 그려라 !
메타웍스 3 프로그래밍 모델 – 로그인 절차
Contents objectMenu object Selection object
메타웍스 3 프로그래밍 모델 – Main.java
protected 로 생성자가 보안처리 되었기 때문에 앞서 Login.login() 을 통하지 않고서는 진입할 수 없게된다 .
UserIdPassword
Login
Login.java Main.java
Content.javaMenu.java
Selection.java
return new Main()
return new AContent()AContent.java
Bcontent.javareturn new BContent()
( 화면에 여러 객체가 이미 존재하는 경우 ) 리턴된 객체는 자신이 가장
부합되는 응집력을 가진 화면 요소에 가서 그려짐
( 화면에 여러 객체가 이미 존재하는 경우 ) 리턴된 객체는 자신이 가장
부합되는 응집력을 가진 화면 요소에 가서 그려짐
메타웍스 3 프로그래밍 모델 – 메뉴선택 네비게이션
11
메타웍스 3 프로그래밍 모델 – 전체
returns inherits
part-of
part-of
part-of
returns
# 퀴즈
# 메인화면에서 로그인 화면으로 이동하는 “ 로그아웃” 은 어떻게 하면 될까요 ?
# 정답
returns inherits
part-of
part-of
part-of
returns
returns
1. 메타웍스 3 기반 웹 프로그래밍 모델2. 메타웍스 3 의 클라우드 IDE 3. LMS 연계 프로그래밍 언어 학습 환경
1. 데모
Agenda
Cloud IDE
• Pure Web based IDE
No SDK, IDE download and Installation Required
• Java Compilation on the fly
• Execution and Debugging
• Code Assistance• System Access & Bad
Code Prohibition (e.g. Infinite Loop)
Screenshots
Now, your whole developers don’t require high-end development devices and PCs, just give them a ‘netbook’ or even an iPad since your developer now requires internet connection only.
Cloud IDE – Mobile Simulation for Web App Development
• Phonegap Simulation• Exportation to
phonegap app project targeted to multiple mobile OS
• Accerlometer, Location Service, Camera, Vibration
Screenshots
Developed app from this platform can be celebrated through their public/private social network to enable peer-review, getting feedback, or triggering others to branch from the source code.
Screenshots – Social Coding
Some Comparisons
Metaworks3 IDE(UClipse)
eXo IDE Cloud9 IDE Orion
License MIT/LGPL Commercial/SaaS (Free)
Commercial/SaaS (Free)
EPL
Online Coding O O O O
Compilation O O O (Node.js) X
Run O ? (need PaaS) O (Node.js) X
Debugging O (LGPL) X O (Node.js) X
SCM SVN/Git Git Git Git
Process Modeling
O (LGPL) X X X
Entity Modeling O (LGPL) X X X
Rule Modeling O (LGPL) X X X
Layout Editor O (LGPL) X X X
Security O ? (need PaaS) O X
Social Coding Chatting/FB X Chatting X
ALM Code Review / CI / Scrum
Code Review / CI (need PaaS)
Code Review X
1. 메타웍스 3 기반 웹 프로그래밍 모델2. 메타웍스 3 의 클라우드 IDE 3. LMS 연계 프로그래밍 언어 학습 환경
예시
1. 데모
Agenda
학습중에 “실습기” 를 클릭하면
학습중에 “실습기” 를 클릭하면
Open Source Learning Center LMS 와 연계된 클라우드 IDE 예측도
강의 내용을 곧바로 코딩 , 실행 ,
디버그할 수 있는 클라우드 IDE 가
론칭됨
강의 내용을 곧바로 코딩 , 실행 ,
디버그할 수 있는 클라우드 IDE 가
론칭됨
Open Source Learning Center LMS 와 연계된 클라우드 IDE 예측도
나도 이거 잘 안되던데… 어떻게 아시는분 ?
같은 강의 수강 소셜네트워크
같은 강의 수강 소셜네트워크
[ 구성주의 ] Peer 간 상호 협력 학습
[ 구성주의 ] Peer 간 상호 협력 학습
기대효과
[ 진입 장벽 최소화 ]•프로그래밍 초보자도 쉽게 이해가능한 구현 모델•객체 지향 언어의 이해를 강력하게 유도 ( 응집도 , 다형성 )•개발에 필요한 장비 , 환경 세팅의 최소화•교수와 학습자간의 실시간 학습진도 체크 및 지도 ( 채팅 , 제어 등 ) 가능•온라인 현장지도의 한계극복 ( 설치문제 등 )
[ 숙제 및 평가에 활용 ]•시험시간이 오버되면 자동으로 IDE 사용이 차단•과제제출물의 테스트 자동화로 많은 수강자의 평가 용이•Copy&Paste 의 기능을 차단하여 커닝 방지
[ 학습자 성향 분석 및 소셜네트워크 형성 ]•학습자의 코딩 실수의 패턴을 파악하여 힌트부여•학습자 수준별 클러스터링 통하여 학급 편성•나중엔 SNS 상에서 과외선생이 나올 수 도… . 수익모델로의 연결…
기대효과
1. 메타웍스 3 기반 웹 프로그래밍 모델2. 메타웍스 3 의 클라우드 IDE 3. LMS 연계 프로그래밍 언어 학습 환경
1. 데모
- 감사합니다 -
Agenda