[KT-AIVLE 17주차 AI Track] 미니 프로젝트 7차(Web)

블로그 카테고리 용도 : 매주 에이블 스쿨에서 배운 내용을 복습하기 위해

 

✨17주차 후기

• 빅 프로젝트를 대비할 수 있는 좋은 웹 프로젝트 경험이였음.
• 프론트엔드 위주의 프로젝트
• 사용자 입장을 고려해서 홈페이지를 어느 팀이 얼마나 더 잘 꾸미느냐의 대결 
• 웹 프로젝트는 처음이였는데 웹 디자인 꾸미는게 흥미로웠음.
• 로그인기능까지 구현을 원했지만 시간 관계상 실패.

 

미니프로젝트 7차

📌 수어 번역 챗봇 서비스 웹페이지 개발

 

전체 적인 서비스 Flow

 

1. 사용자는 번역하고자 하는 수어 사진을 웹페이에 올린다.

2. CNN모델을 통해 이미지를 수어알파벳으로 분류한다.

3. Chat gpt를 통해 문장의 의미를 번역(API사용)

 

 

메인페이지 화면

1. 메인 페이지를 최대한 깔끔하고 필요한 기능만 보이게 제작했는데 이는

기능이 2개밖에 없기 때문입니다.

2. 페이지에 들어왔을 때 사용자가 AI서비스임을 느끼게 하기 위해 하단에 Chatgpt가 말하듯이 소개글을 적어놨습니다.

3. 메인 페이지 백그라운드 화면에 수어사전 이미지를 찾아서 볼 수 있도록 제작했는데 이는 적절하게 화면 공백을 채워

사용자들의 시각적인 흥미를 주기 위함과 수어 번역 서비스 컨셉을 강조하기 위함입니다

4. Click Me를 누르면 메뉴바가 애니메이션으로 나오게 제작했습니다.

 

한계)

손수 열심히 제작한 웹페이지이지만 반응형 웹페이지가 아니기 때문에 실제 사용자들이 사용한다 했을 때

많은 불편함이 있을 것 같습니다.

 

 

부끄럽지만 미니프로젝트 우수작에 뽑혔습니다.

다른 조들 작품을 전체적으로 관람하는 시간이 있었는데

부트스트랩을 잘 활용해서 실제 많이 사용하는 웹페이지 느낌이 나게 잘 만드신 조들이 많았던거 같습니다.