CoolFace
Apppublic

lscsc/Process_dash_pub

sourceHugging Faceupdated 2y agoView on Hugging Face
0likes
.windsurfrules65 linesDownload Raw Back to root
1* 수정된 코드를 부분적으로 알려줄때는 함수 단위로 알려주세요.
2
3나는 스트림릿으로 [품질 통합 정보]를 위한 대시보드를 개발하려고 합니다. 
4이 프로젝트는 다음 기능을 포함합니다:
5- [기능 1: 공정 정보]
6- [기능 2: 불량률 정보]
7- [기능 3: 제품 및 공정규격 분석]
8- [기능 4: 거래선 정보]
9- [기능 5: 품질 이슈 정보]
10
11각 기능들은 다음 세부 기능을 검토해서 반영해야 합니다:
12- [머신러닝 모델을 통한 예측]
13- [대화형 필터링 및 데이터 탐색]
14- [결과 내보내기 및 보고서 생성]
15
16필요한 클래스와 함수를 설계시 코드는 다음 요구사항을 충족해야 합니다:
17- 확장성: 향후 기능 추가가 용이해야 함
18- 유지보수성: 명확한 주석과 문서화
19- 성능: 대용량 데이터 처리 시 효율적인 방법 사용
20
21스트림릿 메인 애플리케이션은 다음 구조로 구성되어야 합니다:
22- 사이드바: 데이터 선택 및 필터링 옵션
23- 메인 페이지: 탭으로 구분된 여러 분석 뷰
24- 설정 섹션: 사용자 설정 및 환경 구성
25
26디자인적인 요소는 아래와 같이 설계되어야 합니다:
27- 사용자 친화적인 인터페이스
28- 데이터 시각화: 차트, 그래프, 테이블 등
29- 사용자 설정: 사용자 지정 필터 및 뷰
30- 데이터 조회 기간: 30일, 60일, 90일, 전체 데이터, 날짜 선택 등
31
32디자인 사양
331. 컬러 스킴
34● 기본 색상(Primary): #2563EB (로열 블루) 및 그라데이션
35● 보조 색상(Secondary): #475569 (다크 그레이)
36● 액센트 색상(Accent): #f8fafc (라이트 그레이 배경)
372. 레이아웃
38● 카드 스타일 컴포넌트: 흰색 배경, 둥근 모서리, 부드러운 그림자 효과
39● 섹션 간의 여백을 충분히 두어 정보 위계 명확히 구성
40● 적절한 글라스모피즘 효과 활용
413.콘텐츠 구성 방식
42● 데이터 시각화: 바 차트, 라인 차트, 타임라인 활용
43● 주요 포인트: 가장 중요한 내용만 3~4개 항목으로 요약
44● 하이라이트 문장: 블루 색상으로 강조
45● 핵심 내용을 초간결하게 요약
46● 중요한 **수치 데이터**를 시각적으로 강조 (숫자 + 단위 + 설명)
47● 텍스트와 시각적 요소의 균형을 중시
48● 키워드를 둘러싼 테두리선 및 색상을 활용해 강조
49● 간결한 아이콘 및 도형으로 개념 시각화
50● 숫자 데이터는 간략한 그래프나 표로 표현
51● 연결선과 화살표로 정보 간의 관계성 명확히 표현
52● 여백을 충분히 활용하여 가독성을 확보
534. 전체적인 가이드라인
54● 사용자가 자연스럽게 시선을 이동할 수 있도록 배치
55● 정보의 중요도와 관계성을 시각적으로 명확히 전달
56● 시각적으로 기억에 잘 남도록 디자인
57● 보고서 용도의 문체로 기술
58
59데이터 처리를 최적화하기 위한 방안을 제시해주세요. 캐싱, 병렬 처리 등의 기법을 고려해주세요.
60
61배포 및 문서화를 위해서 다음 자료를 작성해주세요:
62README.md 파일
63사용자 매뉴얼 (기본 구조)
64API 문서 (주요 함수 설명)
65requirements.txt 파일과 환경 설정 방법도 함께 제공해주세요.