개인 맞춤형 꽃 추천 및 주문 서비스 : DALL-E를 이용한 엽서 디자인

개요

이 웹 사이트는 사용자가 선택한 키워드를 기반으로 맞춤형 꽃을 추천하고 주문할 수 있는 플랫폼입니다. DALL-E를 활용하여 텍스트 프롬프트를 기반으로 한 엽서 이미지를 생성하고 주문을 단순화하는 서비스도 제공합니다.

🌼 꽃 추천 기능 서비스 예시

✔️ 주제를 선택한 이유와 기획서 확인하기

• 주제 선택 이유

  • 개인 맞춤형 상품(꽃다발, 케이크 등)을 예약하거나 구매할 경우 현재는 SNS를 통해 사장님에게 직접 연락해야 하는 불편함이 있습니다.
  • 이를 개선하기 위해 선택한 주제로, 꽃 예약 사이트를 통해 사장님들의 수고를 덜어주고, 꽃 구매에 사용자 경험을 향상시키고 다양한 정보를 제공할 수 있도록 하기 위해서 입니다.

• 프로젝트 기획서(click)

• 아이디어 회의 일지

✔️ 기능 및 서비스

꽃 추천 기능

• 꽃 추천 알고리즘(click)

• 가중치 모델링

사용자가 선택한 키워드를 기반으로 가중치를 설정하고, 이를 활용하여 꽃을 추천합니다. 사용자가 선택한 키워드를 우선 순위대로 정렬하고, 이에 따라 꽃 종류와 정보를 추천합니다.

openAI api DALL-E 3 엽서 디자인 기능

• OpenAI의 DALL·E 를 사용한 엽서 제작 서비스 개발일지(click)

사용자가 제공한 텍스트 프롬프트를 기반으로 DALL-E API를 사용하여 엽서 이미지를 생성합니다. 이를 통해 사용자는 원하는 내용의 엽서를 만들고 주문할 수 있습니다.

주문서 작성 및 주문 내역 확인 기능

• ORDER 화면(click)
  • 주문서를 입력받아 데이터 베이스에 저장하고 주문 완료 화면으로 넘어갑니다.
  • 결제API를 사용하여 주문서 작성을 완료한 후 결제 화면으로 넘어가는 기능을 구현중입니다.
• MyPage 화면(click)
  • 사용자의 경우
    • 자신이 주문한 주문 내역을 확인할 수 있습니다.
    • 주문 상태를 확인하고 주문 취소를 요청할 수 있습니다.
    • 개인 정보를 관리하고 닉네임을 변경할 수 있습니다.
  • 사장의 경우
    • 매장에 들어온 모든 주문 내역을 확인할 수 있습니다.
    • 주문을 확인하고 완료 처리할 수 있습니다

관리자 페이지

• 관리자페이지 개발일지(click !!)

  • 관리자 페이지는 웹 사이트의 운영을 위한 핵심 기능을 제공하는 곳으로,
  • 개발은 꽃 관리, 주문 처리, 사용자 정보 관리 기능들을 100% 완료 상태로 구현하였으며,
  • 스프링 MVC 패턴과 Thymeleaf 템플릿 엔진을 사용하여 설계 및 구현하였습니다.
  • 보안 강화를 위해 스프링 시큐리티를 통합하였고, 프로젝트 구조와 실행 방법을 확인하시려면 링크로 이동해주세요.

• 꽃 관리 기능: 꽃의 추가, 수정, 삭제를 관리합니다. 키워드와 가중치를 관리합니다.

  • 꽃 관리 기능 개발일지(click !)

• 주문 처리 기능: 주문 목록을 조회하고 주문을 추가, 수정, 삭제합니다. 매장 리스트를 관리합니다.

  • 주문 관리 기능 개발일지(click !)

• 사용자 정보 관리 기능: 사용자 목록을 조회하고 관리합니다. 사용자의 닉네임을 변경할 수 있습니다.

  • 회원 관리 기능 개발일지(click !)

UI 디자인

• 도화다 UI(figma 사이트로 이동)

Figma를 사용하여 사용자 인터페이스를 구상하고 디자인하였습니다.

데이터베이스

• 데이터베이스 모델링(click)

꽃 추천 웹사이트의 데이터베이스 설계를 담고 있으며, 사용자(User), 주문(Order), 매장(Store) 등의 엔터티들과 그 관계를 ER 다이어그램으로 설명하였습니다. 개발 내용은 엔터티 설계의 상세한 설명과 함께 이루어졌으며, 이후로 서비스 및 리포지토리 계층의 구현이 진행되었습니다.

기능 구현 예시

• gif 파일이 표시되는데 시간이 걸릴 수 있습니다. 양해해주시면 감사하겠습니다.

🌼 꽃 추천 기능 서비스

()

🌼 주문서 작성 및 주문 내역 확인 서비스

🌼 엽서 디자인 서비스

🌼 관리자 페이지 작동 예시

🌼 회원가입/로그인 예시

🌼닉네임 변경 예시

✔️ 사용 기술 스택

- Java 21
- Spring Boot 3.1.4
- Spring MVC
- Thymeleaf 3.2.1
- Spring Security
- openAI API DALL-E 3
- MySQL (데이터베이스)

• 프로젝트를 개발 하기 위해서 스프링 프레임워크를 이용하였습니다.

• 스프링 MVC 패턴으로 컨트롤러와 뷰를 분리하여 웹 애플리케이션의 구조를 체계화하여 관리하고, 요청과 응답을 처리하는데 사용합니다.

• Thymeleaf 템플릿 엔진을 활용하여 HTML 뷰를 생성할 수 있었습니다. 이를 통해 동적으로 페이지를 생성하고 데이터를 렌더링할 수 있습니다.

• 데이터베이스 트랜잭션 관리: 스프링의 @Transactional 어노테이션을 적용하여 데이터베이스 트랜잭션을 관리하고, 데이터베이스 연산의 일관성을 유지하였습니다.

• 이외에도 스프링부트에서 지원하는 어노테이션으로 getter와 setter 등을 서술하지 않는 편리성을 이유로 이러한 언어를 사용하였습니다.

프로젝트 GitHub Repository

프로젝트 소스코드 GitHub Repository 바로가기

프로젝트 별 이슈

• 깃허브의 프로젝트 기능의 칸반보드를 활용하여 각 기능 개발하였습니다. 첨부한 링크로 이동하면 이슈마다 자세한 개발 과정을 확인하실 수 있습니다.

  

프로젝트 팀 구성

• 팀장: 허동균
• 팀원: 구대윤, 김진우, 이도경

개발 일정

• 프로젝트 시작일: 2023년 9월 18일
• 프로젝트 완료 예정일: 2023년 11월 27일

마치며

이 프로젝트는 사용자에게 개인 맞춤형 꽃 추천 및 주문 서비스를 제공함으로써 꽃을 구매하고 싶은 사람들에게 더 나은 경험을 제공하고자 합니다. 관심을 가져주셔서 감사드리며 언제든지 문의하시면 자세한 정보를 제공해 드리겠습니다.

감사합니다.