[Unity] AIR(AI와 AR을 이용한 교육 보조 프로그램) - 종합설계 프로젝트

2023년 가을학기 종합설계 과목에서 AI와 AR을 이용한 교육 보조 어플리케이션을 개발하였다.

 

개발 목적은 이러하다.

 

•교수자에게 학습자의 이해도에 관한 수치를 제공하여 수업 방향성 제공

•학습자에게 수업 참고 자료를 AR 앱을 이용하여 직관적인 자료를 제공하여 수업 이해도 증대

 

 

나는 서버와 유니티를 담당했고 팀원들은 각각 AI와 AR 파트를 담당하였다.

( AI를 담당한 팀원은 OCR을 이용하였고, AR을 담당한 팀원은 뷰포리아 플랫폼을 이용해서 개발을 하였다. )

 

서버는 Node.js와 Firebase를 이용했고 조만간 코드를 올릴 생각이다. 

 

0. DB 구조

 

 

1. 로그인 화면

 

2. 메인화면 - 학교/ 이름/ 좌우명이 나오고, (지금 이름은 가려진 상태)

단어장 클릭시 단어장이 넘어가면서 하루에 3개씩 단어를 보여준다.

 

 

 3. 코멘트 화면

Title에 입력한 값은 key가 되고

Content에 입력한 값은 key의 값이 된다

// 학생페이지와 교사페이지의 구분을 두었는데, 교사페이지는 코멘트가 추가가 가능하도록 하였다.

학생페이지에는 코멘트 페이지 버튼 X

 

4. 서버 요청 (유니티 <-> 로컬서버 <-> 파이어베이스)

- js코드 중 일부

로컬 서버 https 방식이기에 로컬파일에 Bcrypt 모듈을 설치하고 데이터 암호화를 했다.

 

 

5. 서버에서 받아온 정보 저장

 

- Unity C#코드 중 일부

Unity게임 엔진 제공 기능 중 PlayerPrefs를 사용한 정적 클래스 사용해서 썼다. 로그인 했을 때 서버에서 받아오는 정보를 userInfo에 담아 어디서든지 사용 가능하게 키-값 쌍으로 데이터를 저장하고 불러올 수 있다.

 

 

로그로 확인해보면 이렇게 나온다.

 

6. SSL 인증서를 받아 Https 프로토콜로 변경

 

AI, AR 부분은 제가 한 부분이 아니라 영상으로 확인해주면 감사하겠습니다~

간단하게 다른 팀원들 부분은

 

- 한글을 학습시켜서 한글을 인식시키면 코멘트에 입력되어 있는 정보를 불러오는것

 

- AR기능을 이용해 확대, 축소, 360방향에서도 확인 가능함

 

입니다~~~~

---

 

호스팅 서버 방식이 아니라 엄청 삽질 하면서 했는데 호스팅케이알쪽 문의 받아주시는분 너무 친절했고 감사했습니다.. ㅜㅜ 제가 서버 처음 해보는거라 너무 어려웠어요잉!!!

다음에는 절대... 로컬서버로 하지않겠다는 다짐을 했어요 ㅎㅎㅎㅎ