새물내 솔솔

코로나19로 인해서 학생들과 실시간 유튜브로 만나는 내용을 톺아보려고 합니다. 지난 15년 애플 공식 홈에서 아래의 이미지로 '톺아보기'가 처음 이슈가 된 것으로 기억합니다. '샅샅이 더듬고 살피다'라는 뜻으로 풀이되기도 합니다. 많은 선생님들이 코로나19로 인해서 온라인 수업에 대한 관심을 가지는 이때, 시도에 도움을 드리고자 자세하게 글로 남겨보겠습니다.

먼저 실시간 유튜브 수업을 시작한지 포스팅 작성일 기준 6일이 지났습니다. 실로 놀라운 것은 아이들은 디지털네이티브 답게 유튜브를 활용한 실시간 소통에 적극적이었으며, 교실의 선생님에게 느끼는 실재감도 저를 통해서 느끼고 있었습니다. 예상치 못한 것은 또 있었는데요. 바로 구독자가 폭증했다는 사실입니다. 아이들은 구독을 통해서 제 수업에 대한 알림을 받고 수업에 들어오는 방식에 익숙해 있었습니다. 

이번 실시간 유튜브 수업은 경상북도교육청 지원을 통해서 동료 선생님 4명과 함께 시작하게 되었습니다. 준비할 시간이부족하고, 라이브로 수업을 진행해 본 경험이 없는 선생님들이었지만, 고민하지 않고 시작할 수 있었던 것은 라이브를 제공해주는 도구 중 하나인 스트림야드(https://streamyard.com/)를 기존에 사용해 본 경험덕이라고 생각합니다.  스트림야드를 통해서 유튜브 라이브 수업을 예약하고, 실제 방송 송출을 하는 개념으로 생각하시면 됩니다. 일종의 OBS(Open Broadcaster Software)의 역할을 수행하는 것이죠. 스트림야드에 대한 기초소개는 제 블로그 글을 참고하시면 됩니다(https://gyo6.pe.kr/29). 

큰 흐름은 "스트림야드로 라이브 예약 > 실시간 방송 > 방송 종료 후 다시보기" 로 이해하시면 되는 것이죠.

자 그렇다면 스트림 야드로 라이브 송출한 유튜브 영상 중 하나를 살펴보고 다음으로 톺아보겠습니다.

https://youtu.be/Yq8u76-Pftw?t=360

영상에서 보신 것처럼 단순 웹캠을 활용해서 유튜브 라이브를 하는 것과 스트림야드를 하는 것의 큰 차이는 자막을 넣거나, 실시간 채팅의 내용을 선택해서 보여주거나, 화면 공유를 통해서 강의자료(PPT)를 화면에 공유하거나, 컴퓨터에서 재생하는 음악을 손실을 적게 전달하는 정도로 생각할 수 있습니다. 무엇보다 다양한 앵글의 화면을 손쉽게 제어하는 것이 큰 장점이라고 생각합니다. 

이제 라이브 수업을 위한 준비물을 살펴보겠습니다.

먼저 실재감에 무엇보다 중요한 웹캠입니다. 웹캠은 노트북의 경우 모니터 상단(일부 기종의 경우 하단) 가운데 부분에 내장되어 있습니다. 하지만 데스크톱의 경우 usb타입의 웹캠이 필요합니다. 다양한 종류의 웹캠이 판매되고 있는데 스트림야드에서 전체 화면을 제공할 경우 초점을 잡는 시간이 오래 걸리거나, 화질이 흐리게 보이는 경우를 대비할 필요는 있습니다. 기존 내장형 웹캠이 초점에 문제가 있어서 MS Lifecam Studio를 연결하여 사용하였습니다. 화질은 1080p를 지원해서 크게 문제되지는 않았으나 뒷면 화이트보드를 보여주는데 살짝 흐린감이 있어서 로지택 브리오 제품으로 최근 교체를 했습니다. 

로지택 브리오 웹캠은 소프트웨어로 설정을 조정할 수 있는것이 장점인데요. 화각 및 화이트밸런스 등의 설정을 통해서 보다 마음에 드는 세팅을 저장하고 사용할 수 있습니다(소프트웨어 다운 경로: https://support.logi.com/hc/ko/articles/360024703494-Downloads-BRIO-4K-Pro-Webcam)

다음으로는 마이크입니다. 대부분의 웹캠은 마이크를 내장하고 있습니다. 스트림야드 설정에서 제공되는 마이크/ 웹캠 목록 중 선택할 수 있는데요! 방송 전 테스트로 마이스 성능을 점검하는 것은 무엇보다 중요합니다. 교실에서는 선생님의 목소리 전달에 문제가 없겠지만, 온라인 수업에서는 목소리가 작거나, 하울링이 심하면 외부 노이즈로 인한 수업 집중이 불편할 것이 분명합니다. 저는 되도록 별도 마이크를 추가하는 것을 추천드립니다. 마이크의 종류도 여러가지 입니다. usb에 끼워서 사용하는 타입도 있고, 별도 전원을 필요로하는 마이크도 있습니다. 저는 별도 전원(오디오인터페이스)이 공급되는 마이크를 사용합니다. 요즘은 USB마이크도 성능이 좋은 것이 많기 때문에 꼭 오디오인터페이스+콘덴서 마이크 조합만 추천드리지는 않습니다. 저는 behringer UMC204HD 제품에 AKG 콘덴서 마이크를 사용중입니다. 제 목소리가 좀 저음인데 그나마 잘 뽑아주는 것 같아서 꼭 이 마이크로 라이브를 하려고 합니다. 요즘은 간편히 팝필터(마이크 앞 망처럼 생긴 제품, ㅍ ㅊ 등의 음을 좀 부드럽게 해줌) 일체형 마이크도 나오기도 합니다. 조용한 곳에서 라이브를 한다면 웹캠 마이크도 충분하다는 의견을 덧붙입니다.

지금까지 살펴본 웹캠과 마이크만 있으면 스트림야드를 활용해서 라이브 수업을 하는 것은 가능합니다. 다음으로 설명하는 도구는 옵션이라고 생각하시면 됩니다. 

옵션 첫번째는 조명입니다. 조명이 없을 경우 웹캠에 따라서 수업자 얼굴이 많이 검게 나오는 경우가 있습니다. 후광효과라고 하나요.. 일단 아이들에게 밝은 모습을 보여주는 것이 더 좋겠죠? 조명은 보통 45도 좌 또는 우측에, 상단으로 45도 정도 각도로 설치하는 것을 추천합니다. 얼굴에 그림자가 가장 적게 보이는 각도입니다. 저는 룩스패드43h를 주조명으로 사용하고, 좌측편에는 led 스탠드를 임시로 보조 조명으로 이용합니다. 두 조명을 다 키면 사진처럼 보입니다.

다음으로 강의자료를 학생들에게 설명할때 필요한 옵션인데요. 화면확대를 도와주는 도구입니다. 줌잇(https://docs.microsoft.com/ko-kr/sysinternals/downloads/zoomit)은 화면을 확대하고 필기가 가능한 가장 간단한 도구입니다. 블로그를 검색하면 기초 사용법에 대한 소개가 많이 나오는데요. 스마트폰을 통해서 수업을 듣는학생도 많기때문에 화면 확대 도구는 쓰임새가 많습니다. 제가 수업 초반에 줌잇을 사용해서 수업을 진행한 한 장면입니다. 화면이 확대되는 것은 괜찮았지만, 수학과목의 특성상 문제를 푸는데 마우스로는 한계가 있었습니다. 필기를 많이 하지 않는 과목을 진행할 경우 줌잇으로도 충분하다고 생각합니다.

고민을 하다가 타블릿을 알아보게 되었습니다. 펜마우스 타입도 있었으나 기존 마우스 대비 필기감을 많이 향상하기는 힘들다는 후기도 많아서 포기하고, 모비즌 등의 미러링 도구를 활용해서 펜이 있는 태블릿을 사용해보는 것도 고민했습니다. 하지만 라이브의 특성상 조작을 단순화 하는게 실수를 줄일 수 있을 것이라고 판단하고 와콤 타블렛 제품으로 필기를 하였습니다. 가장 저렴한 라인인 와콤 원이라는 제품입니다. 와콤 원을 이용해서 필기를 한 장면입니다.

PPT를 슬라이드쇼로 재생할 경우 와콤 펜은 자동으로 펜 모드로 인식되며, 필기가 가능합니다. 이때 슬라이드쇼 옵션을 설정을 해서 와콤에서만 재생되도록 해주어야 스트림야드로 재생되는 웹 화면을 볼 수 있습니다. 발표자 보기 사용을 끈다고 이해하시면 됩니다. 

발표자 보기 사용을 체크해제하고, 슬라이드쇼 재생 모니터를 와콤으로 설정하면 메인 모니터는 스트림야드 중계화면으로 사용할 수 있습니다. 수업을 마치고 필기한 내용을 포함해서 ppt 파일을 저장할 경우 필기 내용을  그대로 볼 수 있습니다. 혹은 pdf변환시 필기 내용을 포함하여 학생들에게도 제공할 수 있습니다.

 그리고 pdf파일을 엣지 브라우져로 열 경우 엣지 브라우져에서제공하는 메모기능을 통해서 아래 그림과 같이 필기를 할 수 있습니다. 와콤 원 타블렛의 경우 터치 기능 자체가 없는 펜 입력 전용 제품이라 종이에 필기하는 것과 동일하게 사용하시면 됩니다. 표면은 종이 재질 필기감을 살리기 위한 코팅이 되어 있습니다. 

추가로 저는 모니터를 hdmi 분배기로 연결해서 사용하는데 만약 확장모니터가 없을 경우 타블렛 자체를 확장 모니터로 설정하여 사용할 수 있습니다. 필기를 하지 않을 경우 세워둘 수 있다면 확장 모니터의 역할도 대신할 수 있겠습니다.

경북교육청에서는 휴업중 유튜브 수업을 활성화하기 위해서 원하는 교사에게 지원금을 제공해 주고 있습니다. 라이브수업에 관심이 있으시다면 제가 쓴 글을 참고해서 시도해보시길 권해드립니다.  글을 통해서 궁금한 점이 있으면 댓글로 남겨주시고, 관련한 노하우는 모두 공유하겠습니다.

코로나19 상황이 마무리되고 교실에서 아이들과 온라인 수업을 추억할 수 있는 시간이 빨리 왔으면 좋겠습니다.

경북교육청 소속 교직원의 경우 18.10.11.(목) 부터 MS Office 365서비스를 무료로 사용가능합니다. 도교육청에서 표준오피스 소프트웨어 연간 계약을 체결하였기 때문입니다. 2018년부터 계약이 진행되었기때문에 향후 3~4년은 장기적으로 사용이 가능하다고 합니다. 타 시도교육청과 달리 경북교육청은 별도 365 인증 홈페이지를 통해서 인증을 간편하게 완료할 수 있습니다. 접속 후 교직원 계정생성을 클릭하시면 됩니다. 인증 사이트의 구체적 화면은 아래와 같습니다.

http://365.gyo6.net/

경북 교육청에서 제공하는 인증코드는 두 종류입니다. 교직원용, 학생용이며, 공문으로 각 학교별로 안내가 되었습니다. ( 공문 제목: 오피스 365 서비스 제공 안내) 학교별 정보부장님께서는 알고 계시니 문의 하시면 됩니다.

교직원 계정 생성을 클릭하면 개인정보 수집 및 이용동의에 대한 페이지로 이동됩니다. 동의를 클릭합니다.

동의 후 계정 생성 정보를 입력하는 화면으로 넘어갑니다.

1. 학교로 부터 안내 받은 인증코드를 입력합니다.

2. 소속 기관명을 클릭 후 검색, 성명을 입력합니다.

3. 입력한 성명으로 가입된 휴대전화로 인증을 진행합니다.(타인 명의 인증불가)

4. 아이디 및 비밀번호를 입력합니다. 이때 학교별로 도메인이 생성되기 때문에 쉬운 아이디로 입력하셔도 됩니다. 단 계정정보가 길다는 단점이 있습니다.(생성규칙 등록 ID @ 학교영문명es. school.gyo6.net ) 학교 영문명 뒤 이니셜은 학교급에 따라 다릅니다(초등es, 중등 ms)

5. 보조이메일의 경우 비번분실시 활용됩니다.

6. 입력 완료후 확인을 클릭하여 다음 단계로 이동합니다. 

정상적으로 입력이 완료되면 처리결과 화면으로 이동됩니다.

office 365로그인을 클릭하면 오피스 포털로 이동됩니다. 추후 바로 접속할 경우 아래 주소를 바로 입력하셔도 됩니다.

http://portal.office.com

위에 생성한 계정정보로 로그인 후 다음 화면이 보입니다.

1. office 설치를 클릭하여 사용하시는 컴퓨터에 office 를 설치할 수 있습니다. 또는 다른 환경에서 설치할 경우 다른 설치 옵션의 파일을 다운로드 할 수 있습니다. 기존에 CD설치를 하셨다면 삭제 후 설치가 가능합니다. 중복하여 설치는 되지 않습니다. 1인의 경우 총 5대 기기에 설치가 가능합니다.

2. 웹 앱 상태로 오피스를 사용할 수 있습니다. 학생들과 컴퓨터실에서 프레젠테이션 작성을 할 경우 웹앱 형태로 활용하실 수 있습니다. 또한 인터넷만 연결된 상태에서 공문서 붙임 파일을 웹엡으로 작성해서 학교 컴퓨터로 저장해서 사용도 가능하겠죠. 기타 프로그램들의 아이콘도 보이며, 설문조사, Sway, Teams등의 메뉴 사용도 가능합니다.

3. 최근에 클라우드로 저장한 파일의 미리보기 화면입니다. 

경북교육청의 경우 office 365 A5 라이선스를 제공합니다. 원드라이브 용량은 1Tb까지 사용이 가능합니다. 무려 1000기가.. 따라서 데스크톱 프로그램 설치 후 동기화 폴더를 학교에서 지정해두시면, 집에서도 학교에서 동기화 한 폴더의 자료를 그대로 확인할 수 있습니다. 물론..하드 용량을 차지하기 때문에 동영상같은 고용량 자료의 동기화는 지양하시고, 문서 종류의 가벼운 데이터는 편하게 동기화해서 사용하실 수 있습니다.

세부설명은 아래와 같습니다.

경북교육청에서 라이선스를 지원하는 만큼 사용 조건이 되시는 분들은 활용을 많이 하시는것이 어떨까해서 공유합니다.

학생 라이선스도 계약이 되어 있기때문에 교육에 적용해보실 선생님께도 추천드립니다.

공문서 작성 중 가끔 영인 또는 서명을 추가해야할 경우가 있다 .이럴 때 보통 스마트폰으로 사진을 촬영하고 그것을 크롭하여 한글파일에 넣어서 처리한다. 교무실에 있는 복사기가 스캔 기능이 된다는 걸 아시는 분은 스캔을 해서 좀 더 깔끔하게 처리하기도 하고..

그런데 영인파일을 학교 컴퓨터에 보관하였거나. 분명이 있는 것 같았는데..찾지 못할 경우.. 또는 영인을 찍었는데 음영때문에 한글 파일에서 이질감이 느껴질 때.. 도장이 없는 학생의 영인이 필요할 때...

이때 무료로 활용가능한 웹사이트가 있다. 

모두싸인 

https://www.modusign.co.kr

온라인 전자 간편 계약 서비스인 모두싸인은 영인 및 사인을 관리할 수 있는 메뉴를 제공한다. 물론 무료!

로그인 후 사인/도장 메뉴를 클릭

사인 또는 도장을  추가할 수 있다.

사인 만들기 화면은 다음과 같다.

스마트패드로 로그인하여 펜을 이용해서 직접 그리거나..

한글을 타이핑해서 입력하거나..

기존에 사진으로 찍어둔 서명을 업로드하여..대비를 수정할 수 있다.

이때 png파일로 배경이 투명하게  처리되어 한글 문서에 넣어도 이질감이 없다.

추가하기를 클릭하여 저장된 파일을 다운로드하면..

그레이한 배경의 영인이..

투명 배경으로 깔금하게 처리..

다음은 도장 만들기!!

일반도장/법인도장/ 업로드

여기서 도장이 없는 학생의 영인이 필요한 경우 이름을 입력하고 원하는 스타일의 도장을 선택 후 추가하면 된다.

하지만 뭔가 만들어진 도장 느낌이 강해서 실제 도장 영인을 업로드하여 png 파일로 변환하는 것을  추천한다.

도장을 흰 종이에 찍고, 스마트폰으로 도장 영역만 잘라낸 후 업로드만 하면되니..

업로드를 클릭해서 촬영해둔 영인파일을 선택한 화면..

대비 조절을 적절히 한 후 추가하기를 하면 저장 완료..

요랫던 영인이

요렇게 투명한 배경으로..

뭔가 진짜 도장 느낌도 나고 한글파일에서도 깔끔하게 보여집니다.

먼가.. 깔끔하지 못한 영인이

요렇게..

그리고 제일 편한 점은..

웹사이트에 접속하면 언제든 영인/서명을 다운로드 할 수 있다는 점..

물론 깔끔하지 못해도 공문이 반려되지는 않습니다!!

오늘도 힘내세요!!

웹 서비스 개발에 필요하여 프로토타이핑 툴을 찾던 중 가장 빠른시간에 작업이 가능하다고 생각되었던 툴이 바로 파워포인트 애드온 파워목업(PowerMockup)툴 입니다.

익숙하게 사용해 온 파워포인트의 사용법과 거의 유사합니다. 

종류 : 파워포인트 설치형 애드온

필수조건 : MS Office PowerPoint 기 설치

사용환경 : MS Window(맥 OS 불가)

홈페이지 : https://www.powermockup.com

파워목업의 간단한 소개 영상은 다음 링크를 클릭하시면 확인 가능합니다. 

https://www.youtube.com/watch?v=OrSxE0XnWLw

1. 다운로드 

   가. 파워목업(www.powermockup.com) 웹사이트 접속

   나. DOWN LOAD TRIAL 클릭

    다. 설치 파일 다운로드

2. 설치 완료 후 파워포인트 실행 화면(상단 메뉴 PowerMockup 생성됨)

3. PowerMockup 상세 매뉴 살펴보기

  가. Shapes panel이 보이지 않을 경우 누르면 화면 우측에 나타남

  나. Online Shape Libray메뉴 생성

4. 온라인 도형 다운로드 및 가져오기

5. 끌어다 놓기로 원하는 도형 슬라이드로 가져오기

6. 내가 만든 도형 저장하기(개체 선택 후 마우스 오른쪽 클릭)

7. 도형 추가 하기(도형 선택 후 마우스 우클릭)

8. 가격정책(1유저, 5유저, 10유저, 50유저 단위로 신청 가능, 온라인으로 라이선스키 추가 가능)

9. 라이선스 키 입력 메뉴

트라이얼 버전의 경우 사용 메뉴의 제약이 있으므로 유료구매를 고려해 보는 것도 좋을 것이다.

파워포인트에 익숙한 사용자라면 프로토타입을 짧은 시간에 작성할 수 있는 아주 유용한 툴이다.

개인적으로 기관지가 약한 체질이라 수업 연강을 하면 목이 쉽게 잠기는 편입니다. 특히 환절기에는 늘 목이 아파서 수업에도 영향을 주었구요. 그래서 목을 최대한 중저음으로 사용을 하더라도 늘 목은 좋지 않았습니다. 그래서 찾게된 것이 교실에서 사용가능한 마이크였는데요. 아래 사진에서 보이는것처럼 우퍼와 무선으로 연결되는 이동식 마이크였습니다. 문제는 가격! 그리고 옆 반 교실에 울려퍼지는 나의 목소리는 다소 동료와의 불편함을 가져오지 않을까하는 우려도 있어서 구입을 하지 않았습니다.

사진출처: http://mediatop.co.kr/shop/shopdetail.html?branduid=670330

그러다가 TV를 보면서 앗 저거 좋은데..라고 생각한게 바로 나혼자 산다에서 나온 그..마이크..

사진출처:  http://blog.naver.com/PostView.nhn?blogId=hidbdb&logNo=220989507916

뭔가 사전 준비과정 없이 충전만 되어 있다면 수업에 바로 사용이 가능할 것 같아서 정보를 찾아보았는데요. 대부분의 인터넷 후기는 음성 출력이 부족하여, 차 안 공간정도 커버 될 것이다라는 내용.. 개인적으로 교실평수로 생각하였을때 아이들의 관심만 끌 뿐 그다기 성대보호에는 무리가 있을 것 같아서 구입하지는 않았습니다.

작년 가을쯤 퇴근후 우연히 페북을 통해서 위와 유사한 형태의 마이크 체험단을 모집하는 글을 보고 바로 응모하였구요, 지금 리뷰하는 마이커의 1세대 체험단에 선정되었습니다(1세대 리뷰 링크).

깔끔한 디자인에 마이크가 하단에 위치한 구조는 교실에서 사용할때 음량이 충분하였습니다(교실 2칸의 특별실은 다소 부족) 

이번에 이 마이커의 두 번째 버전을 리뷰하고자 합니다.

먼저 배송박스안에는 본체 박스와 핀마이크와 파우치가 들어있습니다.

본체 박스안에는 설명서, 마이커 프로, 충전크래들, 스트랩, 파우치, 충전케이블 및 USB C 형 젠더가 포함되어 있구요.

기존 5핀 충전기에 젠더를 끼워서  충전하거나, USB C형 케이블이 있으면 바로 크래들에 끼우면 충전이 가능합니다.

충전 크래들과 마이커 본체와는 자석으로 체결됩니다. 마치 맥북의 맥세이퍼와 본체처럼, 찰칵!

충전 중일때 붉은색이 표시되고 완충시 초록색으로 변합니다(오늘 첫 개봉이라 완충 시간은 정확히 모릅니다. -_-).

매번 이동중에 크래들을 가져가야하는가? 아닙니다. 크래들 없이 본체와 바로 충전도 가능합니다.

마이커 프로의 제품 정보는 홈페이지 링크로 대신합니다.

http://www.e-best.co.kr/sub/1product2_1_mickerpro.php

이제 주변 동료들이 사용하는 마이크를 비교해보겠습니다.

가장 저렴한 가격으로 보급되고 있는 아이스XX 마이크, 마이커1세대, 마이커 프로 이렇게

세 종류입니다.

전면부 사진입니다.

후면부 사진입니다. 아이스xx마이크와 마이커1세대는 하단부에 스피커가 있으나, 마이커프로는 하단 측면으로 마이크가 위치하고 있습니다. 아이스xx마이크와 마이커  프로는 충전지 내장형이고, 마이커1세대는 건전지를 별도로 충전하는 방식입니다.

하단부 사진입니다.

이제 각 마이크별로 음량을 확인해보겠습니다.

칠판 앞쪽에서 마이크를 사용하고 교실 가운데 부분 모둠책상에서 음량을 확인합니다.(소음측정기 앱 실행, 칠판앞에서 마이크별로 음량 테스트)

영상 후반부에 핀 마이크를 사용한 부분은 아래 사진과 같이 핀마이크 잭을 MIC 단자에 끼운후 테스트 하였습니다.

목에 마이커를 걸고 두 손이 자유로운 상태로 수업을 할 경우라고 생각하시면 됩니다.  그 모습은 뭔가  어색합니다. 하하

잭을 끼우면 마이커 본체에서 소리 입력은 소거되고 핀마이크로만 소리가 입력됩니다.

스피커의 특성상 하울링이 다소 발생하였습니다.

자 그럼 오늘 리뷰의 마지막인 음량 테스트 동영상입니다.

아이스xx마이크는 음량을 최대로 해서 1회 측정하였고,

마이커1세대는 음량 조절 기능이 없으므로 전원을 키고 측정하였습니다.

마이커 프로는 음량 조절이 세단계(최대-중간-최소), 에코 On-Off, 핀마이크 장착하여 테스트를 진행하여 총 7종류의 음성이 드립니다.

최대한 같은 목소리로 이야기 하였습니다.

개인적으로 에코를 끄는것이 실제 목소리 전달에 효과적일 것 같으며, 음량은 중간으로 해도 교실 1.5칸은 충분히 커버될 것 같았습니다.

1세대에 비하여 음량 출력, 외부 마감, 디자인 등에서 매우 우수입니다.

영상 링크: https://www.youtube.com/watch?v=-Gme87qrnJ4