KLAS+
🕒 읽는 데 0분 예상forest_articles
forest_날짜
forest_분류
문서
광운대학교 학생들이 사용하는 학사정보시스템인 KLAS 앱의 기능과 UI를 개선한 안드로이드 앱입니다. 기존 앱의 불편한 점을 개선하고, 추가적인 기능을 제공하여 학생들이 더 편리하게 사용할 수 있도록 하였습니다.
사용 기술
- Android(Kotlin): 안드로이드 앱에서 WebView와의 데이터 통신을 위해 JavascriptInterface를 사용하였습니다. Null Safe 언어이며, Java에 비해 가독성이 높다는 점과 Android 기본 개발 언어로 채택되었다는 점에서 Kotlin을 사용하였습니다.
- NextJS 14 + Vercel: WebView 페이지 개발을 위해 사용하였습니다. 각 UI 요소를 컴포넌트화하여 재사용성을 높이고, API Router를 구성해 Vercel에 배포하여 Serverless하게 필요한 데이터를 불러올 수 있도록 하였습니다.
- react-big-calendar: 캘린더 기능을 구현하기 위해 해당 라이브러리를 사용하였습니다. 캘린더 표시 뿐만 아니라 일정 관리와 드래그 앤 드롭 등 다양한 기능을 제공하고 있어 채택하였습니다.
- Google QR Code Scanner API: 앱에 카메라 권한을 받지 않고 QR 스캔을 구현할 수 있는 Google ML Kit 라이브러리를 사용했습니다. QR 코드 위치를 인식하여 자동으로 줌이 되는 기능을 적용하여 인식률을 개선하였습니다.
주요 기능
● 해야 할 일을 잊지 않도록, 한 번에 정리.
· 홈 피드에 아직 제출하지 않은 과제와 들어야 하는 온라인 강의, 끝내지 못한 팀프로젝트를 모아서 보여줄게요.
· 학사일정과 과제 제출 마감일을 캘린더 탭에서 한 눈에 확인해보세요. 나만의 개인 일정을 등록해 관리할 수도 있어요.
● 위젯으로 바로 여는 모바일 학생증
· 홈 화면에 모바일 학생증 위젯을 추가하면, QR코드를 빠르게 띄울 수 있어요. 이제 매번 번거롭게 중앙도서관 앱을 실행할 필요가 없죠.
● 더 편해진 강의 홈
· 각 수업의 강의 홈에서 바로 강의계획서를 조회할 수 있어요.
· 모바일에 최적화된 UI로 강의 공지사항, 자료 등을 확인해보세요.
· QR 출석체크 진입 과정을 간소화했어요. 홈 피드나 강의 홈을 통해 해당 강의의 출석 체크를 위한 QR코드 스캔 화면을 바로 켤 수 있어요.
● 모바일에 최적화된 온라인 강의 시청
· 온라인 강의 시청 화면을 모바일에 맞게 다시 디자인했어요.
· PIP(화면 속 화면)을 지원해, 강의를 들으며 다른 앱을 동시에 사용할 수 있어요.
● KLAS에 기능을 플러스.
· 성적 페이지를 새롭게 디자인했어요. 학기 별 성적을 좀 더 깔끔하게 확인하고, 지금까지의 성적 추이를 그래프로 확인해보세요.
· KLAS에 있는 메뉴들을 쉽게 찾을 수 있도록 검색 기능을 추가했어요. 자주 쓰는 메뉴는 즐겨찾기해서 상단에 고정할 수 있어요.
· 기존 모바일 앱에서는 확인할 수 없던 학기 별 석차를 확인할 수 있어요.
· 강의계획서에 KLAS에서는 보이지 않는 이전 학기 대비 강의 개선보고서를 추가했어요.
● AI에게 물어보세요
· 학교 생활 중 궁금한 점이 있다면, KLAS GPT에게 물어보세요.
· AI가 KLAS에 등록된 강의 정보와 학교 홈페이지를 돌아다니며, 질문에 맞는 답을 찾아 제공해줄 거예요.
회고
- WindowManager$BadTokenException 오류 해결 — isFinishing()