수강신청 자동화

소개

박사과정 중인데 학교 정규과목 이외에 사이드 신청 과목들이 매번 변경 수정되는 사유로 매뉴얼 신청및 공지였던 점이 아쉬웠습니다, 이를 자동화 해보고 싶었습니다.

학생 200명이 30여 개의 과목을 공평하게 나누어 수강하면서도, '15명 미만 폐강'이라는 제약 조건을 극복하기 위한 [전략적 수강신청 시스템]을 제안하고 앱에 반영

진행 방법

어떤 도구를 사용했고, 어떻게 활용하셨나요? Claude, aistudio

Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.

일단 기존에 있던 사이트에 수강신청 사이트를 만들어서 붙이려고 해 API로, 그래서 일단 수강신청만 깔끔하게 만들어 보자 기존 사이트는 아래 링크야

주요 업데이트 사항 및 디자인 결정

  1. UI/UX 테마 변경: 기존의 일반적인 SaaS 디자인에서 전문적인 학사 관리 포털 스타일로 전환합니다. 신뢰감을 주는 Deep Blue와 Slate 컬러를 주축으로 하며, 가독성을 극대화한 테이블 및 그리드 레이아웃을 사용합니다.

  2. 한국어 로컬라이징: 사용자 요청에 맞춰 모든 메뉴와 인터페이스를 한국어로 변경하여 실제 국내 대학생들이 사용하는 느낌을 구현합니다.

  3. 수강신청 핵심 워크플로우:

    • 강의 조회: 학과, 학년, 이수구분 필터를 상단에 배치하여 원하는 강의를 빠르게 찾을 수 있도록 합니다.

    • 장바구니 vs 본수강: '장바구니(Wishlist)'와 '수강신청(Register)' 기능을 명확히 분리합니다.

    • 실시간 학점 계산기: 신청 현황에 따라 전공/교양 학점이 실시간으로 차트에 반영됩니다.

  4. AI 학사 어드바이저: Gemini API를 활용하여 "졸업하려면 어떤 수업을 더 들어야 해?", "전공 학점이 부족한데 추천해줘"와 같은 질문에 답변하는 기능을 유지 및 강화합니다.


아고라 아카데미에 푸시 알림(Toast) 및 알림 센터(Notification Center) 기능을 추가하여 수강신청 마감 임박 알림과 대기 순번 변동 안내를 실시간으로 확인할 수 있도록 구현하겠습니다.

https://docs.google.com/spreadsheets/d/1uq077M6yiRs2lKOXIhY2NI6C-ZeA8IXp/edit?usp=drive_link&ouid=110124077905683640777&rtpof=true&sd=true
===
> 해당 수강과목들이 있는데 이과목들을 이번 아고라 신청 앱에 첫 수강 등록 리스트로 업데이트 해줘

주요 업데이트 사항

  1. 실시간 알림 시스템 (Toast & Notification Center):

    • 화면 우측 상단에 즉각적인 피드백을 주는 Toast 메시지 구현.

    • 헤더에 알림 아이콘(종 모양)과 읽지 않은 알림 개수를 표시하는 알림 센터 패널 추가.

  2. 대기번호 시스템 (Waitlist):

    • 정원이 초과된 과목에 대해 '수강신청' 대신 '대기 신청' 기능을 도입.

    • 대기 신청 시 알림이 발생하며, 일정 시간 후 대기 순번이 줄어드는 시뮬레이션 알림 추가.

  3. 마감 임박 알림:

    • 앱 접속 시 또는 특정 주기마다 "수강신청 종료 1시간 전"과 같은 긴급 공지 알림을 시뮬레이션하여 사용자에게 긴박감을 제공.

  4. UI/UX 디자인:

    • 기존의 Deep Blue 테마와 어울리는 세련된 알림 UI.

    • 알림 타입별(정보, 경고, 성공) 색상 구분.

    • 업데이트 사양

      1. 강의 데이터 업데이트 (constants.tsx):

        • AI001: AI 비즈니스 전략 (최윤정 교수) - 월요일 야간 강의

        • AI002: 파이썬 바이브 코딩 (Joyce 교수) - 수요일 야간 강의 (현재 정원 풀)

        • 기타 aSSIST 스타일의 AI 경영, 빅데이터 분석, 생성형 AI 활용 실무 등 추가.

      2. UI 반영:

        • 제공된 강의 코드와 시간을 정확히 반영하여 시간표 및 리스트에 표시.

        • AI002 과목은 정원이 꽉 찬 상태(20/20)로 설정하여 '대기 신청' 기능을 테스트할 수 있도록 배치.

      3. AI 상담 최적화: 새롭게 바뀐 강의 리스트를 바탕으로 Gemini가 상담을 진행하도록 시스템 프롬프트 동기화.

    • https://docs.google.com/spreadsheets/d/1r9usrFg_KUhlOyKqIkVSO0J8gtwtzpMqwXhvB76b1M4/edit?usp=sharing
      과목이
      여럿인데 다 반영이 안되었네요
      추가해주세요 전부 서른개가 넘ㅎ어요
      전체학과를 카테고리로 변경해 주고 항목은 AI융합, AI활용, 전공심화로 변경해줘

    • 학생들이 최대한 신청한 것을 모두 들을 수 있게 하려면 수강학생은 200여명정도 되는데
      15명이 과목당 되어야 강의가 개설이 되고 그렇지 않는 강의는 폐강이 되고 있어, 모두가 공평하게 신청 할수 있는 아이디어를 업데이트 해줘~~~

Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.

채팅 창을 보여주는 웹페이지의 스크린샷

(내용 입력)

결과와 배운 점

배운 점과 나만의 꿀팁을 알려주세요.

부담없이 티키타카만으로도 바이브코딩이 가능하다는 것~ 기능을 더 잘 알면 훌륭한 나만의 앱을 잘 만들겠다입니다,

과정 중에 어떤 시행착오를 겪었나요? 엑셀파일의 내용을 반영하라고 했는데 잘못된 데이타를 반영하여 보여주는 할루시네이션이 있어서 다시 업데이트 하라고 하여 반영되었습니다.

도움이 필요한 부분이 있나요?

앞으로의 계획이 있다면 들려주세요.

도움 받은 글 (옵션)

이번 기수에는 다른 일정들로 인해 강의만 겨우 들었고 맘먹은 만큼의 몰입은 못했으나, 더 집중해서 해보고 싶다는 동기부여가 강하게 와닿았습니다, 다음 기수에는 더 몰입하도록 하겠습니다. ^^

참고한 지피터스 글이나 외부 사례를 알려주세요.

(내용 입력)

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요