26
Welcome to How to use circul.us

Circulus user guide

Embed Size (px)

Citation preview

Page 1: Circulus user guide

Welcome to

How to use cir-cul.us

Page 2: Circulus user guide

Circulus 란 ?

Circulus 는 Circle 의 라틴어로써 , 혼자가 아닌 함께 도와가며 학습하는 동호회 같은

서비스가 되고자 하는 바람을 담은 온라인 코딩교육 플랫폼입니다 .

멀티 플레이 온라인 게임과 같이 누구나 방을 개설하여 함께 학습을 진행할 수 있고

누구나 누군가의 멘토가 될 수 있습니다 . 또한 라즈베리파이를 연결하여 자신만의

DIY 작품을 만들 수 있습니다 .

사용자가 언제 어디에 있든지 시간과 장소에 구애 받지 않고 , 공평하게 교육받을 수

있으며 , 이 공간을 통해 서로 간의 교류하며 사람간의 정을 느낄 수 있기를

기원합니다 .

Page 3: Circulus user guide

홈페이지 들어가기

Page 4: Circulus user guide

접속하기

상단메뉴 설명

Page 5: Circulus user guide

접속하기www.circul.us 에 접속 후 ,아래의 세 가지 방법으로 홈페이지 사용이 가능합니다 .

별도의 ID 없이 게스트 모드로 입장합니다 .임시 ID 를 부여 받고 홈페이지에서 여러 활동을 할 수 있습니다 .

페이스북 계정으로 로그인합니다 .

홈페이지에 회원가입을 하고 ID 로 로그인합니다 .E-mail 주소와 비밀번호만 있으면 추가적인 개인정보를 입력하지 않고 회원가입을 할 수 있습니다 .

Page 6: Circulus user guide

상단메뉴 설명1 2 3 4 5 6 7 8 9

5 그룹활동 페이지로 이동합니다 .

2 학습 페이지로 이동합니다 .

1 사용자 정보 갱신 페이지로 이동합니다 .

3 페이지로 이동합니다 .

6 메인 페이지로 이동합니다 .

7 콘텐츠 제작 페이지로 이동합니다 .

8 원하는 내용을 검색할 수 있습니다 .

9 Circulus 소개 페이지로 이동합니다 .

4 프로젝트 관리 페이지로 이동합니다 .

홈페이지 상단메뉴를 선택하여 원하는 기능으로 이동합니다 .

Page 7: Circulus user guide

개인 정보 갱신하기

Page 8: Circulus user guide

개인 정보 갱신하기

Page 9: Circulus user guide

개인 정보 갱신하기

개인 정보를 변경하고 저장합니다

홈페이지 참여도에 따라 등급과 경험치가 쌓입니다 .

자신의 라즈베리파이 시리얼번호를 저장할 수 있으며 최대 세 대까지 저장할 수 있습니다 . 프로젝트에서 check 버튼으로 서버와 라즈베리파이의 연결상태를 확인할 수 있습니다 .

홈페이지 가입 날짜를 보여줍니다 .

사용자의 ID 와 E-Mail 정보를 보여줍니다 .

Page 10: Circulus user guide

Circulus OS 설치하기

Page 11: Circulus user guide

Circulus OS 설치하기

준비물 : SD 카드 ( 라즈베리파이 버전에 따라 mini SD 카드 ), WIN32 Disk manager

라즈베리파이에서 가장 많이 사용하고 있는 라즈비안 OS 를 기반으로 Circulus 에 필요

한 부분을 수정하여 OS 를 만들었습니다 .현재 구글드라이브에서 다운로드할 수 있습니다 .

다운로드 주소 : https://drive.google.com/file/d/0B62khlJjiFFzTUw3b0VmcEFDOWM/view

Circulus OS 의 장점 : 1. 라즈베리파이의 무선랜 설정을 쉽게 할 수 있습니다 .2. 라즈베리파이의 연결상태를 쉽게 확인할 수 있습니다 .3. Circulus 에서 배포하는 API 를 호출하여 손쉽게 코팅을 할 수 있습니다 .

-> 현재 작업 중에 있으며 아직 배포되지 않았습니다 .

Page 12: Circulus user guide

Circulus OS 설치하기

다운로드한 OS 파일을 WIN32 Disk manger 를 사용하여 SD 카드에 저장합니다 .

1. 저장한 OS 파일을 불러옵니다 . 2. Write 버튼을 눌러 OS 파일을 설치합니다 .

3. 정상적으로 OS 를 SD 카드에 설치하면 다음과 같이 Write Suc-cessful 메시지를 확인할 수 있습니다 .

Page 13: Circulus user guide

라즈베리파이 무선 랜 설정하기

Page 14: Circulus user guide

무선 랜 설정하기

준비물 : 라즈베리파이 , 스마트폰 또는 기타 모바일 기기

Cirsulus OS 를 사용하여 손쉽게 라즈베리파이의 무선 랜 설정을 수행할 수 있습니다 .라즈베리파이 부팅 시 , AP(Access Point) 모드로 동작하여 라즈베리파이 자체를

스마트폰 혹은 다른 모바일 기기에서 무선 랜으로 사용할 수 있습니다 .

라즈베리파이의 ssid 는 circulus_NUM 형식이며

자신의 라즈베리파이의 식별번호가 NUM 에 사용됩니다 .식별번호는 개인정보 갱신하기에서 설명한 HW 에저장하여 추후 라즈베리파이의 연결상태를 확인하는데 사용합니다 .

Page 15: Circulus user guide

AP 모드로 동작하고 있는 라즈베리파이는 192.168.42.1 이라는 사설 IP 를 가지고 있습니

다 . 스마트기기에서 해당 IP 로 접속하여 현재 사용할 수 있는 AP 의 ssid 와 passwd 를 입

력하고 외부 망과 연결합니다 .

Serial number : 본인의 라즈베리파이 식별번호

Confirm : 설정한 AP 로 연결

무선 랜 설정하기

Page 16: Circulus user guide

프로젝트 생성 및 관리하기

Page 17: Circulus user guide

프로젝트 생성 및 관리하기

Page 18: Circulus user guide

프로젝트 수행하기

</>Project 메뉴에서는 자신의 프로젝트를 생성 관리할 수 있을 뿐 아니라 , 타인이 생

성한 프로젝트와 circulus 에서 제공하는 공식 강의자료와 소스코드를 볼 수 있습니다 .

사용자가 생성한 프로젝트 정보를 확인할 수 있습니다 .

타 인 이 생 성 한 프 로 젝 트 정보를 확인할 수 있습니다 .

Circulus 에서 공식적으로 제공한 강의자료용 소스코드를 확인할 수 있습니다 .

개인 프로젝트를 생성할 수 있습니다 .

Page 19: Circulus user guide

개인 프로젝트 생성하기

원하는 프로그래밍 언어를 선택하여 자신만의 프로젝트를 생성하고 학습할 수 있습니다 .

프로젝트 제목을 입력합니다 .

원하는 프로그래밍 언어를 선택합니다 .

프로젝트의 설명을 입력합니다 .

버튼을 클릭하여 프로젝트를 생성합니다 .

Page 20: Circulus user guide

개인 프로젝트 관리하기

사용자가 생성한 프로젝트를 리스트로 관리합니다 .

생성한 프로젝트 이름을 보여줍니다 .

선택한 프로그래밍 언어를 보여줍니다 .

프로젝트 설명을 보여줍니다 . 사용자 ID 와 프로젝트 생성시간을 보여줍니다 .

Page 21: Circulus user guide

프로그래밍 실습하기

별도의 프로그램 설치 없이 웹에서 손쉽게 코딩하고 프로젝트를 관리할 수 있습니다 .라즈베리파이와 연결되어 있다면 Run 을 통해 바로 라즈베리파이 제어 결과를 확인할 수 있습니다 .

프로젝트 및 파일 생성 ,관리를 위한 상단 메뉴입니다 .

프로젝트와 이와 관련된 하위 파일 목록을 보여줍니다 .

프로젝트 사용의 편의를 위해 제공하는 하단 메뉴입니다 .

Page 22: Circulus user guide

프로그래밍 실습하기

프로젝트를 사용하며 궁금한 사항을 Social Question 에 올릴 수 있으며 이는 메인 화면의 QnA 에 등록됩니다 .등록된 QnA 하단의 프로젝트 이름을 클릭하면 해당 프로젝트로 이동합니다 .

프로젝트를 종료하고 프로젝트 메인 화면으로 이동합니다 .

프로그래밍한 파일 내용을 저장 및 실행합니다 .

실행 중인 파일 제목을 확인할 수 있으며 ,‘ 파일이름 +Enter’ 로 새로운 파일을 생성할 수 있습니다 .

해당 파일을 삭제합니다 .

Page 23: Circulus user guide

프로그래밍 실습하기

작성한 파일 내용을 사용자의 페이스북에 공유할 수 있습니다 .

프로젝트 전체를 삭제합니다 .

Console 창을 통해 프로그래밍 실행 결과를 확인할 수 있으며 클릭을 통해 console 창의 위치를 변경할 수 있습니다 .

Console 창의 내용 전체를 삭제합니다 .

Console 창을 통해 사용자의 라즈베리파이 연결 상태와 IP 를 확인할 수 있으며 결과는 아래와 같습니다 .

Page 24: Circulus user guide

프로그래밍 실습예제

위 예제는 NodeJS 를 사용하여 1 초 간격으로 “ Hellos Circulus” 를 출력하도록 작성한

것 입니다 . 코드 작성 후 Run 버튼을 눌러 코드를 저장하고 console 창에서 수행 결과

를 확인할 수 있습니다 .수행 결과는 자신의 라즈베리파이 식별번호와 함께 출력됩니다 .

Page 25: Circulus user guide

감사합니다 .

Page 26: Circulus user guide

Expand your dimension

Circulus(http://www.circul.us) Since 2013Park Junggun, Lee Yunjai, Ki Yeonah, Lee Jonghee