데이터 기반 책 순위 진열장 책등 버전

서점에는 책이 이렇게 있으니 똑같이 만들자

데이터 기반 새로 만드는 책 순위 진열장 책등 버전

이제 온라인 서점에서 책등을 넣는게 기본이 된 세상입니다. 가짜 입체로 책을 보여주는 알라딘 덕분입니다. 그러면 데이터를 기본으로 하기 때문에 저는 책등을 기준으로 하는 출판사 도서 리스트 및 순위를 지속적으로 생각하고 있었습니다.

제가 가진 책을 다른 사람에게 서가 자체로 판매하거나 읽어서 좋았던 점이나 할인가 정보 같은 것을 다 모아서 보여주는 무언가를 생각했었습니다. 그런데 어디보자… 10년 전이네요. 그리고 잘 안했습니다. 이유는 정보를 내가 넣어야 해서 저희거야 하겠지만 다른 출판사 데이터를 기본으로 하는 서비스 생각은 별로 하기 싫어서 안했습니다.

사실 책등이 굉장히 중요한데 대부분 놓치고 있습니다. 드래곤볼 책등처럼 이어지게 만드는 것도 멋진 일인데 아… 대단한 도리야마 아키라 선생

하여간 인스타에 맞는 무언가를 한다고 했고 거기에 맞는 것 우선이고 그 다음이 서비스가 될 것입니다. 저는 서점이 커뮤니케이션하는 수단인 책에 대한 간단한 소개나 포인트가 되는 손으로 쓴 메시지 같은 것을 생각하고 있습니다. 일본 작은 서점에 가면 서점직원이 책에 대한 재미있는 소개와 그림이 있습니다.

때로는 한 줄의 문장으로 표현한 도서 소개로 그 책에 대한 감흥을 느끼는 MD의 평을 보는 것도 좋아합니다. 그리고 책도 난이도별 비교나 다양한 인포그래픽으로 책에 대한 정보를 얻는 것도… 사실 예전에 다 해보던 것입니다. 낙서가 20년 된 것들이 많아서

놀면 뭐하니 우리책이나 하지 라고 해서 만든 책등 위주의 도서 리스트

이번에 서점별 판매 데이터를 출판사 SCM에서 자동화로 판매된 데이터를 가져와 순위를 생성한 책등 이미지입니다.

확대해도 안깨지는 것은 데이터를 크게 받아오고 실제로는 더 커도 문제 없습니다. 다만 책등이 다른 상철한 책들은 나타나지 않습니다.

https://a9press.com/shelf/?mode=spine

출판사에 필요한 것은 출판사가 만들어서 씁니다. 일단 다른거 하기 전에 애니메이션이 최우선이고 다음에 워드프레스플러그인이 되어 노출되는 출판사 CMS를 바꿔버리는 것이 될거 같습니다.

새로 만드는 책장 샷 도서 순위 프로그램

온라인서점 Yes24의 미팅장소에 가시면 이런 책 전시대를 보신적이 있을겁니다.

저는 이런거 보면 자동화할 생각을 자주해요

그래서 일단 가져온 사진을 배열할 수 있도록 평평하게 만들어 놓습니다. 그리고 밝기를 조절합니다.

그냥 순위로 만들려면 중간에 있는 분리 벽이 문제가 됩니다. 더 넓혀야겠죠 (이 소스는 가져다 사용하셔도 무관합니다.)

온라인 서점에서 출판사 도서 순위대로 이미지를 가져오고 이걸 인스타와 페이스북 그리고 매일매일 회사 순위로 나오는 책 콘텐츠로  표시할 예정입니다.

이번에 ffmpeg 7이 나와서 이미지 합성 및 영상작업을 할 수 있습니다. 그거  아니라도 HTML5 기반으로 만들거나 SVG 애니메이션을 포함한 데이터를 연결해서 도서 하나하나 연결하는 링크로 만들 수 있습니다. 

이제 남은 기간? 동안 열심히 뭔가를 해보려고 합니다. 콘텐츠 뽑아내고  유튜브 쇼츠나 망치고  읍!

데이터 기반으로 만들기 때문에 조금 밝게 그림자랑 조명이 나오게 바꿨습니다. 책 테두리에 그림자도 css 로 넣었고 몇일 전에는 이미지 기반으로 만들었고 오늘은 웹 서비스 기반으로 제작했습니다. 이제 분야별로 순위를 내놓을 수 있고 도서 진열및 도서 이미지를 클릭하면 도서 구매페이지로 이동하게 구성했습니다.

알라딘 스마트 스토어나 쿠팡, 온라인 서점 등 모든 곳에 링크를 찾아 넣어둔 것이 있기 때문에 랜딩페이지나 도서 링크를 클릭하면 팝업 도서정보 상세 페이지가 나오고 다시 도서 구매하면 링크프라이스 같은 것으로 연결하거나 TTB, 쿠팡프랜즈 같은 것으로 연결또한 가능합니다. 일단 인스타용으로 제작한 것이지만 다른 용도로 사용이 가능합니다.

도서 수집장 같은 앱들을 보고 있었는데 그런 전시 및 진열앱이나 서비스로 제공도 가능할거 같습니다.

https://a9press.com/shelf/?mode=spine&days=30&bs=%EC%95%8C%EB%9D%BC%EB%94%98&link=%EC%95%8C%EB%9D%BC%EB%94%98&limit=50

(책을 누르면 알라딘으로 이동합니다.)

Yes24 접견실을 찍어서 포토샵으로 새로 만든 것이지만 배경에 이케아나 다른 가구회사 책장 또는 인테리어에 맞추는 테마로 디자인도 가능합니다.

출판사 책장이나 유명인의 책장에 꼽혀있는 책등으로도 가능합니다. 다만 아이패드이나 웹기반으로 2160(1080*2)로 제작되어 영상용으로 만들 생각이었기 때문에 아이폰 앱으로 만들려면 인터페이스랑 화면 표시하는 방식을 바꿔야합니다. 스윕하는 방식이거나 웹툰처럼 스크롤하는 방식이 되어야하니까 디자인이 전혀 달라질겁니다.

하여간 데이터 기반의 전시, 진열영상을 만들 수 있습니다. 개인용 서비스도 생각은 해봤는데 요즘 책보는 사람이 있나요? ㅠㅠ 

휠 전자책 관련 어떤 소프트웨어도 이제 다시 마무리하고 다시 앱회사, 서비스 회사로 전환할 준비를 하고 있습니다.

워드프레스플러그인으로 작업해볼 생각은 있습니다. 서평수집기, 도서정보 링크도 json 기반으로 만들어서 워드프레스에 붙여놨으니까요~