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

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

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

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

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

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

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

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

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

출판사 erp, scm으로 보는 비즈니스 관계분석

올해는 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

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

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

뇌 건강을 감지하는 3D손글씨 프로젝트

손글씨 프로젝트의 다음단계

3차원 공간에서 글자를 만들 생각을 하고 있습니다. 이 생각은 폰트를 만들면서 계속 고민한 부분인데 획을 모두 각도별로 따로 Depth 별로 구분하고 랜더링해서 glyph 를 만들어서 구성하는 것입니다.

그러면 각기 다른 각도의 폰트는 물론 사람 특유의 서체를 구현할 수 있으리라 봅니다. 특히 획의 힘주는 포인트를 압력을 Depth 로 구분하면 제가 맨 처음에 폰트를 만들려고 했던 기계가 인간을 온전히 따라하는 장비에 맞는 폰트를 구성할 수 있습니다.

https://www.facebook.com/100000028745534/videos/900683031876367

가시적으로 보여지는 것이 외에 데이터기반으로 압력감지를 폰트화 하는 것이라서 보일때는 2D인데 실제로 전혀 다른 데이터가 포함된 필기를 건강이랑 결합한 프로젝트입니다. 인간의 노화도 알아볼 수 있고 ? 필체의 변화를 건강상태랑 즉각 반영합니다. 특히 뇌에 이상이 생기면 필기체가 변화합니다.

이건 저도 경험한바 있기때문에 인지기능을 테스트하는 것과 비슷합니다. 같은 글씨를 매년 쓰면 다른 글자가 나오게 됩니다. 그걸 이용한 프로젝트입니다.

신경학적 변화 감지

파킨슨병, 알츠하이머 등 신경퇴행성 질환의 초기 징후 포착

뇌졸중 후 회복 과정 모니터링

미세한 운동 기능의 변화 추적

데이터 수집 방식

필기 압력 (pressure sensitivity)

글자 모양의 일관성

쓰기 속도와 리듬

획의 연속성과 끊어짐

실시간 건강 모니터링

정기적인 필기 샘플 수집을 통한 변화 추적

갑작스러운 변화 발생시 조기 경고 시스템

장기적인 건강 트렌드 분석

이런 시스템을 구현하기 위해서는 다음과 같은 기술적 요소들이 필요할 것 같습니다:   

압력 감지 센서

실시간 데이터 처리 알고리즘

머신러닝 기반 패턴 인식

시계열 데이터 분석

와콤, 아이패드만 있으면 감지가 됩니다. 그리고 지속적인 손글씨 연습데이터를 기록하는 앱을 준비하고 있습니다. 그 것을 이용해서 폰트도 만들어 드릴 생각이지만 본 목적은 향후 본인의 글씨를 교정하는 것도 있지만 내가 어떤 글씨를 쓰고 있고 건강에 문제가 발생했을 때 미리 알아 차릴 수 있게 하는 것도 있습니다.

Wacom의 압력감지:   

압력 레벨의 정밀한 감지 (대부분의 모델이 8192단계)

펜의 기울기 정보도 활용 가능

실시간 데이터 스트림 접근 가능

아이패드 애플펜슬의 압력감지

압력감지 특성

최대 4096단계의 압력감지

기울기(Tilt) 감지 가능

방향(Azimuth) 데이터 수집

초당 240회 데이터 샘플링

Web API 접근

제가 폰트를 만드는 이유도 CNC, 로봇팔 등에 인간 고유의 것을 접목하려는 것도 다 연결되어 있습니다. 뇌졸중이 온지 벌써 8년째인데 제가 느낀 것은 현재 손상된 부분은 연습을 통해 매꿔질 수 있지만 본질적으로 우회하고 있다는 것입니다.

이 프로젝트는 매번 쓰는 글자를 통해 스스로 변화를 감지하기 위함입니다. 

ERP를 조그마한 기능 단위로 쿠팡 자동 주문처리 프로그램 개발

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

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

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

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

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

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

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

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

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

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

https://a1bbs.com/1/book-animation

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

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

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

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

다이어트 애니메이션 노션, 굿노트 템플릿

작심삼일 매일하자 

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

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

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


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

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


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