콘텐츠 스타트업 개발 사례
웹툰 플랫폼 앱 개발
방송 영상 요약 웹툰
장면 캡처와 자막 기반 요약 회차의 요일별 연재 iOS 및 Android 앱, 서버, 관리자 웹
포트폴리오
영상 요약 웹툰 앱
방송 및 유튜브 영상의 주요 장면 캡처 이미지에 자막을 삽입하고, 웹툰 형식의 세로 스크롤 화면으로 제공하는 콘텐츠 플랫폼입니다. 프로그램은 요일 및 장르별로 구분하여 주간 단위로 연재하며, 이용자는 별점과 댓글로 반응을 등록합니다. 흐름소프트는 고객사 의뢰에 따라 화면 디자인, iOS 및 Android 앱, 서버, 관리자 웹 전체를 개발하였습니다.
- 웹툰플랫폼
- 웹툰앱
- 웹툰어플
- 요일별웹툰
- 웹툰뷰어
- 앱개발
- 안드로이드앱개발
- 콘텐츠플랫폼
- 앱관리자페이지
- 앱개발외주
웹툰 앱 의뢰 시
주요 질문 6건
01요약 형식
고객(대표)5분 분량 영상을 30초 이내에 열람하는 형식이 필요합니다.
흐름소프트주요 장면 캡처 이미지에 자막을 삽입하고, 세로 스크롤 방식의 웹툰 형식으로 제공하는 방안을 제안합니다.
고객(대표)웹툰 형식으로 결정하겠습니다.
02연재 편성
고객(대표)프로그램 수 증가 시 탐색이 어렵습니다.
흐름소프트요일별과 장르별 2개 분류로 구분하고, 신규 회차 등록 프로그램을 NEW 표시와 함께 상단에 배치하는 방안을 제안합니다.
고객(대표)요일별 연재로 결정하겠습니다.
03이미지 표출
고객(대표)구형 단말기에서도 이미지 수십 장을 지연 없이 표출해야 합니다.
흐름소프트수신한 이미지를 단말기에 저장하고 화면 표출 순서에 따라 순차 호출하는 방안을 제안합니다.
고객(대표)순차 호출 방식으로 결정하겠습니다.
04회차 등록
고객(대표)다수의 편집자가 주간 단위로 회차를 등록합니다.
흐름소프트관리자 웹에서 관리자와 에디터 권한을 구분하고, 캡처 이미지와 자막을 회차 단위로 등록하는 방안을 제안합니다.
고객(대표)권한 구분으로 결정하겠습니다.
05이용자 반응
고객(대표)회차별 이용자 반응 확인이 필요합니다.
흐름소프트회차별 별점과 댓글 기능을 적용하고, 관리자 웹에서 댓글 수 기준으로 프로그램을 집계하는 방안을 제안합니다.
고객(대표)별점과 댓글 적용으로 결정하겠습니다.
06신규 회차 알림
고객(대표)출근 시간대에 신규 회차를 안내하고자 합니다.
흐름소프트관리자 웹에서 알림 문구를 작성하고 앱 이용자에게 푸시로 발송하는 방안을 제안합니다.
고객(대표)푸시 알림 적용으로 결정하겠습니다.
실제 작업 과정을 재구성한 삽화입니다.
박명수의 고향 군산에 가다
회차 단위
웹툰 화면 구성
- 01
장면 캡처와 자막
영상의 주요 장면 캡처 이미지를 연속 배치하고 장면별 자막을 삽입합니다.
- 02
세로 스크롤 열람
세로 스크롤 방식으로 회차 전체를 열람합니다.
- 03
회차 종료 화면
별점, 댓글, 공유, 이후 회차 이동 기능을 제공합니다.
요일별 및 장르별
목록 구성
- 월
- 화
- 수
- 목
- 금
- 토
- 일
- 완결
요일별 8개 탭
- 예능
- 드라마
- 만화
- 라이프
- 교양
장르별 5개 탭
- 관심 콘텐츠
- 최근 본 콘텐츠
마이TV
NEW신규 회차 등록 프로그램 우선, 별점 순 정렬
주요 화면
편집자용
관리자 웹
- 현황
- 회원 관리
- 에디터 관리
- 회차 등록
- 에디터 이미지
- 서버 상태
- 댓글 현황
- 푸시
- 통계
회차 등록
캡처 이미지, 자막, 회차 제목
권한
관리자전체 메뉴
에디터회차 등록, 이미지
댓글 현황
댓글 수 상위 및 하위 프로그램
관리자 화면 설계서 기준으로 재작성한 구성도입니다.
앱 및 관리자 웹
연동 서버 구성
- 요일별
- 장르별
- 프로그램
- 회차
- 댓글
- 별점
- 마이TV
- 회원
- 앱 버전 확인
구축 범위 및 기술 구성
적합 프로젝트 유형
- 웹툰 및 만화 연재 앱
- 영상 및 방송 콘텐츠 요약 서비스
- 요일별 연재 콘텐츠 플랫폼
- 편집자 콘텐츠 등록용 관리자 웹
- 별점, 댓글, 공유 기능
자주 묻는 질문
의뢰 및 범위
웹툰 플랫폼 앱 개발 비용 산정 기준
화면 수, 요일별 및 장르별 연재 구조, 관리자 웹 범위, 서버 개발 포함 여부, 플랫폼 수를 기준으로 산정합니다. 사례별 비용은 고객사와의 약정에 따라 공개하지 않습니다.
디자인, 서버, 관리자 웹 일괄 의뢰 가능 여부
가능합니다. 본 사례는 화면 디자인, iOS 및 Android 앱, 앱 API 서버, 관리자 웹 전체를 흐름소프트가 개발하였습니다.
비밀유지계약 선체결 가능 여부
가능합니다. 자료 수령 전 비밀유지계약을 체결합니다. 본 사례도 고객사 요청에 따라 서비스명을 공개하지 않습니다.
iOS 및 Android 앱 동시 개발 가능 여부
가능합니다. 본 사례는 iOS 앱과 Android 앱을 모두 개발하였으며, Android 앱은 2013년 8월 Google Play에 출시하였습니다.
웹툰 기능
영상 요약 웹툰 화면 구현 방식
영상의 주요 장면 캡처 이미지와 자막을 회차 단위로 등록하고, 앱에서 세로 스크롤 방식으로 연속 배치하여 표출합니다.
요일별 웹툰 목록 구성 방식
월요일부터 일요일 및 완결의 8개 탭으로 구분하며, 신규 회차 등록 프로그램은 NEW 표시와 함께 상단에 배치하고 이후 별점 순으로 정렬합니다.
장르별 목록 제공 여부
예능, 드라마, 만화, 라이프, 교양의 5개 장르 탭으로 동일 프로그램을 장르 기준으로 탐색합니다.
별점 및 댓글 기능 구성
회차별 별점 평가와 댓글 등록 기능을 제공합니다. 댓글은 추천순 및 최신순 정렬, 추천 및 비추천, 신고, 추천 상위 댓글의 BEST 표시 기능을 갖추었습니다.
SNS 공유 기능 적용 여부
본 사례는 회차 화면에서 페이스북, 트위터, 카카오톡, 구글플러스, 핀터레스트 공유 기능을 구현하였습니다.
관심 프로그램 및 최근 열람 회차 관리
마이TV 화면에서 관심 콘텐츠와 최근 열람 콘텐츠를 구분하여 표출합니다.
이미지 다수 회차의 표출 지연 방지 방식
수신한 이미지를 단말기에 저장하고 화면 표출 순서에 따라 순차 호출하도록 구현하였습니다. 구형 단말기를 고려하여 Android 앱은 Android 2.2 이상에서 동작하도록 개발하였습니다.
관리자 및 운영
다수 편집자 운영 가능 여부
관리자 웹에서 관리자와 에디터 권한을 구분하며, 에디터에게는 회차 등록 및 이미지 관리 메뉴만 허용합니다.
관리자 웹 관리 항목
현황, 회원 관리, 에디터 관리, 회차 등록, 에디터 이미지, 서버 상태, 댓글 현황, 푸시, 통계 메뉴를 갖추었습니다.
푸시 알림 발송 방식
관리자 웹에서 알림 문구를 작성하고 앱 이용자에게 푸시로 발송합니다. Android 앱 발송에는 Google 클라우드 메시징을 사용하였습니다.
개발 완료 후 유지보수 지원 여부
유지보수 계약에 따라 기능 개선 및 오류 수정을 지원합니다.
