앱시트를 활용한 나만의 수업관리 프로그램 (1편)

소개

앱시트에 대한 특강을 들으면서 이 툴을 어떻게 활용하면 좋을까? 나의 어떤 필요와 맞닿을수 있을까 고민했습니다.

이런 고민이 생각이 났습니다.

온라인으로 수업을 진행하는 관계로 '관리자(나)'는 선생님과 학생에게 계속해서 상황을 묻고 확인함.
예)

  • 오늘 학생이 수업에 참석했나요?

  • 오늘은 어떤 선생님과 어떤 학생들이 수업을 진행하고 있죠?

  • A라는 학생의 수업이 몇월 몇일에 끝나지요?(보통 한 클라스 6주과정)

  • '홍길동' 선생님은 언제 언제 수업이 있죠?

진행 방법

구글캘린더를 통해 관리하고 있었지만 교사별/학생별 수업을 따로 볼 수 없었고, 개인 스케줄과도 겹쳐서 캘린더가 굉장히 복잡한 상태였습니다. 이에 앱시트를 활용해 한 눈에 보기 쉬운 캘린더와 학생의 수업, 선생님의 수업을 보기 편하게 정리하고 싶었습니다.

  1. 먼저 DB역할을 할 구글 스프레드시트의 구조를 고민해 보았습니다.

    보통 이 부분은 흰 종이에 손으로 슥슥 그리는데 gpters와 공유하기 위해 예쁘게 피그마에 그려보았습니다.

이렇게 구상하고 구글스프레드시트를 만들었습니다. (TMI: 컬럼 이름들이 영어인 이유는 과거 한글지원이 잘 안되던 때 단순히 영어로 안써서 생기는 문제들을 여러번 겪어 봤습니다. 그래서 그 버릇으로 영어 이름을 만들었습니다. 특강 때도 컬럼명을 한글 예시로 가르쳐 주신걸 봐선 한글로 해도 무방해 보입니다.)

  1. 완성된 구글 스프래드시트 모습

    1. 선생님리스트, 학생리스트, 수업리스트는 하단의 탭으로 생성

    2. 각각의 리스트 안 최상단 컬럼들(칸)에 예상한 것들을 넣는다.(ID, Name, Level 등....)

      중국어 텍스트가 강조된 Google 스프레드 시트의 스크린 샷

    이제 데이터를 보관할 곳이 잘 구성 되었습니다..

  1. 앱시트 작성
    (TMI: 데이터 보관할 구글스프레드시트의 구조는 수정하며 만들어도 되요. 데이터 구조에 대한 걱정말고 앱시트 만들기 고고)

  2. 앱시트에서 모든 테이블 불러오기 및 데이터 구조 정리
    우리가 구글스프레드 시트에서 만든 테이블(탭) 중 한개만 들어왔네요. 나머지 모두를 불러내 줍니다.

    Google Analytics Dashboard의 스크린 샷
    Google Analytics에서 Google 캘린더를 만드는 방법


    이제 모든 테이블(탭)이 다 불러와졌지만, 스프레드시트에서 말하는 "서식"지정이 잘못되어 있습니다. 앱시트에서는 "TYPE"이라고 말하는데, 첫 _RowNumber는 만지지 말고 나머지를 목적에 맞게 지정해 줍니다.
    예시)
    대부분 알아서 값을 잘 지정해줍니다만...
    이름의 타입이 'Name'라는 타입인데 어떤 타입인지 정확히 몰라 'Text'로 바꾸어주었습니다.
    'Enum'은 지정된 여러 값중 하나를 선택하는 것이에요. 레벨의 명칭이 정확하고 5개 밖에 안되어 이것을 선택했습니다.
    - 'KEY' 는 한줄 데이터를 식별하는데 유일한 값입니다. 쉽게 이해하면 특정사이트에 로그인할 때 아이디가 중복될수 없는 것과 같은 이치입니다.
    - 'LABEL' 이 것은 이 여러 값들 중에 대표되는 값입니다. 데이터에서 하나, 이미지에서 하나 최대 2개를 가질수 있습니다.

    Google Analytics의 텍스트 필드 스크린 샷

    눈에 보이지 않는 구조 부분은 끝이 났습니다. 이제 눈에 보이는 부분으로 넘어갑시다.

  3. 뷰 구조 정리 및 더미데이터 생성

    1. 구조정리
      3개의 테이블(탭)을 만들었지만 한개 밖에 없습니다. 나머지를 만들어봅시다.

      밑의 화면에서 1번 이름을 원하는 이름을 고치고, 2번 데이터를 만들었던 다른 테이블(탭)으로 바꿉니다.

      Google 애드워즈 계정의 스크린 샷

      이제 테이블(탭)이 2개 불러졌으니 같은 반복작업으로 한개 더(teachers) 만들고 제일 처음 구상했듯 초기화면용 하나 더(studies) 만듭니다. 그렇게 총 4개의 뷰가 만들어집니다.

      이제 정리해봅시다. 1번에 구상대로 4개의 뷰가 만들어졌습니다. 그리고 각각의 뷰를 2번으로 조절하여 순서를 정리해줍니다.
      3번 뷰타입도 각자 상황에 맞게 설정합니다.
      수업일정: 캘린더
      학생:덱
      선생님: 덱
      수업리스트: 덱

      Google 애드워즈 계정 설정의 스크린 샷

    2. 더미데이터 생성
      뷰를 만들었지만 뭔가 밋밋합니다. 보면서 테스트할 데이터가 필요한 거 같아 더미데이터를 만들었습니다. 나의 쪼수 쳇지피티에게 부탁합니다.

      구글스프레드시트 더미데이터를 10개 만들어줘. 터키어 이름, 전화번호, 도시이름, 등록날짜, 레벨(A1,A2,B1,B2,C1에서 택1) 이 데이터를 표로 만들어줘.

      처음엔 전화번호가 +90으로 나오길래 이 자리에 0을 대신 넣어달라고해서 나온 결과를 드래그 컨트롤씨비 신공으로 구글스프레드시트에 붙여넣기 했습니다. ID값은 임시적으로 S0001을 넣고 자동완성으로 나머지를 채웠습니다.

      선생님 테이블(탭)의 더미데이터는 4개만 직접 입력했습니다.
      (TMI: 혹 전화번호 기입시 앞에 0을 기입해도 없어지면 그 칸 서식을 텍스트로 바꾸어주세요.)

      이제 데이터를 눈으로 보며 작업해봅시다. 리제너레이터 버튼을 클릭해 데이터 값을 다시 불러오게 합니다.

      짜짠! 이제 드디어 무언가 보입니다.

      항목 목록이있는 Google 캘린더의 스크린 샷

글이 너무 길어지는 것 같아 2편으로 나누겠습니다.

2편

https://www.gpters.org/research/post/aebsiteureul-hwalyonghan-namanyi-sueobgwanri-peurogeuraem-2pyeon-X5FDnDfd01uSEC6

결과와 배운 점

구글스프래드시트를 앱시트로 바꾸어 핸드폰에서 앱을 사용하듯이 쓸 수 있다!

입맛에 맞게 꾸며진다!

하지만 내 모든 취향을 만족시키진 못한다.(노코드의 한계: 앱시트의 정한 한계선 안에서만 놀아야함)

도움 받은 컨텐츠

15기 지피터스 에듀테크 잘생김님의 앱시트 특강
유튜브
https://youtu.be/WvCnXYwiJQs?si=4DpBoV9TYSNEL81z

2
1개의 답글

👉 이 게시글도 읽어보세요