구름IDE : 클라우드 통합개발환경

교육용 버전 소개
구름IDE: 클라우드 통합개발환경

프로젝트 소개

2
클라우드 통합개발환경 구름IDE
• 클라우드 통합 개발 환경
–
–
–
–
–

웹 브라우저만 있으면 언제 어디서나 개발 가능
별도의 설치 과정이 불필요
온라인 빌드/실행/디버깅 지원
온라인 실시간 협업 지원
다양한 프...
구름 프로젝트 발자취

2011

2012

2013

NIPA 공개소프트웨어
개발 커뮤니티 지원사업

NIPA 공개소프트웨어
개발 커뮤니티 지원사업

NIPA 공개소프트웨어
개발지원사업

우수과제 선정

우수과제 선정...
구름IDE 특징

플러그인 엔진

교육용 기능 지원

(다양한 개발언어/플랫폼 지원)

(퀴즈 시스템/자동 채점/유사도 분석)

온라인 디버깅

프로젝트 공유 및 관리

(웹브라우저에서 프로그램을 디버깅)

(프로젝트 ...
구름IDE 구조

6
구름의 동작 환경
• 동작 환경
– 운영체제에 상관업이 웹 표준을 준수하는 브라우저에서 동작
– 운영체제: Windows, Mac OSX, Linux
– 브라우저: Chrome, Safari, Firefox, Opera...
goormIDE: 클라우드 통합개발환경

교육용버전 소개

8
교육용 기능

<대시보드:관리도구>

<실시간 퀴즈>

<강의 슬라이드 공유>

<자동 채점>

<유사도 검사>
9
교육용버전 시나리오
교수자 / 강의자

학생

관리자 로그인

가입/로그인
퀴즈 등록
문제 출제

프로그램 작성
IDE 내 제출
실시간 채점

•
•
•
•

결과 확인
소스코드 확인
유사도 검사
원격 지도(협업)
10
회원 가입
• http://goorm.gonetis.com 에 접속

11
회원 가입
• 로그인 화면에서 회원 가입 버튼을 누릅니다.

12
회원 가입
• 필요한 정보를 입력하고 가입을 완료합니다.

13
회원 가입
• 로그인이 완료되면 다음과 같은 메인 화면이 뜹니다.

14
새 프로젝트 만들기
• 화면 상단의 파일-새 프로젝트
또는 툴바에서 새 프로젝트를 선택합니다.

15
새 프로젝트 만들기
• C++ Console 프로젝트를 선택합니다.

16
새 프로젝트 만들기
• 필요한 정보를 입력하고 확인 버튼을 클릭합니다.

17
새 프로젝트 만들기
• 프로젝트가 정상적으로 생성되면 화면 좌측의
프로젝트 탭에 디렉토리와 파일이 출력됩니다.

18
새 프로젝트 만들기
• src/main.cpp 파일을 더블 클릭하거나
오른쪽 버튼 메뉴 – 열기를 선택합니다.

19
빌드 및 실행
• 화면 상단의 프로젝트 – 빌드를 선택하거나
또는 툴바에서 아래 아이콘을 클릭합니다.

20
빌드 및 실행
• 빌드 할 프로젝트를 선택하고 빌드 버튼을 누릅니다.

21
빌드 및 실행
• 빌드가 정상적으로 완료되면
하단의 터미널에 메시지가 출력됩니다.

22
빌드 및 실행
• 화면 상단의 프로젝트 – 실행을 클릭하거나
또는 툴바에서 아래 아이콘을 클릭합니다.

23
빌드 및 실행
• 실행이 정상적으로 완료되면 결과는
아래의 터미널에서 확인 가능합니다.

24
편집 기능
• 찾기 / 바꾸기
– CTRL + F

25
편집 기능
• 자동 완성
– CTRL + SPACE

26
슬라이드 공유
• 화면 우측의 슬라이드 탭에서
교수자의 강의자료를 함께 볼 수 있습니다.

27
슬라이드 공유
• 화면 우측의 슬라이드 탭에서
교수자의 강의자료를 함께 볼 수 있습니다.

28
커뮤니케이션/협업
• 우측의 커뮤니케이션 탭에서 동일 프로젝트에
접근한 유저끼리 채팅이 가능합니다.

29
커뮤니케이션/협업
• 교수자의 프로젝트는 수강 학생들과 공유되지 않습니다.
– 프로젝트 - 프로젝트 공유를 통해 가능합니다.

30
커뮤니케이션/협업
• 학생들이 새로 만드는 모든 프로젝트는
교수자와 공유됩니다.

31
커뮤니케이션/협업
• 학생의 프로젝트는 실시간으로 교수자의 편집이 가능합니다.

32
커뮤니케이션/협업
• 학생들간의 협업도 가능하나
교수자의 허가가 있어야만 합니다.

33
관리자 로그인
• http://goorm.gonetis.com:3000 에 접속

34
관리자 로그인
• ID: teacher / PW: demo1234 로 접속

35
퀴즈/시험/과제
• 교수자는 대시보드의 퀴즈 관리에서
새로운 퀴즈를 추가할 수 있습니다.

36
퀴즈/시험/과제
• 교수자는 원하는 퀴즈들을 선택하여
새로운 시험을 생성할 수 있습니다.

37
퀴즈/시험/과제
• 생성된 시험은 시험 관리에서 확인할 수 있고
시험을 시작 및 중지할 수 있습니다.

38
퀴즈/시험/과제
• 시작된 시험은 IDE의 우측 레이아웃에서 확인할 수 있습니다.

39
퀴즈/시험/과제
• 퀴즈 항목을 클릭하면 문제 내용을 확인할 수 있습니다.

40
퀴즈/시험/과제
• 새 프로젝트를 만들어 문제를 해결합니다.
• 제출 전에는 반드시 빌드를 해야 합니다.

41
퀴즈/시험/과제
• 퀴즈/시험/과제는 문제당
하나의 프로젝트를 업로드하여 자동 채점을 받습니다.

42
퀴즈/시험/과제
• 해당하는 문제에 대해 업로드를 시작합니다.

43
퀴즈/시험/과제
• 해당 문제를 해결했을 경우 아래처럼 성공으로 표시됩니다.

44
채점 관리
• 교수자는 문제를 해결한 학생의 명단을 확인할 수 있습니다.

45
채점 관리
• 교수자는 학생들이 제출한 소스코드들을
실시간으로 확인할 수 있습니다.

46
채점 관리
• 교수자는 학생들이 제출한 소스코드들의
채점 진행 상황을 확인할 수 있습니다.

47
유사도 검사
• 교수자는 학생들이 제출한
소스코드들의 유사도를 검사할 수 있습니다.

48
유사도 검사
• 설정한 값 이상의 유사도를 보이는
학생들의 소스코드를 비교하여 볼 수 있습니다.

49
Q&A
• 구름 기능 및 시스템 문의
– 이메일: jwoongs@goorm.io
– 휴대폰: 010-9410-9002

• 건의 사항/버그 리포팅
– 메뉴 → 계정 → 로그아웃 → 사용자 의견

50
Upcoming SlideShare
Loading in …5
×

Goorm ide 소개 슬라이드(교육용 버전)

1,218 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,218
On SlideShare
0
From Embeds
0
Number of Embeds
520
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Goorm ide 소개 슬라이드(교육용 버전)

  1. 1. 구름IDE : 클라우드 통합개발환경 교육용 버전 소개
  2. 2. 구름IDE: 클라우드 통합개발환경 프로젝트 소개 2
  3. 3. 클라우드 통합개발환경 구름IDE • 클라우드 통합 개발 환경 – – – – – 웹 브라우저만 있으면 언제 어디서나 개발 가능 별도의 설치 과정이 불필요 온라인 빌드/실행/디버깅 지원 온라인 실시간 협업 지원 다양한 프로그래밍 언어 지원 3
  4. 4. 구름 프로젝트 발자취 2011 2012 2013 NIPA 공개소프트웨어 개발 커뮤니티 지원사업 NIPA 공개소프트웨어 개발 커뮤니티 지원사업 NIPA 공개소프트웨어 개발지원사업 우수과제 선정 우수과제 선정 우수과제 선정 지식경제부, NIPA 주관 NAVER, DAUM, MS, Yahoo 주관 지식경제부, NIPA 주관 지식경제부, NIPA 주관 대한민국 매쉬업 경진대회 2위 수상 공개 소프트웨어 공모대전 학생부/자유주제 2위 수상 공개 소프트웨어 공모대전 베스트 업그레이드상 공개 소프트웨어 공모대전 베스트 업그레이드상 (2회 연속) , Inc. 설립 2011 2012 2013 2009 2010 4
  5. 5. 구름IDE 특징 플러그인 엔진 교육용 기능 지원 (다양한 개발언어/플랫폼 지원) (퀴즈 시스템/자동 채점/유사도 분석) 온라인 디버깅 프로젝트 공유 및 관리 (웹브라우저에서 프로그램을 디버깅) (프로젝트 단위의 쉽고 편리한 협업) 온라인 빌드/실행 온라인 편집 협업 (웹브라우저에서 소스 코드를 빌드하고 실행) (구글 닥스처럼 소스 코드를 동시 편집) 온라인 소스 코드 편집 (웹브라우저에서 소스 코드를 편집) 5
  6. 6. 구름IDE 구조 6
  7. 7. 구름의 동작 환경 • 동작 환경 – 운영체제에 상관업이 웹 표준을 준수하는 브라우저에서 동작 – 운영체제: Windows, Mac OSX, Linux – 브라우저: Chrome, Safari, Firefox, Opera • 구글 크롬 브라우저 – 최신 웹 기술을 기반으로 웹표준을 잘 지원하는 구글 크롬에서 가장 잘 동작 7
  8. 8. goormIDE: 클라우드 통합개발환경 교육용버전 소개 8
  9. 9. 교육용 기능 <대시보드:관리도구> <실시간 퀴즈> <강의 슬라이드 공유> <자동 채점> <유사도 검사> 9
  10. 10. 교육용버전 시나리오 교수자 / 강의자 학생 관리자 로그인 가입/로그인 퀴즈 등록 문제 출제 프로그램 작성 IDE 내 제출 실시간 채점 • • • • 결과 확인 소스코드 확인 유사도 검사 원격 지도(협업) 10
  11. 11. 회원 가입 • http://goorm.gonetis.com 에 접속 11
  12. 12. 회원 가입 • 로그인 화면에서 회원 가입 버튼을 누릅니다. 12
  13. 13. 회원 가입 • 필요한 정보를 입력하고 가입을 완료합니다. 13
  14. 14. 회원 가입 • 로그인이 완료되면 다음과 같은 메인 화면이 뜹니다. 14
  15. 15. 새 프로젝트 만들기 • 화면 상단의 파일-새 프로젝트 또는 툴바에서 새 프로젝트를 선택합니다. 15
  16. 16. 새 프로젝트 만들기 • C++ Console 프로젝트를 선택합니다. 16
  17. 17. 새 프로젝트 만들기 • 필요한 정보를 입력하고 확인 버튼을 클릭합니다. 17
  18. 18. 새 프로젝트 만들기 • 프로젝트가 정상적으로 생성되면 화면 좌측의 프로젝트 탭에 디렉토리와 파일이 출력됩니다. 18
  19. 19. 새 프로젝트 만들기 • src/main.cpp 파일을 더블 클릭하거나 오른쪽 버튼 메뉴 – 열기를 선택합니다. 19
  20. 20. 빌드 및 실행 • 화면 상단의 프로젝트 – 빌드를 선택하거나 또는 툴바에서 아래 아이콘을 클릭합니다. 20
  21. 21. 빌드 및 실행 • 빌드 할 프로젝트를 선택하고 빌드 버튼을 누릅니다. 21
  22. 22. 빌드 및 실행 • 빌드가 정상적으로 완료되면 하단의 터미널에 메시지가 출력됩니다. 22
  23. 23. 빌드 및 실행 • 화면 상단의 프로젝트 – 실행을 클릭하거나 또는 툴바에서 아래 아이콘을 클릭합니다. 23
  24. 24. 빌드 및 실행 • 실행이 정상적으로 완료되면 결과는 아래의 터미널에서 확인 가능합니다. 24
  25. 25. 편집 기능 • 찾기 / 바꾸기 – CTRL + F 25
  26. 26. 편집 기능 • 자동 완성 – CTRL + SPACE 26
  27. 27. 슬라이드 공유 • 화면 우측의 슬라이드 탭에서 교수자의 강의자료를 함께 볼 수 있습니다. 27
  28. 28. 슬라이드 공유 • 화면 우측의 슬라이드 탭에서 교수자의 강의자료를 함께 볼 수 있습니다. 28
  29. 29. 커뮤니케이션/협업 • 우측의 커뮤니케이션 탭에서 동일 프로젝트에 접근한 유저끼리 채팅이 가능합니다. 29
  30. 30. 커뮤니케이션/협업 • 교수자의 프로젝트는 수강 학생들과 공유되지 않습니다. – 프로젝트 - 프로젝트 공유를 통해 가능합니다. 30
  31. 31. 커뮤니케이션/협업 • 학생들이 새로 만드는 모든 프로젝트는 교수자와 공유됩니다. 31
  32. 32. 커뮤니케이션/협업 • 학생의 프로젝트는 실시간으로 교수자의 편집이 가능합니다. 32
  33. 33. 커뮤니케이션/협업 • 학생들간의 협업도 가능하나 교수자의 허가가 있어야만 합니다. 33
  34. 34. 관리자 로그인 • http://goorm.gonetis.com:3000 에 접속 34
  35. 35. 관리자 로그인 • ID: teacher / PW: demo1234 로 접속 35
  36. 36. 퀴즈/시험/과제 • 교수자는 대시보드의 퀴즈 관리에서 새로운 퀴즈를 추가할 수 있습니다. 36
  37. 37. 퀴즈/시험/과제 • 교수자는 원하는 퀴즈들을 선택하여 새로운 시험을 생성할 수 있습니다. 37
  38. 38. 퀴즈/시험/과제 • 생성된 시험은 시험 관리에서 확인할 수 있고 시험을 시작 및 중지할 수 있습니다. 38
  39. 39. 퀴즈/시험/과제 • 시작된 시험은 IDE의 우측 레이아웃에서 확인할 수 있습니다. 39
  40. 40. 퀴즈/시험/과제 • 퀴즈 항목을 클릭하면 문제 내용을 확인할 수 있습니다. 40
  41. 41. 퀴즈/시험/과제 • 새 프로젝트를 만들어 문제를 해결합니다. • 제출 전에는 반드시 빌드를 해야 합니다. 41
  42. 42. 퀴즈/시험/과제 • 퀴즈/시험/과제는 문제당 하나의 프로젝트를 업로드하여 자동 채점을 받습니다. 42
  43. 43. 퀴즈/시험/과제 • 해당하는 문제에 대해 업로드를 시작합니다. 43
  44. 44. 퀴즈/시험/과제 • 해당 문제를 해결했을 경우 아래처럼 성공으로 표시됩니다. 44
  45. 45. 채점 관리 • 교수자는 문제를 해결한 학생의 명단을 확인할 수 있습니다. 45
  46. 46. 채점 관리 • 교수자는 학생들이 제출한 소스코드들을 실시간으로 확인할 수 있습니다. 46
  47. 47. 채점 관리 • 교수자는 학생들이 제출한 소스코드들의 채점 진행 상황을 확인할 수 있습니다. 47
  48. 48. 유사도 검사 • 교수자는 학생들이 제출한 소스코드들의 유사도를 검사할 수 있습니다. 48
  49. 49. 유사도 검사 • 설정한 값 이상의 유사도를 보이는 학생들의 소스코드를 비교하여 볼 수 있습니다. 49
  50. 50. Q&A • 구름 기능 및 시스템 문의 – 이메일: jwoongs@goorm.io – 휴대폰: 010-9410-9002 • 건의 사항/버그 리포팅 – 메뉴 → 계정 → 로그아웃 → 사용자 의견 50

×