[글쓴이:] admin

쿠팡 도서정보를 활용한 3D 네비게이션 Three.js +HTML

쿠팡에서 광고리포트를 제공하는데 판매가 많은 책 또는 전환율이 큰 책을 위주로 정리해서 그 데이터를 가시화 하려고 만들었습니다. 최근에 책에 대한 정보를 작은 회면에서도 많이 볼 수 있는 방법에 대해서 이런저런 생각이 있어서 3D로 작업했습니다.

일단 데이터를 웹페이지로 받고 그걸 다시 가공한 데이터베이스에서 가져와서 연결 도서정보를 포함해서 json 파일을 생성합니다.

데이터는 향후 다른 곳에서도 사용할 목적으로 구조화한 json 으로 구성하고 그걸 불러서 영상을 내비게이션으로 만들었습니다. 앞으로 쿠팡뿐 아니라 모든 서점 및 자체 우커머스, 스마트스토어에도 활용할 생각이며 SCM에서 도서 정보를 한 번에 찾을 수 있는 인터페이스로 사용할 예정입니다.

https://argo9.com/1/extracted_products.html

이 전에 책공장에서 자기 책을 진열하거나 전시하는 프로젝트를 해봤는데 그러한 용도로도 사용이 가능할 것입니다. 노출을 한 곳에서 하면 더 많은효과를 보일 것입니다.

그리고 개발하고 있는 다른 서비스와도 통합할 계획입니다. 매일 하나씩 만들고 있습니다. 이제 책 정보에 맞춰 입체화 하기 위해 6면체 맵핑데이터를 PDF에서 추출하는 프로그램을 하고 전체 서점데이터를 기반으로 하고 있으며 비어있는 데이터는 앞으로 저희가 나머지를 채울 예정이며 도서 서지 정보나 서평 등 디테일한 부분도 회사 솔루션으로 처리할 예정입니다.

곧 데이터 기반의 사이트로 저희 회사 홈페이지부터 바꾸겠습니다.

올해는 ERP를 직접 개발한다고 했는데 일단 출판 관련 모든 정보를 끌어다 인공지능 LLM 모델과 데이터를 가공하는 프로그램을 먼저 시도하고 있습니다. 

출판사의 모든 책 정보와 홍보문구도 다 LLM으로 정리해서 다듬는 중이고 어떤 모델이 어떤 업무에 맞는지도 테스트 중입니다. 느려서 API 쓰는 것으로 ^^

구글 Gemma로 열심히 책 홍보 문장을 만들어 내는 작업을 자동화하고… 쓸만한 글을 쭉쭉 뽑아주는 건 아니지만 사람 시키면 못하는 일을 해내기는 하네요  난 오글거려서 못쓰는 글을 씀 ㅎㅎ

이모지 + 여성 + 애들 같은 말투 그것만으로 캐릭터가 하나 생기는 거 같긴 합니다. 투정을 부리게 좀 더 디테일한 페르소나를 넣어서 LLM을 착각하게 만드는 게 중요한 거 같습니다.

만 줄 뽑는데 6 시간 걸린 듯

� **활력이 넘치는 6가지 직업 이야기:**

* � 우주비행사가 되고 싶은 당신을 위한 “”별빛 공간 여행””

* �‍� 과학자처럼 세상의 신비를 파헤치다! “”놀라운 실험 만들기””

* � 의사로 사람들을 치료하는 따뜻한 마음

* � 예술가처럼 아름다움을 그려내는 기쁨

* � 도서관 사서, 책 속 세계로 함께 여행해 봐요!

* ✈️ 항공사 직원으로 세상을 떠돌아보세요!

그냥 10%만 남겼습니다. 그리고 그걸 다시 클로드에게 보내서 정리된 문장으로 뽑는 중입니다.

온라인 서점, 담당자, 도서 제작, 원가, 거래처, 원자재 가격 등 모두 끌어다 담아 데이터화합니다. 15년 정도 데이터는 다 있으니까 때려 넣으면 되긴 하는데 일정한 데이터로 만드는 것이 필요하기 때문에 전부 쪼개서 만들고 관계를 조금 다른 형식으로 만들려고 하는데 인공지능이 이해하기 쉬운 관계의 거리를 추가하려고 합니다.

비즈니스 관계를 모두 벡터데이터로 정리하려는 시도인데 

세상에 잘해줘도 심적으로 마음은 가는데 성과를 못 내는 관계를 어떻게 봐야 할까 라는 생각에서 시작했습니다. 희한하게 어떤 책은 어느 서점 담당자가 잘 팔아주는 경우가 있는데… 그러면 다시 좋은 경험으로 광고비를 더 내서라도 홍보의 기울기가 바뀌고 그 원인과 결과를 SNS에 올렸던 짧은 메모, 단상도 다 찾아내서 연결합니다.

언젠가 이야기한 적이 있는데 가계부에 재미로 부자가 되는 부적? 같은 것을 그려서 팔아본 적이 있는데 담당자가 기독교라서 해당 사이트에서는 판매가 전혀 안된 책이 ^^; (다른 곳에서 다 팔았지만 참고로 무교)

하여간 모든 경험과 성과를 분석하는 수학적으로 계산해 보는 모델을 만들고 다시 다면평가를 하고 매출과 이벤트, 광고비, 효과를 전부 분석합니다.  그리고 담당자와 메일도 (메일 횟수도 분석) 이런 것을 통해서 마케팅 인간관계에 따라 리스크를 판단하는 관계망 분석을 하게 되는데 이 일은 사람이 일부 숫자가 대부분을 차지합니다.

남을 평가하면 나도 평가받는다 라는 기본적인 생각에서 블라인드 같은 거 아닙니다.

두 번 다시 연결 안 될 끊어진 고리들도 또 봐야 하는 게 고통스럽긴 하지만 책이라는 이름으로 별의별 것을 다 해보고 있는 중입니다.

참고로 출판데이터는 전부 끌어와서 다시 온전한 출판데이터로 만드는 것은 거의 끝냈습니다. 97, 88 다 되고 출판 어쩌고 단체들 데이터도 다 가져와서 onyx, bookschema로 바꿨고 온라인 서점의 고유코드를 전부 관리합니다.

프로세스를 자동화하는 일을 지금 하는 중인데 A라는 책을 내면 각 서점 담당자 메일, 이벤트 생성, 업무 스케줄 및 예약일정에 따른 동선 설정 등을 지정하는 방식입니다.

https://trello.com/c/JOaa9Yi2/1-%EC%B6%9C%ED%8C%90%EC%97%85%EB%AC%B4

출판업무 on 업무프로세스 체크리스트공유

출판사에서 활용하는 고유의 업무프로세스를 체크리스트로 제작중

trello.com

공개는 언제 할지 모르지만 일단 창고프로그램도 해야 하고 재고를 파악해야 하고 해야 할 일이 많네요.

원래는 자기 컴퓨터에서 워드프레스 스튜디오에 넣어 돌릴 생각으로 개발을 시작했는데 너무 복잡해져서 비슷한 크로스 사용해 볼 생각입니다. 

온라인에서 가장 문제가 되는게 쿠팡…

광고랑 뭘하는데 매번 바꿔줘야하고 도서의 판매 추천을 해주면 그걸 다시 찾아서 발송해야하고 승인해야하고 이런저런 것을 반복해야합니다. 그래서 그걸 일단 섬세하게 조정하기 위해 광고와 도서 발주간의 관계를 정리하고 DB화 하기로 했습니다.

쿠팡 자동으로 DB생성, 주문 구분 및 각종 도서 데이터를 가지고 다시 책판매용 링크를 영상으로 뽑아내는 기초작업 끝… 발송 승인하고 뭐 어쩌고 하고 최종 처리랑은 별개로 재고랑 매칭하는 시스템이 있어야 뭘 판단하니 결론은 또 출판사 ERP를 확장하는 것입니다.

재고관리 프로그램을 다시 짜야겠어요… 모아시스 해킹사태 이후 부분부분을 다 새로 짜서 만들고 있는데 출판사 일이 엄청 복잡함 그게 아니라 내가 복잡해서 그런거 같아요

주문은 이제 도서 정보 json 다듬어서 처리할 예정이고 그걸 그대로 매일 영상화 하는 것도 진행할 예정입니다.

최초에 쿠팡 광고를 넣으면 책판매의 변화가 일어나는 부분을 감지하고 판매가 안되면 바로 광고 내리고 하는 것을 추천해주는 프로그램을 했었는데 경영관련 조언해주는 자비없스 같은걸 AI에게 기대하겠지만 실상은 데이터를 가공해야 뭔가가 됩니다.

책의 관계대로 움직이는 영상만들기도 동시에 진행했는데 대충 이렇습니다.

​

책의 관계도를 svg 로 만들면 그걸 기준으로 책과 책의 연결대로 애니메이션되거나 정보를 제공하는 서비스를 준비해보고 있습니다.

​

원래 읽던 책의 % 를 보여주는 책장 서비스를 위해서 만들려고 했던 것인데 최근에 개발을 svg + css 나 smil 로 책과 책사이의 관계를 프로그램이나 키워드가 아니라 누가 추천하거나 그 책을 통해 다시 연결되는 책들의 관계를 정의해두면 책이 따라 다니게 하는 것을 만들고 있습니다.

​

움직이는 것은 그래도 three.js 로 3D에서 처리할 예정이라 관련 정보를 열심히 모으고 공부하는 과정입니다.

​

https://www.argo9.com/1/book-animation

​

클릭하면 제가 지정한 선대로 책들이 움직입니다. 이제 관련도서, 난이도별 도서 같은 유형의 사분면 같은 위치에 넣을 수 있는 난이도나 도서 정보를 기준으로 책을 가져오면 그 책에 좌표를 기준으로 책의 정보를 프로그램으로 json 을 생성해서 위상에 따른 책에 대한 다양한 연관성을 정의할 생각입니다.

모든 물건에 대해서도 그렇지만 일단 전자책 카메라뷰, 커팅 그리고 좌표에 의한 정보 등을 모두 벡터기반으로 패스의 움직임에 대한 부분도 모두 직관적으로 판단할 수 있는 것을 담으려 합니다.

정보의 방향성을 비주얼하게 표현하는 엉뚱한 작업중입니다.

사실은 반대로 만들어야 하는데 하여간 뭔가 다른게 완성중입니다.

작심삼일 매일하자 

작심삼일 다이어트 99 다이어리를 노션, 굿노트 템플릿으로 작업중입니다. 공개되는 틱톡용으로는 수치가 나오지 않고 살이 빠진 인포그래픽 애니메이션만 나옵니다. 운동한 애니메이션도 작업중이며 데이터만 넣으면 나오는 형식이라 런지, 스쿼트, 등등 운동관련 애플워치 앱이랑 연동해서 운동도 인포그래픽 틱톡으로 영상출력이 됩니다.

10년 전에 만든 다이어트99 노트 다이어트 하는 애니메이션을 다 기획하고 만든 99-0 일까지 기록을 측정하는 다이어리였어요 ^^

https://www.facebook.com/watch/?v=461769648115119
가계부도 지금 이런 식의 인포그래픽 형태의 데이터 수집 및 차트, 목표설정 트래킹 등에 사용되게 작업 중이며 보여주고 싶은 것을 정성적으로만 애니메이션화 합니다. 정량적, 수치는 공개하지 않는 용도~

엑셀로 기록하시는 분도 노트에 기록하시는 분도 데이터를 모두 애니메이션으로 만들 수 있어요~

#노션 #굿노트 #다이어트 #인포그래픽 

템플릿은 아무 책이나 사면 드려요… https://www.argo9.com/shop

컴포넌트 기반 a9폰트 – 폰트 쉽게 만들기

지난 100일 동안 만든 것의 초기버전이지만 한글폰트를 쉽게 만들 수 있는 폰트파일을 공개합니다.

초성, 중성, 종성만 바꾸면 바로 본인의 폰트를 구성하실 수 있으며 오픈소스 폰트포지로 편집이 가능합니다. 

다운로드 받으시고 편집 프로그램에서 나만의 폰트를 만들어보세요.

폰트관련 편집기에서 열어보면 자소가 컴포넌트로 되어 있고 해당 글꼴에 11,172자 모두 배치되어 있습니다. 자소의 편집을 하시면 즉각 폰트에 반영되며 해당 글자를 열어 놓은 상태에서 편집하면 그 글꼴 모두가 편집됩니다.

초성, 중성, 종성의 컴포넌트만 수정하면 모두 반영됩니다. 폰트포지 같은 오픈소스 에디터로 작업하실 수 있고 반영하는 즉시 모든 자소에 함께 반영됩니다.

디자이너라면 일러스트레이터에서 원본에 해당하는 컴포넌트만 바꾸면 레터링하신 새로운 글꼴을 만드실 수 있습니다.

연말까지 공개하겠다고 했으니 공개합니다. 본 한글 기본폰트는 다른 곳에 공유하시는 것은 상관없지만 저작권에 해당하는 이 페이지를 공유해주세요.

https://cafe.naver.com/signatureclub/231

폰트는 초기에 빨리 작업하던 것이라 엉망이지만 잘 활용하시면 다양한 폰트를 만드실 수 있습니다. 그리고 만드시면 꼭 원형폰트가 어떤 것인지 밝혀주세요.

제작하는 방법을 영상으로 만들 준비중입니다. 너무 간단해서 어떨지 모르겠습니다. 현재는 상업용폰트 조합까지 만들었기 때문에 필요하시면 연락주시면 될거 같습니다. 문서는 당분간 계속 업데이트 할 생각입니다.

이번달에 작업한 3Dview, 숏폼, 유튜브에 도서정보 올리기 효과

지난주에 올렸고 이번주에는 입체로 만든 책과 도서정보를 유튜브, 쇼츠, 틱톡 등등에 올리는 작업을 하고 있습니다. 채널의 영향력은 각기 다르지만 노는 것보다 일단 뭔가를 올리니까 반응은 있습니다. 한 번에 많이 올리는 것도 중요하지만 검색이 잘 될 수 있게 텍스트와 키워드를 정해서 넣는 것이 필요합니다.

트래픽소스를 보면 유튜브 검색이 많이 늘어났고 그것과 동시에 쇼츠 피드도 점점 늘어나서 저를 아는 사람인 구독자와 다른 접점이 생기고 있습니다. 이는 쇼츠, 인스타에는 훨씬 큰 효과를 내고 있습니다.

내가 아는 사람은 어차피 내 책을 안사니까 ?!?

좋아요도 중요하고

틱톡은 역시 젊은 사람에 여성이 많네요?!? 

올린 것은 그다지 많지 않아도 동영상 조회수가 늘어나고 있습니다.

인스타그램은 릴스 반응이 늘어나고 있고 팔로워가 아닌 사람이 보는 일이 많아집니다. 그래봐야 얼마 안되지만 책에 소리도 없고 360도 돌아가는 것만 올린거에 특별한 정보도 없는 테스트 영상인데 만일 여러가지 정보를 제공하면 다를 것이라고 봅니다.

그래서 저희 회사 놀이는 그만하고 데이터 기준으로 사람들이 좋아할 만한 것을 영상으로 자동생성 해보려고 합니다.

일단 자동으로 생성되는 영상 위주로 몇가지 생각해둔게 있는데 새로운 계정을 만들어서 도서 미리보기, 상세정보, 서지정보를 이용해서 홍보용으로 제작해볼 생각입니다.

일단 같은 스타일로 올려보세요… 저는 이것저것 올렸더니 사람들 반응이 안좋은거 같기도 하고…

그냥 개인계정 말고 별도 계정에 브랜드용도로 만드시는 것을 추천드립니다.