## 1. 아이디어, 목표와 기능 - Multimodal AI 기반 자동차 웹사이트 프로젝트 기획 ### 1.1 아이디어 * **Multimodal AI 기술을 활용하여 텍스트, 이미지, 영상 등 다양한 방식으로 자동차 정보를 제공하는 웹사이트** * **자동차 관련 블로그, 정보, 커뮤니티 기능을 통합하여 사용자에게 풍부한 경험 제공** ### 1.2 목표 * **자동차 애호가, 전문가, 일반 사용자 모두에게 유용한 정보 공간 제공** * **사용자 참여를 통한 활발한 자동차 커뮤니티 구축** * **Multimodal AI 기술 활용을 통한 차별화된 웹사이트 구축** ### 1.3 기능 * **블로그 및 정보:** * 자동차 뉴스, 리뷰, 비교, 튜토리얼, 가이드 등 제공 * AI 기반 사용자 맞춤 콘텐츠 추천 * **커뮤니티:** * 자유 게시판, 동호회, Q&A, 리뷰 작성 등 지원 * AI 기반 챗봇, 이미지/영상 인식 기반 소통 * **Multimodal AI:** * 이미지/영상 검색, 자동차 인식, 음성 인식, 챗봇 등 제공 * AI 기반 사용자 맞춤 콘텐츠 추천 * **기타:** * 사용자 프로필, 알림, 검색, 마이 페이지 등 제공 **이 웹사이트는 Multimodal AI 기술을 활용하여 자동차 정보 접근성을 높이고 사용자 참여를 유도하며, 활발한 국내외 자동차 커뮤니티를 구축하는 것을 목표로 합니다.** **참고:** * 웹사이트 디자인 및 레이아웃은 추후 고려 * 웹사이트 운영 계획 및 수익 모델은 추후 검토 ## 2. 개발 환경 및 배포 URL ### 2.1 개발 환경 - Web Framework - Visual Studio Code, Django ### 2.2 배포 URL - https://github.com/SungjaeS/auto_blog ### 2.3 URL 구조 - main | App | URL | Views Function | HTML File Name | Note | |-----------|--------------------------------------------|-------------------|---------------------------------------|----------------| | main | '/' | home | main/home.html | 홈화면 | | main | '/about/' | about | main/about.html | 소개화면 | - accounts | App | URL | Views Function | HTML File Name | Note | |-----------|--------------------------------------------|-------------------|---------------------------------------|----------------| | accounts | 'signup/' | signup | accounts/signup.html |회원가입 | | accounts | 'login/' | login | accounts/login.html |로그인 | | accounts | 'logout/' | logout | accounts/logout.html |로그아웃 | | accounts | 'profile/' | profile | accounts/profile.html | 비밀번호변경기능 /
프로필 수정/ 닉네임추가 | ## 3. 요구사항 명세와 기능 명세 ```mermaid sequenceDiagram actor A as 클라이언트 participant B as 웹 인터페이스 participant C as 서버 A->>+B: 로그인 요청을 함 (로그인 페이지 열기) Note over A,B: 클라이언트가 웹 인터페이스를 통해 로그인을 요청한다. B->>+A: 로그인 정보 (아이디, 비밀번호) 요구 Note over B,A: 웹 인터페이스는 사용자에게 로그인 정보 입력을 요구한다. A->>+C: 사용자 아이디와 비밀번호(id, pw) 전달 Note over A,C: 클라이언트는 입력 받은 로그인 정보를 서버로 전달한다. alt 로그인 정보가 올바르고 계정이 존재할 시 C->>+B: 액세스 토큰(access token) 및 리프레시 토큰(refresh token) 전달 Note over C,B: 서버는 로그인이 성공했음을 알리고, 액세스 및 리프레시 토큰을 웹 인터페이스로 전달한다. B->>+A: 로그인 성공 메시지와 함께 토큰 전달 Note over B,A: 웹 인터페이스는 클라이언트에게 로그인 성공 메시지와 토큰을 전달한다. else 로그인 정보가 잘못되었거나 계정이 존재하지 않을 시 C->>+B: 로그인 실패(False) Note over C,B: 서버는 로그인 실패 메시지를 웹 인터페이스로 전달한다. B->>+A: 로그인 실패 메시지 전달 Note over B,A: 웹 인터페이스는 클라이언트에게 로그인 실패 메시지를 전달한다. end ``` ## 4. 프로젝트 구조와 개발 일정 ### 4.1 프로젝트 구조 ``` auto_blog ├─ .gitignore ├─ accounts │ ├─ admin.py │ ├─ apps.py │ ├─ migrations │ │ └─ __init__.py │ ├─ models.py │ ├─ tests.py │ ├─ urls.py │ ├─ views.py │ └─ __init__.py ├─ config │ ├─ asgi.py │ ├─ settings.py │ ├─ urls.py │ ├─ wsgi.py │ └─ __init__.py ├─ index.html ├─ LICENSE.md ├─ manage.py ├─ readme.md ├─ requirements.txt ├─ static ├─ templates │ ├─ accounts │ │ ├─ login.html │ │ ├─ profile.html │ │ └─ signup.html │ ├─ base.html │ └─ tube │ ├─ tube_create.html │ ├─ tube_detail.html │ ├─ tube_list.html │ └─ tube_update.html └─ tube ├─ admin.py ├─ apps.py ├─ forms.py ├─ migrations │ ├─ 0001_initial.py │ ├─ 0002_subscription.py │ └─ __init__.py ├─ models.py ├─ tests.py ├─ urls.py ├─ views.py └─ __init__.py ``` ### 4.1 개발 일정(Work Breakdown Structure) ```mermaid gantt title Auto_Blog Project dateFormat YY-MM-DD section 기획 리포지토리 생성 :2024-03-07, 1d 프로젝트 아이디어 기획 :2024-03-07, 1d 프로젝트 아이디어 수정 :2024-03-08, 1d 와이어프레임 작성 :2024-03-08, 1d ERD 작성 :2024-03-08, 1d section 구현 모델 구현 :2024-03-09, 1d CRUD 구현 :2024-03-09, 1d 인증 구현 :2024-03-10, 1d URL 구현 :2024-03-10, 1d AI, LLM 기능 구현 :2024-03-11, 2d 검사 및 수정 :2024-03-12, 1d section 배포 배포 및 프로젝트 완료 :2024-03-13, 1d ``` ### 2024년 3월 7일 (목요일) 1. 리포지토리 생성 - GitHub 또는 AWS 등에서 프로젝트를 위한 새로운 리포지토리 생성 2. 프로젝트 아이디어 기획 - 프로젝트 목표 및 기능 정의 - 필요한 데이터베이스 모델 및 기술 스택 결정 ### 2024년 3월 8일 (금요일) 1. 와이어프레임 작성 - 프로젝트 화면 및 기능 구성에 대한 초안 작성 2. ERD 작성 - 데이터베이스 구조 설계를 위한 ERD 작성 3. 프로젝트 아이디어 수정 - 프로젝트 기능 수정 및 추가 - 데이터베이스 모델 및 기술 스택 수정 ### 2024년 3월 9일 (토요일) 1. 모델 구현 - Django 모델을 사용하여 데이터베이스 모델 구현 2. CRUD 구현 - Create, Read, Update, Delete 기능을 구현하여 사용자가 데이터를 조작할 수 있도록 함 ### 2024년 3월 10일 (일요일) 1. 인증 구현 - 회원가입, 로그인, 로그아웃 기능 구현 2. URL 구현 - 프로젝트의 정의된 URL 구조와 패턴 설정 ### 2024년 3월 11일 (월요일) 1. AI, LLM 기능 구현 - 기존 데이터베이스 통한 AI 서비스 연동 구현 ### 2024년 3월 12일 (화요일) 1. 검사 및 수정 - 배포전 최종 검사 및 수정 ### 2024년 3월 13일 (수요일) 1. 배포 및 프로젝트 완료 - 프로젝트를 호스팅 서비스에 배포하고 완료된 프로젝트를 공유 ### 각 작업은 필요에 따라 수정이 가능하며, 각 작업에 대한 세부사항은 조정 및 연장 합니다. ## 5. UI 화면설계 ### 5.1 화면설계

메인	로그인
검색	글쓰기

## 6. 데이터베이스 모델링(ERD) ```mermaid erDiagram user ||--o{ blog : write user { integer id PK varchar username varchar password image profile_image datetime created_at varchar ip_address datetime last_login } blog }|--|{ tag : contains blog ||--o| category : has blog { integer id PK varchar title text content file file_upload image image_upload datetime created_at datetime updated_at varchar writer integer user_id FK integer hits integer tags FK varchar category FK } blog ||--o{ comment : contains comment ||--o{ comment : contains comment { integer id PK integer parent FK text comment comment comment_reply FK datetime created_at datetime updated_at } tag { integer id PK varchar name } category { integer id PK varchar name } user ||--o{ community : create user ||--o{ community : write user ||--o{ freeboard : write community }|--|{ tag : contains community ||--o| category : has community { integer id PK varchar title text content datetime created_at datetime updated_at varchar writer integer user_id FK integer hits integer tags FK varchar category FK } freeboard }|--|{ tag : contains freeboard ||--o| category : has freeboard { integer id PK varchar title text content datetime created_at datetime updated_at varchar writer integer user_id FK integer hits integer tags FK varchar category FK } community ||--o{ comment : contains freeboard ||--o{ comment : contains comment ||--o{ comment : contains comment ||--o{ comment : contains comment { integer id PK integer parent FK text comment comment comment_reply FK datetime created_at datetime updated_at } search ||--o| category : has search }|--|{ tag : contains search ||--o{ comment : contains search ||--o{ user : write search { integer id PK varchar keyword integer user_id FK datetime searched_at } news }|--|{ tag : contains news ||--o{ comment : contains news ||--o| category : has news ||--o{ user : write news { integer id PK varchar title text content datetime created_at datetime updated_at varchar writer integer user_id FK integer hits } user ||--o{ member_only_board : write member_only_board }|--|{ tag : contains member_only_board ||--o| category : has member_only_board { integer id PK varchar title text content datetime created_at datetime updated_at varchar writer integer user_id FK integer hits integer tags FK varchar category FK } member_only_board ||--o{ comment : contains member_only_board ||--o{ comment : contains comment ||--o{ comment : contains comment ||--o{ comment : contains comment { integer id PK integer parent FK text comment comment comment_reply FK datetime created_at datetime updated_at } ``` ## 7. Multimodal AI 기반 자동차 블로그, 정보, 커뮤니티 웹사이트 메인 기능 **웹사이트 소개:** 이 웹사이트는 Multimodal AI 기술을 활용하여 자동차 관련 블로그, 정보, 커뮤니티 기능을 제공합니다. 사용자는 텍스트, 이미지, 영상 등 다양한 방식으로 자동차 정보를 얻고 소통할 수 있습니다. **메인 기능:** **1. 블로그 및 정보:** * **자동차 뉴스:** 최신 자동차 업계 뉴스 및 트렌드 제공 * **자동차 리뷰:** 전문가 및 사용자 리뷰 제공 * **자동차 비교:** 차량 모델 비교 및 분석 제공 * **튜토리얼 및 가이드:** 자동차 유지 관리, 수리, DIY 등 가이드 제공 * **AI 기반 추천:** 사용자 관심에 맞는 자동차 콘텐츠 추천 **2. 커뮤니티:** * **자유 게시판:** 자동차 관련 질문, 토론, 정보 공유 * **동호회:** 특정 자동차 모델, 브랜드, 관심사를 중심으로 한 동호회 운영 * **Q&A:** 자동차 전문가 및 사용자 간 질의응답 * **리뷰 작성:** 사용자 리뷰 작성 및 공유 * **AI 기반 소통:** 챗봇, 이미지/영상 인식 기반 정보 제공 및 소통 **3. Multimodal AI 기능:** * **이미지/영상 검색:** 자동차 이미지/영상 검색 및 정보 제공 * **자동차 인식:** 이미지/영상에서 자동차 모델, 브랜드, 특징 인식 * **음성 인식:** 음성 명령을 통한 정보 검색, 기능 제어 * **챗봇:** 자동차 관련 질문에 대한 자연어 답변 제공 * **AI 기반 추천:** 사용자 관심에 맞는 자동차 콘텐츠 추천 **4. 기타 기능:** * **사용자 프로필:** 사용자 정보 관리 및 맞춤 설정 * **알림:** 새 게시글, 댓글, 추천 등 알림 제공 * **검색:** 웹사이트 내 콘텐츠 검색 * **마이 페이지:** 사용자 리뷰, 활동 내역 확인 **Multimodal AI 기술을 활용하여 사용자에게 더욱 풍부하고 효율적인 자동차 정보 및 커뮤니티 경험을 제공합니다.** **웹사이트 운영 계획:** * **정기적인 콘텐츠 업데이트:** 블로그 게시글, 리뷰, 튜토리얼 등 * **커뮤니티 활성화:** 이벤트, 퀴즈, 경품 등을 통한 활동 유도 * **AI 기술 발전:** 새로운 AI 기능 개발 및 적용 * **사용자 참여 유도:** 설문조사, 피드백 수렴 등을 통한 사용자 의견 반영 * **광고 및 파트너십:** 웹사이트 운영 및 콘텐츠 제작 수익 창출 **이 웹사이트는 자동차 애호가, 전문가, 일반 사용자 모두에게 유용한 정보, 커뮤니티 공간을 제공하여 자동차에 대한 관심과 지식을 높일 수 있도록 기여할 것입니다.** # SURI # SURI # SURI