DEVOCEAN

안녕하세요, SKatch조 입니다!

저희 최종 프로젝트 주제인 TickIt! 을 소개하겠습니다 🤩

[ 중간 피드백을 바탕으로, 타겟 세분화 ]

저희는 중간 발표 피드백을 바탕으로 Tickit의 기능을 고도화 하였습니다.

처음의 서비스 기획에서 행사 참여 기록은 타겟팅의 범위가 넓다는 피드백을 바탕으로 인디 밴드 공연 참여 기록으로 타겟팅을 하였습니다.

또한, 행사를 알려주고 신청을 받는 앱의 경우 참여자 중심이 아닌 주최자 중심의 서비스 제공이 필요하다는 피드백을 통해 주최자를 위한, 쉬운 등록 페이지와 참여자관리 페이지를 추가 하였습니다.

마지막으로 테크 행사의 경우, 사진 위주의 간단한 기록과 공유의 필요성이 적다는 피드백을 바탕으로

사진의 저장과 공유에 필요성이 있는 인디밴드 아티스트를 위한 기록 저장소로 기존의 기능을 고도화 하였습니다.

[ 타겟 선정 배경 ]

TickIt은 공연 주최자와 참가자 모두의 어려움을 해결하기 위해 탄생했습니다.

주최자 입장의 어려움 >

공연 주최자의 입장에서는

인터파크 등의 티켓사를 거치거나, 타 플랫폼에서 행사를 등록하고 홍보하기에는 비용상 어려움이 있었고,

인디밴드만을 위한 플랫폼이 존재하지 않아 홍보에도 어려움을 겪었습니다.

또한, 신청자 명단을 현장에서 빠르게 체크하기 어렵고, 추가적인 데이터 분석이 불가능 했습니다.

마지막으로, 팬들은 자신의 아티스트의 굿즈를 원하지만 소규모 인디밴드의 경우 실물 굿즈를 제작하는것은 수량 예측이 어렵고 가격이 부담된다는 문제가 있었습니다.

참가자 입장의 어려움 >

참가자 입장에서는

티켓 예매 시, 하나의 통합된 사이트가 아닌 다양한 사이트에서 진행하다보니 예정된 공연 정보를 한눈에 파악하기 어렵고. 이미 팬인 특정 아티스트를 제외하고는 공연 정보를 파악하기에 어려웠습니다.

또한, 소규모 팬층을 가진 인디밴드에게는 공식 굿즈가 없어 아쉬움이 있었습니다.

마지막으로, 사진을 찍어도 갤러리에만 저장되다 보니 추억을 보관하기에 아쉬움이 있었습니다.

[ 그렇게 탄생한, TickIt - 티킷! ]

그러면 지금까지 말씀 드렸던 문제를 해결한 SKatch의 최종 서비스를 소개하겠습니다.

한장의 티켓에 현장을 담다, Tickit !

[ 아키텍처 ]

Docker와 GitHub Actions를 활용해 CI/CD 파이프라인을 구축하고, Vercel을 통해 프론트엔드를 자동 배포합니다.

백엔드는 Spring Boot 기반으로, GitHub Actions를 통해 develop 브랜치 PR 시 CI/CD가 자동화됩니다.

코드가 테스트 후 Docker 이미지로 빌드되어 Docker Hub에 푸시되고, GCP 서버에 배포됩니다.

GCP 서버에서는 Docker Compose와 Nginx를 사용해 블루-그린 무중단 배포를 구현했습니다.

Nginx가 새로운 컨테이너로 트래픽을 라우팅하며 서비스 중단 없이 배포가 완료됩니다.

AI 서버는 PyTorch 기반의 Flask 애플리케이션으로, 티켓 이미지의 배경 제거와 커스텀 기능을 제공합니다.

GCP에서는 VM 인스턴스를 활용해 서버를 구축하고, Cloud Storage로 이미지를 저장하며, CloudSQL을 통해 DB를 관리합니다.

또한, Redis를 통해 리프레쉬 토큰을 관리하여 사용자 세션 안정성을 보장합니다.

[ 주요 기능 ]

먼저, 주최자가 행사를 등록합니다.

포스터와 함께 간단한 공연 이름, 날짜,금액, 장소 등의 정보를 입력하면 주최자로 지정된 사람 모두가 공연 등록을 할수 있습니다.

주최자 한마디를 통해 입금 방법, 추가 안내 사항등을 적어 참석자에게 다양한 정보를 전달할 수 있습니다.

공연 상세 정보에서 참석 QR 스캔을 통해 주최자는 참석자의 정보를 일일이 기록하지 않아도 자동으로 참석 처리가 됩니다.

주최자 맞춤 기능인 행사 관리 페이지 입니다.

공연 상세의 관리 페이지에서 주최자는 신청한 참석자의 승인 여부를 직접 결정할 수 있으며 주최자는 직접, QR코드 없이도 참석처리가 가능합니다.

참석자 앱에서는, 홈화면에서 최근 업데이트된 행사를 통해 자신이 팬이 아닌 다양한 아티스트의 공연 정보 역시 한눈에 파악할 수 있습니다.

또한, 홈에서 다양한 아티스트의 정보 역시 확인할 수 있습니다.

TickIt 의 간단한 예매 방법으로 원하는 공연을 선택한 뒤 예매를 진행합니다

참석자는 마이페이지에서 예매 내역확인을 통해 결제 진행사항 확인 및 취소 신청이 가능합니다.

[ QR코드 생성 ]

QR코드 배경화면 생성 부분에 대해 말씀드리겠습니다.

QR코드 배경화면은 생성형 AI를 활용해서 제작하였습니다.

행사등록시 입력한 포스터를 바탕으로 WGAN모델로 이미지를 생성합니다.

이후 포스터의 10가지 색감과 생성된 이미지의 10가지 색감을 바꾸어 배경을 완성합니다.

이를 만드는 과정에서 VAE와 Diffision모델을 사용해보았으나 VAE의 경우 100epoch이상을 학습하여도 이미지 화질 개선 및 생성이 안되었고

Diffusion은 3000개의 이미지를 학습하기에 GPU용량 부족문제로 WGAN을 선택하게 되었습니다.

[ 티켓 앨범 & 티켓 꾸미기 ]

다음으로는, 핵심 기능인 티켓 앨범과 티켓 꾸미기 입니다!

티켓 앨범 >

행사 하루 전에 자신의 티켓 앨범에 참석할 공연 QR이 생성됩니다.

QR면에는 앞장에서 설명드린 포스터를 바탕으로한 생성형 AI이미지가 삽입되어, 공연마다 다른 이미지를 삽입하여 특정 공연만의 굿즈로 탄생합니다.

이 QR을 통해 참석자는 간편하게 공연에 입장할 수 있습니다.

티켓 꾸미기 >

사전에 아티스트가 제공한 사진을 바탕으로 공연 참석자만을 위한 프레임이 생성됩니다.

이는 누끼를 제거한 뒤 사진에 함께 삽입되어 아티스트와 함께 사진을 찍는 것을 연출 할 수 있습니다.

참석자는 생성된 프레임을 바탕으로 한줄 글을 적거나 색상을 변경하여 나만의 티켓을 제작할 수 있습니다.

[ 데모 영상 링크 ]

발표 때 보여드렸던 데모 영상 링크입니다!

데모영상 링크

[ SKatch조 개발 과제 소감 ]

최종 발표날,

데보션 영 3기로 함께 활동한 10팀의 발표를 듣다보니 모두의 아이디어가 다양하고 참신해서 배울 점이 많았던 것 같습니다.

각자가 바쁜 시간들 속에서 하나의 프로젝트를 완성한다는 점이 너무 멋있었습니다! 👍🏻

지금까지 Skatch조의 인디밴드 주최자를 위한 행사 등록및 관리, 참석자를 위한 나만의 티켓앨범 서비스를 모두 이용할 수 있는 올인원 플랫폼 TickIt이였습니다.! 감사합니다 ☺️

이소민 :

데보션영 3기가 끝날때, 팀별로 하나의 서비스를 만들어야 한다고 했을때 걱정 반 기대반으로 시작한 것같습니다.

새로운 팀원들과 프로젝트를 할 수 있다는 기대도 있었지만 한편으로는 AI팀원으로서 부족한 실력을 가지고있는 것 같아 부담도 되었습니다.

그렇게 시작한 활동이 끝이 난다니 실감이 안나는것같습니다.

천천히 해보라고 옆에서 잘 도와준 팀원들 덕분에 한번도 해보지 못한 생성형ai분야를 앱에 적용 할 수 있었던 것 같습니다.

처음으로 생성형 ai 관련 도서와 논문을 읽어보며 실력적으로 많이 성장할 수 있었던 것같습니다.

이번 프로젝트에서 배운 내용을 바탕으로 앞으로 더 나아갈 수 있게 된것같습니다!

이주원 :

처음 기획을 할 때부터 쉽지 않았지만 끊임없이 디벨롭하고 완성한 프로젝트가 끝이 났다는게 신기한 요즘입니다.

모든 팀원이 각자 상황때문에 바빴음에도 불구하고 다들 의욕있게 기획하고 아이디어를 발전시켜 하나의 프로젝트를 만들어서 저 또한 옆에서 같이 해올 수 있었습니다.

처음 해보는 기술 스택이라 속도도 느리고 배우느라 고생했지만 팀원들 덕에 개발 과제를 끝낼 수 있었습니다.

이번 프로젝트를 하는 동안 애쓴 SKatch팀원들에게 기억에 남는 프로젝트였길 바랍니다!

이지현 :

프로젝트 기획단계부터 모두 의기투합해서 주제를 정해 개발하고, 우여곡절 끝에 최종 발표까지 잘 마무리 할 수 있어서 좋은 시간이었습니다!

개발과제에서는 워크샵에서 진행했던 중간 발표가 가장 기억에 남는데요, 많은 전문가 분들이 최선을 다해 정성껏 피드백 해주시는 모습에 큰 감명을 받았습니다.

중간 발표 이후로 주제에 대해 깊은 고민도 하고, 여러 번의 피봇팅을 거치며 타겟팅의 중요성도 느낄 수 있었습니다 😊

바쁜 시간을 쪼개 참여해 준 팀원들 모두 고맙고, 사용자가 필요로 하는 서비스를 개발하기 위해 깊이 고민해 볼 수 있는 프로젝트였습니다. 감사합니다 😊👍🏻!!

한상호 :

다들 처음 만나서 이야기하던 게 엊그제 같은 데 벌써 프로젝트까지 마무리가 되니 신기하면서도 아쉬운 것 같습니다.

개인적으로는 시간을 온전히 투자하지 못 해 아쉬움도 남지만, 그래도 기술적으로도 인간적으로도 많은 점들을 배울 수 있는 시간이었던 것 같네요!

각자 바쁜 일상 속에서도 포기하지 않고 끝까지 함께 해준 팀원들에게 고맙다는 말 전하고 싶습니다 👍🏻👍🏻

이강희 :

프로젝트를 시작한 지 엊그제 같은데, 벌써 발표까지 마쳤다는 사실이 감회가 새롭습니다.

의욕 넘치게 시작했던 기획 단계부터 피드백, 개발, 그리고 피봇팅까지 모든 과정이 생각처럼 쉽지는 않았지만,

늘 든든한 SKatch 팀원들과 함께했기에 이 모든 어려움을 이겨낼 수 있었습니다.

끝까지 최선을 다해준 팀원들에게 진심으로 감사드리며, 이런 소중한 팀원들을 만날 기회를 주신 데보션영에도 깊은 감사를 전합니다.

다른 팀들의 개발 과정을 지켜볼 수 있었던 것도 무척 인상 깊었습니다.

각 팀의 독창적인 아이디어와 기술, 그리고 사이사이에 더해진 프로님들의 귀중한 조언들까지, 모든 것이 소중한 경험이자 큰 자산이 되었습니다.

아쉽게도 데보션영 활동은 여기서 마무리되지만, 이곳에서 이어진 소중한 인연들이 앞으로도 함께 좋은 경험과 기회를 만들어갈 수 있기를 바랍니다.