구글 스프레드 시트와 앱시트로 교안관리앱 만들기

ICT 강사를 위한 교안 관리 앱시트 구축 사례

📝 소개

  • 코딩과 메이킹 강의를 하는 ICT 강사로서 학생부터 성인 대상 강사 과정까지 다양한 교안을 체계적으로 관리할 필요성을 느꼈습니다. 매번 새로운 강의를 준비할 때마다 이전에 작성했던 교안을 찾아 참고하는 과정이 비효율적이었습니다. 특히 교구, 과목, 대상, 주제별로 교안을 분류하고 해시태그를 통해 빠르게 검색할 수 있는 시스템이 필요했습니다. 이를 위해 구글 스프레드시트와 앱시트를 활용하여 교안 관리 앱을 만들어 보면 좋을 것 같아 연습 삼아서 모니카AI에서 Claude 3.7 Sonnet 모델의 도움으로 만들어 보았습니다.

🧰 사용도구

  • Monica(Claude 3.7 Sonnet), ChatGPT, Google AI Studio(Stream Realtime: 실시간 화면 공유) : 더미 데이터, 구글 스프레드 시티와 앱시트 연동 방법, 앱시트 구축, 오류 수정

  • 구글 스프레드 시트 : 주제, 교안목록, 과목, 대상, 교구, 난이도, 파일형식, 해시태그, 교안태그의 9개 데이터 시트 구성

  • app sheet : 교안 관리 앱 구축

▶️ 진행 방법

  1. 앱시트를 만들기 위한 나의 요구 사항 및 준비 사항에 대한 프롬프트 작성

    검은 배경에 한국어 텍스트

    AI : ICT 강사를 위한 교안 관리 앱시트 구축 가이드 작성를 상세하게 만들어 주었습니다.

  2. 샘플 데이터 바로 요청

    한국의 글이있는 검은 배경

    AI : 교안목록 시트를 메인으로 데이트를 구축해서 만들어 주었습니다.(이 부분은 제가 원하는 데이터 구조가 아니라서 다시 주제 시트를 메인으로 데이터 구축을 다시 요청했습니다.)

    흰색 단어가있는 검은 배경

    AI : 주제와 교안목록 시트로 데이터 테이블을 만드는 방법과 간단하게 앱을 구축하는 방법을 알려주었습니다.( 하지만 주재별로 교안을 관리하기에는 데이터 시트가 부족한 것 같아서 다시 요청했습니다.)

    흰색 텍스트가있는 검은 색 화면

    AI : 주제별 더미 데이터와 사용 방법과 앱시트 설정 팁까지 알려주었습니다.( 알려준 대로 더미 데이터 시트 완성하였습니다.)
    🔗 더미 데이터 : 주제별 교안 관리 앱시트 더미 데이터

  3. 앱시트 제작을 전체 상세 플로우 요청

    한국어 텍스트가있는 검은 색 화면

    AI : 주제별 교안 관리 앱시트 워크플로우 가이드를 만들어 주었습니다.(가이드로만으로 앱시트 지식이 없는 제가 만들기는 힘들어 다시 요청했습니다.

    한국어 글이있는 검은 전화

    AI : 시트별 워그플로우를 상세하게 만들어 주었습니다.
    🔗 앱시트 워크플로우 : 주제별 교안 관리 앱시트 워크플로우

  4. 앱시트 워크플로우에 따라 구축

    • 대체로 워크플로우에 따라 입력했을 때 70% 정도의 앱시트 구축이 되었습니다. 하지만 중간 중간 AI가 사용하는 용어가 앱시트에서 사용하는 것과 다른 부분도 있고 제가 찾을 수 없는 부분도 있어서 구체적인 데이터나 이미지를 캡쳐하면서 수정해 나갔습니다.
      이때 Google AI Studio(Stream Realtime: 실시간 화면 공유)을 사용하여 물어 보았습니다. 하지만 시간이 10분으로 제한이 되어있고 조금 복잡한 요청에는 에러가 나서 아주 크게 도움이 되지 않았지만 메뉴를 찾아서 들어가는 부분에는 도움이 되었습니다.

      Google Docs에서 비디오 설정을 보여주는 화면
  5. 완성

    실행 GIF 이미지를 넣었는데 용량이 커서 그런지 올라가지 않아서 이미지로 대신하고 링크 남겼습니다.
    🔗 실행 GIF : 교안관리 앱 실행

    여러 아이콘이있는 중국어 앱의 스크린 샷

💡 결과와 배운 점

  • 배운 점

    - 앱시트를 만들기 위해서는 데이터 구성과 연결이 매우 중요하다는 것을 알게 되었습니다.

    - 앱시트의 Virtual Column(가상 컬럼)을 만드는 방법과 이를 이용해 복잡한 연결관계를 나눠서 관리하는 방법을 알게 되었습니다.

    - 아이콘이나 이미지를 넣기 위해서는 구글 드라이브에 이미지를 업로드 후에 이미지의 ID를 사용하여야 한다는 것을 알게 되었습니다.

  • 시행착오

    - 주제 시트에 있는 아이콘(이름)과 색상 정보를 주제 View 카드에 적용하는 방법을 수없이 시도하다가 포기 했습니다.

    - 제가 구성한 데이터가 아니다 보니 데이터의 연결 구조나 자동으로 만들어지는 View가 어떻게 연동하는지 수많은 AI과 오류 수정을 하면서 조금 알게 되었습니다.

    - 해시태그 입력 방식을 다중방식으로 바꾸면서 일관성 문제가 있는데 이 부분을 아직 해결하지 못했습니다.

🚩 앞으로의 계획

  • 실제 교안 데이터를 간단하게라도 정리해서 만들고 앞으로 새롭게 추가 데이터를 관리해보고 싶습니다.

  • 아직 해결하지 못한 해시태그 일관성 문제와 아이콘 이름으로 삽입하는 방법과 색상 정보를 텍스트나 카드에 반영하는 방법을 알아보고 싶습니다.

👍 도움 받은 글

  • 에듀테크 스터디장인 도로시J님의 지난 주 수강생 관리 앱시트 예시 스터디와 다시 보기 영상.

  • 스터디 전에 들었던 앱시트 특강


3
2개의 답글

👉 이 게시글도 읽어보세요