SE 메타버스 교육장(feat. 서울시사회적경제지원센터)
2023. 3. 15

안녕하세요! 

에픽로그협동조합입니다.

이번 포스팅부터

저희 회사가 제작한 메타버스 맵을 하나하나

보여드릴건데요, 그 첫번째로

서울특별시 사회경제지원센터의 교육장 맵

소개해 드리겠습니다!

드리겠습니다!


- 저작권으로 인한 불펌 금지 -

작성한 글에 대해 출처형식의 링크가 아닌

다른 형태로 무단 복사되는 것을 금지합니다.




교육장인만큼

한번에 많은 인원이 교육장에 참석 가능하고,

미니게임으로 팀빌딩 진행도 할 수 있고,

교육생들의 대화나 휴식이 가능한 공간이

필요했어요.

메인홀, 대강당, 모둠형 교육장,

교육자료실, 팀빌딩 공간, 휴게실

이렇게 총 6개의 공간을 모두 맞춤디자인으로

ZEP을 통해 2D로 구현했습니다.

잠깐!

ZEP에 대해 아시나요?

ZEP은 회의와 모임을 풍성하고 재미있게 만들어주는

오픈형 메타버스 플랫폼이에요.

웹 기반 메타버스 플랫폼이라

다운로드, 설치 같은 복잡한 과정이 전~혀 필요없습니다!

그냥 간편하게 클릭만 하자구요.

한 스페이스에 50,000명이 참여해도

오케이 !

왜 ZEP으로 메타버스 맵을 만들었는지

이해되시죠?ㅎㅎ

그렇다면 이제 공간들을

살펴보겠습니다.

먼저! 외관!




비교를 위해 나란히 사진을 놨는데

어떠신가요?

왼쪽이 실제 외관이고

오른쪽이 메타버스 맵 외부인데

정말 똑같이 구현했죠?ㅎㅎ

이 외부는 교육링크 접속 시

입장하는 공간을 구성한 것입니다.

더 자세히 볼게요.




입장하기 전에

맵에 대해 간단한 사용법을 익힐 수 있네요.

방향키로 아바타 이동하고

키보드 F키를 누르면 삽입된 컨텐츠가 실행됩니다.

사용법도 좋지만 먼저!

아바타를 꾸며볼까요?ㅎㅎ

전 맵 들어가기전에 프로필 설정하는게

설레고 재밌더라구요.




우측 상단에 흰색 배경 동그라미의 아바타를 누르면

내 프로필을 설정할 수 있게 떠요.

여기서 아바타를 꾸며줍니다.

머리, 외모, 피부 등등 고를 수 있는 항목이 많아서

내 취향에 딱 맞게 꾸밀 수 있더라구요.

얏호!




프로필 설정 동그라미 옆에

숫자가 나와있는 버튼은 참가자 버튼입니다.

같은 스페이스에 있는 다른 참가자들과 관련된

다양한 기능을 활성화할 수 있어요.

영상통화나 대화도 가능!




특히, 따라가기 기능을 사용하면

아바타를 움직일 필요없이 다른 사람에게 갈 수 있어요.

교육이 시작했을 때

선생님께 바로 따라가기를 누르면

해당 교육장으로 이동이 쉽겠죠?ㅎㅎ

차근차근 하나씩 눌러볼게요.

내부로 입장하기 전에 가이드를 확인해야겠죠? F키를 눌러보겠습니다.




왠지 익숙하다했더니

게임할때 키보드 위치와 비슷하네요.

펀치, 점프도 하고 숫자를 누르면 감정표현도 해요.

0을 누르면 춤도춥니다.

내가 꾸민 아바타가 춤을 추니 귀염귀염합니다.ㅎㅎ

이번엔 가이드 메뉴 옆에 설정을 볼게요.




설정엔 메타버스를 위한 기본적인

설정 메뉴얼 내용이 있으니

꼭 참고해주세요.




아! 곳곳에 배치된 고양이들에게

다가가면 말풍선이 뜨고

사용tip 등이 있으니 꼭 확인해보세요.

야옹~

이제 내부로 입장해보겠습니다.




내부로 들어오면 바로 소셜라운지가 나옵니다.

공지사항과 미니맵, 작성할 수 있는 방명록이 있어요.

6개의 공간으로 스페이스가 넓은 만큼

한번에 이동이 가능하게끔

이동 포탈이 있습니다.




뿅! 순간이동!

편하고 재밌는 요소네요.ㅎㅎ

우선,

미니맵을 눌러 전체적인 스페이스를 보고

공간을 하나하나 살펴볼게요.



미니맵


내부로 들어와서 안으로 좀더 들어오면

소셜라운지가 나옵니다.




소셜라운지는 교육 자료실이라고 보시면 됩니다.

사회적경제지원센터의 홈페이지 및 SNS채널로

바로 이동할 수 있고,

센터에서 만든 교육자료를 열람 가능합니다.

노래도 나오고, 영상도 바로바로 재생되니

신기하고 편하네요.

하나하나 다 눌러보면 시간 가는 줄 모르겠어요.



다목적홀 


다목적홀은 특강 등 단체교육을 하는 대강당입니다. 



서로배움터 


서로 배움터는 조별 활동이 가능한 모둠형 교육 공간이자

전체 발표장이에요.

책상별로 활성화되고, 의자에 앉을 수 있습니다.

노트북과 데스크탑은 F키 눌러 볼 수 있어요.

뭐가 나오냐구요?

홈페이지와 인스타그램 채널로 이동~!



카페지구마을 


카페지구마을은

교육생 휴식 및 개별대화가 가능한 휴게실이에요.

의자에 앉을 수 있고, 테이블 별로 활성화가 됩니다.

진짜 카페같고 너무 귀엽습니다.



We Make 


이 공간은 팀빌딩 요소가 들어간 공간이에요.

ZEP의 미니게임으로 진행됩니다.

많은 참여자들이 함께 게임하면

얼~마나 재밌게요.




 

참여자들의 휴식, 네트워킹 공간도 양쪽으로 각각

배치되어있습니다.

전체적인 모습도 한번 볼까요?



서울사회적경제지원센터 메타버스 내부 전체

처음에 보는것보다

일단 공간들을 구경하고 전체적인 스페이스를 보는게

더 잘 보일거같아서 처음엔 미니맵만

보여드렸어요.

인테리어 디자인이 아기자기하고

꽤 실제와 비슷하지않나요?

클라이언트의 요청에 맞는 레퍼런스를 참고하여

디자이너분의 세심한 작업으로

탄생한 결과물입니다.

작업이 다 끝나고 클라이언트에게

구글 애널리스틱스 설치 및 기본교육을 제공해드리고

ZEP 활용 매뉴얼을 제작

실습교육을 진행해드렸습니다.