boostcampaitech5 / level3_nlp_finalproject-nlp-01

🎧 AI를 활용하여 누구나 쉽고 간단하게 적합한 나만의 배경 음악을 만들어 제공해주는 웹서비스 입니다. 🎶

5 stars 3 forks source link

유저 UI 제작 #3

Closed Jiwonii97 closed 1 year ago

Jiwonii97 commented 1 year ago

담당자

@Broco98 @Jiwonii97

😀 작업 내용

유저가 서비스를 이용할 수 있도록 웹페이지 UI 제작을 진행
tech skill : Streamlit

🤔 추가 설명

유저가 카테고리를 선택하여 원하는 내용을 전달할 수 있도록 개발 진행
좀더 보기 편한 UI로 제작 진행 예정

Jiwonii97 commented 1 year ago

Streamlit 기반 UI 제작 진행

Jiwonii97 commented 1 year ago

참고 사이트

Jiwonii97 commented 1 year ago

07/10 진행상황

기본 UI 제작 완료
TO DO 설정

추가 구현사항

DB 구축시 카테고리에 데이터 적용
Request 테스트 진행하여 Post 요청시 음악 파일 받을 수 있도록 작업 진행

테스트

streamlit_test_0710

Jiwonii97 commented 1 year ago

7/10 페르소나 회의 내용

가이드 라인
1. 유저가 더 쉽고 편하게 서비스를 접할 수 있도록 가이드가 있어야 한다.
  1. 사용 가이드
    1. 어떤식으로 선택하고 입력하면 음악이 만들어지는지 과정
    2. 어떤 구조로 음악이 만들어지는지
  2. 데모 버전
    1. 장르별/분위기별 등 몇몇 예시를 프롬프트와 함께 들어 설명하면 좋을거 같다.
결과물에 대해 유저가 확인할 수 있도록 추가적인 UI를 제공해야 한다.
1. 별도의 확인창을 만들어서 유저가 쉽게 확인할 수 있어야 한다.

Broco98 commented 1 year ago

7/11 진행상황

'문서 분석 방식' 페이지에 custom 추가
app.py 분할 -> 페이지마다 다른 파일을 갖도록 분할
임시 fastapi 연결 -> 단순 요청 데이터 출력
커스텀 카테고리에 길이(time)과 템포 추가
가이드 페이지 생성 -> 미완 (설명 추가 요)

exam

고민할 내용

페이지 선택할떄 radio말고 multi-page를 사용하면 어떨까 생각했습니다. https://blog.streamlit.io/introducing-multipage-apps/
커스텀 카테고리에 '테마' 를 추가하는건 어떨까?

Jiwonii97 commented 1 year ago

7/11 진행상황 (2)

음악 저장 클래스 제작 완료
multi-page 적용

추가 진행 계획

각 기능별 가이드 작성
전체 프로젝트 가이드 작성

Broco98 commented 1 year ago

7/18 진행상황

spinner 구현 (완)
reset버튼 구현 (완)