영남대학교 의과대학의 교육 설계모형을 요구사항 정의서와 화면 기획으로 옮기고, 눌러서 동작하는 프로토타입까지 넘긴 발주용 기획 과업입니다. [의뢰 배경] 의과대학은 학생 진로지도를 위한 교육학 설계모형을 연구로 완성해 두고 있었습니다. 다음 단계는 이것을 시스템으로 만드는 것인데, 개발업체가 교육학 모형만 보고 화면과 기능을 만들 수는 없습니다. 모형만 넘기면 업체가 임의로 해석하고, 기능이 빠져도 요구사항에 없었다는 말에 대응할 근거가 없습니다. 이 계약의 범위는 구현이 아니라, 발주기관이 개발업체를 선정하고 통제할 수 있는 상태를 만드는 문서 일습입니다. [주요 기능] 1. 설계모형을 번역한 요구사항 101건 구성요소 9개와 설계원리 9개, 상세지침 28개로 된 추상적인 모형을 화면 단위 요구사항으로 풀었습니다. 기능 68건, AI 15건, 비기능 18건을 화면 12개와 일대일로 번호를 맞춰, 어느 요구사항이 어느 화면에서 확인되는지 검수자가 바로 짚을 수 있게 했습니다. 2. 미확정 항목이 빠져나가지 못하는 총칙 기획 시점에 세부를 정할 수 없는 항목이 기능 65건 중 19건이었습니다. 이런 항목이 추후 협의라는 이름으로 범위에서 빠지지 않도록, 협의 미완료를 이유로 생략할 수 없다는 총칙 8개 조항을 문서 맨 앞에 세웠습니다. 3. 눌러서 확인하는 프로토타입 학생의 검토 요청이 교수 화면에 접수되고, 교수의 승인이 다시 학생 홈에 반영되는 왕복이 실제로 동작합니다. 검토자가 역할을 바꿔 가며 직접 눌러 보게 만들어, 화면 그림을 보고 상상하는 단계를 없앴습니다. 4. 진단, 추천, 매칭 화면의 확정 교과와 비교과, 적성 검사를 한 화면에 모으는 진단, 근거와 불확실성 안내가 붙는 AI 추천, 선배와 전문가 멘토링 매칭까지 12개 화면의 기능과 흐름을 프로토타입 위에서 확정했습니다. 5. 검토의견 전건 반영 추적 1차 32건, 5차 26건의 검토의견을 전건 접수해 처리 상태와 답변을 채워 회신했습니다. 수정 전후 화면을 나란히 놓은 대조 화면을 만들어, 무엇이 어떻게 반영됐는지 검토자가 직접 확인하게 했습니다. 발주와 검수에 그대로 쓸 수 있는 상태로 넘겼습니다. [사용 기술] 정적 HTML(프레임워크 없음) / 디자인 토큰 / SVG 직접 작성 차트 / Python, openpyxl / Playwright / Figma Plugin API