brunch

You can make anything
by writing

C.S.Lewis

by 최은미 Feb 23. 2021

BeeCanvas 기본기능 익히기(2)

이제 팀원들과 함께 할 페이지를 만들어볼께요.

비캔버스에 페이지까지 생성되었다면, 이제 협업을 시작할 준비가 되었습니다.
그런데...이건 또 뭐죠? 뭔가 알듯말듯한 버튼들...
이것으로 어떻게 협업을 할 수 있다는건지 알쏭달쏭..
이제 페이지 작성 기능을 알아볼 차례입니다.


비캔버스를 몇번 경험한 학생들, 강사님들 , "이거 파워포인트랑 쓰는게 비슷하네요.."

네, 맞습니다. 파워포인트와 유사한 기능이 많이 있습니다.

그래서 저는 개인적으로 비캔버스는 배운다는 표현보다 '익숙해진다'라는 표현을 더 어울린다고 생각합니다. 딱히 새로 배울 것은 없어요, 단지 익숙해지기만 하면 되거든요..

그래서 한번만 해보시면 그 다음부터는 참 쉽지요.

저희 저자들은 자신있게 말할 수 있습니다. 비캐버스에 프로젝트 수업에 쓸 수 있는 협업 자료만 잘 준비해 놓으면 그 다음은 학생들이 알아서 한다구요..

이제 한번 둘러보실께요.


 <페이지 구성 둘러보기>

지난 시간에 생성한 페이지가 어떻게 생겼는지 살펴볼까요?

페이지는 크게 편집창(파란 박스)툴 버튼(보라색 박스)들로 구성되어 있습니다.


<경로보기①>

"2021년 온택트 교수법 과정"은 현재 작업 중인 프로젝트 명이고, 프로젝트명을 클릭하면 칸반보드로 돌아갈 수 있습니다.

Tip. 비캔버스는 별도로 저장버튼이 없습니다. 모든 작업 내용은 자동으로 저장된답니다.

(고마워요 비캔버스!)

"수업 오리엔테이션 자료, 공지사항&샘플"을 현재 작업 중인 컬럼과 캔버스 이름입니다. 경로 보기를 통해서 현재 내가 작업 중인 프로젝트>컬럼>캔버스를 알 수 있답니다.


<좌측 툴바②>

좌측 툴바는 편집 창에 내용을 넣을 때 활용됩니다.

위에서부터 도구 기능 버튼을 살펴보겠습니다.


1) 기본 마우스 도구

편집창의 개체들을 마우스로 클릭해서 이동, 수정할 수 있습니다.

지금은 편집창에 아무것도 없어서 마우스만 덩그러니 있네요. 

추후 생성될 도형, 텍스트 등을 이동하고 수정해야 할 때 사용하시면 됩니다.

기본 마우스 도구입니다.

2) 그리기 도구 

그리기 도구를 클릭하거나 숫자 2번 키를 눌러 실행하면 펜처럼 글씨를 쓰거나 선 긋기, 별 표 등 그릴 수 있습니다. 그리기를 실행하면 색상, 두께, 지우개 등 편집 도구바가 자동 생성되어 편집할 수 있습니다. 

수업 자료에 주석기능으로 활용할 때 유용하게 쓸 수 있는 기능입니다.

그리기 도구는 펜 처럼 쓸 수 있는 기능입니다.

3) 텍스트 입력 

텍스트를 입력할 때는 텍스트 입력 버튼을 클릭하거나 숫자 3번을 눌러 실행합니다.

툴 버튼을 누르고 편집창의 원하는 위치에 마우스 클릭하면 텍스트를 입력할 수 있도록 커서가 깜빡이는 것을 볼 수 있습니다. 다른 프로그램과 동일하게 글자를 클릭하거나 작성하면 편집 바가 자동생성되어 글머리 기호, 폰트, 크기, 정렬, 색상, 하이라이트 등 편집 기능을 활용할 수 있습니다.

텍스트를 입력합니다.


Tip. 페이지를 추가하는 방법

주황색 동그라미 3군데를 확인하세요.

페이지를 추가하는 3가지 방법입니다.

4) 파일 업로드 

파일, 링크 등을 업로드 할 수 있는 기능으로 4번 버튼을 단축키로 활용할 수 있습니다.

기존 문서 작성 프로그램과는 차별화된 기능으로 편집창에 파일, 사진, 사이트 주소 등을 업로드 할 수 있습니다. 비캔버스에서 다양한 종류의 자료, 파일, 아이디어들을 공유할 수 있는 유용한 기능입니다.

 

편집창에 업로드한 문서 파일은 클릭하면 파일 다운로드가 되어 프로젝트 구성원들과 파일 공유와 누적 관리가 가능합니다. 업로드된 링크 주소를 클릭하면 바로 해당 사이트가 열립니다.

사진을 공유하고 싶은 경우, 컴퓨터에 파일이 있을 때는 파일업로드를, 컴퓨터 화면을 캡쳐하는 경우에는 캡쳐 프로그램으로 필요한 부분을 복사한 다음 비캔버스 편집창에 Ctrl+V(붙여넣기) 를 통해 바로 업로드할 수 있습니다. 

다양한 종류의 파일 자료를 공유합니다.

5) 포스트잇 

텍스트를 포스트잇에 쓸 수있는 기능입니다. 숫자 5번을 눌러 실행시킬 수 있습니다.

하나의 편집 창에 여러 사람이 동시에 의견을 적을 때 유용한 기능입니다.

오프라인 수업이나 회의에서 포스트잇에 의견을 써서 공유하고 나눴던 그 경험을 온라인에서 구현할 수 있는 유용한 기능입니다. 

포스트잇 버튼을 클릭하면 배경색과 서식을 선택해서 사용할 수 있습니다.

온라인 포스트잇을 활용합니다.

6) 도형 

편집창에 다양한 도형을 삽입할 수 있는 기능입니다. 단축키 6번입니다.

파워포인트로 설명 자료와 토의 양식을 구성할 때 사용하는 것과 유사하게 사용할 수 있는 기능입니다.

도형 배치 시 안내선이 자동 생성되어 배열에 도움 받을 수 있습니다.

기본 도형도 역시 색상 등 편집 바가 생성되어 다양하게 구성할 수 있습니다.

기본 도형을 활용해서 페이지를 구성합니다.

7) 표 

표 삽입 기능입니다. 단축키 7번을 활용할 수 있습니다.

기본 서식으로 4가지 색상이 제공되며, 작성하는 방법은 파워포인트에서 표 작성하는 것과 유사합니다. 

표 안에서 오른쪽 마우스를 클릭하면 행, 열 삽입 등 메뉴를 활용할 수 있습니다.

표 삽입 기능입니다.

8) 스티커 

스티커를 삽입하는 기능으로 단축키는 8번입니다.

파워포인트에서 아이콘 삽입하는 것과 유사하게 사용할 수 있습니다.

기본으로 제공되는 스티커 외에 다른 것을 찾으신다면? 

검색창을 활용해보세요. 단, 영어로만 가능한 점 참고해주세요.

구성원이 제시한 의견에 리액션할 때(엄지척, 하트 등), 투표할 때 활용할 수 있습니다.

학습자가 작성한 포스트잇에 살짝 엄지척 스티커를 붙여 놓여 보세요. 

프로젝트 팀에 새로운 바람이 불어옵니다.

스티커를 활용할 수 있습니다.

9) 유튜브 

유튜브의 영상 자료를 쉽게 공유할 수 있는 기능입니다. 단축키 9번입니다.

토의와 관련된 자료에서부터 쉬는 시간에 듣고 싶은 음악까지...

검색창을 이용해서 쉽게 검색하고 클릭만하면 편집창으로 업로드 됩니다.

참, 유튜브 검색은 한글과 영어 모두 가능합니다.

Tip. 검색해도 원하는 영상이 없다면? 새 창을 열고 유뷰트 사이트에서 직접 검색하면 더 많은 자료를 찾을 수 있습니다. 원하는 자료를 찾았다면, 링크 주소 복사 + 붙여넣기(Ctrl+V)로 빠르게 편집창에 업로드 할 수 있습니다. 

유튜브에서 영상 자료를 업로드할 수 있습니다.

10) 코멘트 추가 

구성원이 작성한 자료에 코멘트를 추가할 수 있습니다. 

교수자가 학습자의 작업한 내용에 대해서 중간에 개입하지 않고 글로 코멘트를 남길 수 있습니다.

학습자간에는 동시간대에 미팅할 수 없는 경우 의견 교환, 또는 자료에 대해 나중에 작업할 내용을 기록하는 용으로 코멘트를 활용할 수 있습니다.

코멘트 작성은 2가지 방법이 있습니다.

첫번째 방법으로는, 좌측 툴바의 코멘트 추가 버튼을 누르고 편집창에서 코멘트 하고자 하는 자료(포스트잇, 사진 등) 개체를 선택①하는 방법입니다.

두번째는 원하는 개체에서 오른쪽 마우스 버튼을 눌러 메뉴에서 코멘트를 추가②하는 방법입니다.

[코멘트 추가]를 클릭하면 우측 툴바(파란색 동그라미)가 확장되면서 코멘트 작성 란이 생성됩니다.

작성 완료되면 해당 개체에 코멘트가 있다는 것을 표시해주는 숫자(주황색 동그라미)가 표시됩니다.

코멘트 추가 기능으로 구성원과 상호작용할 수 있습니다.

지금까지 좌측 툴바에 있는 기능들을 자세히(너무 자세히) 설명드렸습니다.

글로 설명을 하다보니 좀 더 자세하게 적게 되었는데, 실제로 수업 시간에 학습자에게 소개할 때는 이렇게까지 하지 않아도 됩니다. 그냥 도구 이름과 "해 보세요"만 하면 됩니다.

정말로 그냥 해보면 알아요.. 진짜로요.. 


실습 1. 학습자와 비캔버스 기능을 소개하는 페이지를 만들어 보세요. 

아래에 보여드리는 샘플을 활용해서 오리엔테이션 페이지를 구성해보세요.


1) 포스트잇에 맛있는 음식을 적어주세요.

포스트잇 도구 설명 후에 작성하도록 실습시간을 주시면 됩니다.


Tip. ① 페이지 배경 꾸미기

배경색 변경, 배경 이미지를 가져와 꾸미기할 수 있습니다.

② 고정하기

편집창에 생성된 모든 개체는 마우스로 이동할 수 있습니다. 여러 구성원이 작업하다가 설명하다보면 다른 사람의 작업물도 함께 이동되기도 합니다. 이때 이동/수정을 막기 위한 고정하기 기능이 있습니다. 고정이 필요한 개체에서 마우스 오른쪽을 클릭하면 [고정하기] 메뉴가 생성됩니다. 반대로 고정되어 있는 도형에서 오른쪽 마우스를 클릭하면 [잠금 해제] 메뉴가 생성됩니다.

2) 코끼리 1마리를 그려주세요.

그리기와 기본도형 설명 후에 작성하도록 실습시간을 주시면 됩니다.

3) 코끼리를 가져와서 꾸며주세요.

스티커 설명 후에 작성하도록 실습시간을 주시면 됩니다.

4) 페이스북, 인스타그램, 유튜브 공유해주세요.

파일업로드와 유튜브 설명 후에 작성하도록 실습시간을 주시면 됩니다.

이제, 학습자가 수업에 활용할 수 있는 기능은 거의 다 알게 되었습니다.


* 본 원고는 비캔버스로 프로젝트 수업하기 : Beproject, Beecanvas의 집필내용입니다.
* 비캔버스로 프로젝트 수업을 계획하고 설계하고 운영하는 방법까지 연재됩니다.


매거진의 이전글 비대면 수업이 가야 할 길 
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari