솔루션소개

E-book 솔루션 (FLIPHTML5)

2016. 9. 5. 22:20

오늘 소개 시켜드릴 솔루션은 FLIPHTML5라는 솔루션입니다.

외국에서 만든 E-book 솔루션인데요, 마침 유료버전을 구매해서 소개해드리려고 합니다.

E-book솔루션이 예전부터 많이 나와있는데, 대부분 플래시애니메이션을 활용하여 플립을 구현하였었는데, 

요즘 플래시가 퇴출 추세라서 HTML버전의 E-book솔루션을 찾다보니 괜찮아보이는 것이 있어서 소개해드립니다.

우선 예시로 보여드리면 아래 링크와같은 e-book를 만들 수 있습니다.

http://static.fliphtml5.com/web/demo/laneige/index.html


제작사 홈페이지 입니다.

http://fliphtml5.com/


요금제는 총 5가지 구간으로 이루어져 있고, Free버전이 있어서 무료로 테스트 해볼 수 있습니다.

저는 PLATINUM 버전으로, 연간 구매시 299$ 라는 상대적으로 저렴한(?) 금액으로 구매하여 사용중에 있습니다.



사용법은 매우 간단합니다.

우선 컨텐츠를 만들기 위해선 프로그램을 다운로드 해야합니다.

홈페이지 메인에 위의 버튼을 클릭하시면 프로그램 다운로드 레이어가 나옵니다.

저는 윈도우즈 사용자라, Download For Windows 를 클릭하여 exe파일을 다운로드 받아서 설치하였습니다.


설치 후 프로그램을 실행하면, 아래와 같은 화면이 보입니다.


위에 화면에서 Import File를 클릭하면 

파일을 추가하실 수 있는데요, PDF파일과, 이미지 파일을 넣을 수 있습니다.

파일을 집어 넣을때 여러가지 옵션들이 있습니다. 대부분 직관적으로 설정하실 수있고, 몇가지 설명해드리면..

Mode : 책장모드로 할거냐,,슬라이드모드로 할거냐

Render Engine : 변환할 앤진을 선택합니다. 프로그램 내장라이브러리, GPL Ghostscript, PNG 이미지로 변환할지

Page Options : PDF파일을 절반으로 자를것인지, 여부확인

다양한 옵션들이 사용 가능합니다.


파일을 집어넣으면 위와 같은 화면을 볼 수 있습니다.

왼쪽부분이 테마 및 템플릿, 그리고 세부 셋팅을 할 수 있고,

상단에 고급기능인 Animation Editor, EditPages 이있습니다.

템플릿과 테마는 온라인에서 지속적으로 업데이트 되니, 가서 보고 다운받아 쓰면되고

Custom Settings 에 보시면 세부적인 설정이 필요합니다.

Loading Settings : 페이지가 로딩될때 보여지는 화면

The Display Settings : 사용자 지정, 백그라운드색상, 커버페이지 색상, 세세한 컨트롤

Toolbar Settings : E-book 내에서 보여줄 기능바의 색상 및 세부 컨트롤등 (이부분에서 많은 셋팅이 필요합니다)

 - 로고, 홈버튼, 공유버튼, 줌버튼, 풀스크린여부, 북마크, 프린트버튼 등등 기능을 추가, 삭제 할 수 있습니다.

Html Control Settings : 구글 에드센스 연결도 할 수 있고 다양한 링크 추가 등등의 기능을 넣을 수 있습니다.


다음은 상단의 고급기능인데요, Animation Editor 를 보겠습니다.

솔루션에서 제공해주는 다양한 애니메이션 기능을 접목한,, 구현이 가능합니다.

파일을 임포트 시킨다고 모션이 적용되는 것은 아니고, 페이지별로 애니매이션을 구현하려면 이미지를 자르고, 액션 스크립트를 넣어주어야 합니다. 사용법은 직관적이고 PPT의 애니매이션 구현과 비슷한 방식으로 구현이 가능합니다.

글이 움직인다거나, 링크가 움직이거나, 이미지가 움직이거나 등등 사실 여기서 제가 가장 많이쓰는 기능은 Website라는 기능인데요.

웹사이트를 삽입하고, 외부의 링크등을 걸어서 E-book내에 페이지를 인크루드 시킬 수 있습니다.

Cookie값만 넘겨준다면 설문조사나, 기타 여러가지 프로그램과 연동 할 수있습니다.

이렇게 다양한 방식으로 제작된 E-book은 여러가지 플렛폼으로 출력이 가능합니다.

저는 HTML로 받아서 사이트에 연동하는 기능을 사용합니다.

위에 보시면 각각의 대략적인 설명이 보이실 겁니다.


대략적으로 설명하려고 했는데도 양이 꽤 많네요....


또 하나 제공해주는 서비스중에 웹 업로드 기능이 있습니다. 자체적으로 url을 구성해서, 해당 계정으로 만든 E-book들을 라이브러리 화 해줍니다.

마이 폴더에 업로드 해서 구성 해 놓으면 무료로 호스팅을 해줍니다. 국내 서버가 아니라서 속도는 조금 느린 편이지만 매거진 형식으로 발행하여, 공유 할 수 있는 공간을 제공 해줍니다.


그리고 당연한 이야기 겠지만 모바일도 잘 지원해 줍니다.


외국 솔루션이라 그런지, 구글 애널리틱스도 연동 가능하고, 에드센스로 광고 집행도 가능합니다.


총평을 하지면 곧 크롬에서도 플래시가 퇴출되는 마당입니다. 모바일 시대를 맞추어 HTML5가 대세로 가고 있는데, 기존의 플래시로 된 E-book을 대체할만한 쓸만한 솔루션입니다. 앤터프라이 버전에서는 안드로이드용 APK도 생성해주는 기능이 있습니다.

PDF컨텐츠가 많다면 저렴한 가격으로 컨텐츠에 가치를 부여할 수 있는 좋은 솔루션입니다. 좋은점은 pdf처럼 무단으로 퍼갈 수 없고, 꼭 해당 링크를 통하여 볼 수 있도록 구성이 가능하여 저작권 보호용으로도 좋을 것 같습니다.

궁금한점 있으면 뎃글 달아주시면 아는 한도내에서 답변드리겠습니다.


작성자

Posted by 구르는石

공유

태그

태그 , , , , , ,

댓글 7

  • 댓글 영역

    프로필 사진
    알려주세요
    2017.10.13 22:57

    fliphtml 설명해주셔서 감사합니다!
    이프로그램을 사용하여 작정한 문서를 swf 파일로도 변환할수있나요?

    • 댓글 영역

      프로필 사진
      2017.10.25 19:19 신고

      Flip HTML5라는 이름에 걸맞게 플래시 파일은 지원되지 않습니다.
      같은 회사에서 만든 제품이 있는데 그 제품은 될거에요 그런데 요즘 플래시가 사라지는 추세라 업데이트가 잘되나 모르겠습니다.

  • 댓글 영역

    프로필 사진
    좋네요
    2020.05.29 12:05

    우연히 알게되어 읽게 되었는데 시간이 많이 경과한 게시물이지만 유용한 정보인것 같습니다. 이런 게시물 쵝오~~

  • 댓글 영역

    프로필 사진
    소스 공부
    2020.07.13 13:19

    안녕하세요, 플립북 만드는법을 찾아보다가 알게되었습니다.
    html도 잘 모르는 초보랍니다.
    저는, 구글 블로그를 만드는 중인데요, 구글 블로그 본문에 이미지가 많이 들어가는 글을 작성할 때, 이미지를 쭈욱 나열하지 않고 플립북 기능으로 작성하고 싶습니다. 위의 프로그램으로 만들어서 HTML을 복사해 넣으면 될까요?
    마음에 드는 플립북 소스가 있어서 다운 받았는데 이 소스를 어떻게 사용해야 하는지 몰라서 프로그램을 사용하는게 나을지 고민중이랍니다. 다운받은 소스 링크는 다음과 같습니다. https://tympanus.net/codrops/2013/05/28/bookblock-revised/

    • 댓글 영역

      프로필 사진
      2020.07.13 14:51 신고

      보내주신 링크는 제가 소개한 솔루션으로 만든 결과물이 아닙니다.
      구글 블로그에다 해당 소스를 넣을 수 있는지는 알 수 없지만, 한 가지 말씀드리면 플립북을 저장할 서버를 다룰 줄 아셔야 한다는 것입니다.
      기타 다른 이미지 갤러리 형태의 솔루션을 찾아보셔야 할 것 같습니다.

  • 댓글 영역

    프로필 사진
    YM
    2020.09.01 18:03

    안녕하세요, html5 ebook 검색하다가 우연히 들어왔습니다. 이미 사용하고 계신듯 하여 실례를 무릅쓰고 여쭙니다.
    저희 회사에서 만든 출판물을 ebook으로 제작하여 홈페이지를 통해 판매를 하고 싶습니다. 홈페이지는 워드프레스로 만들어서 운영하고 있고 실물책은 판매도 현재 하고 있습니다. (국내 해외 모두, 국내 pg사, 해외는 페이팔)
    소개해주신 해당 제작사 홈페이지에 가보니 판매서비스도 제공은 하는것 같은데, 자사 홈페이지를 통해 바로 판매가 가능한지 혹시 아시나요? 이북 제작해주는 회사나 소프트웨어는 많은데, 거진 홍보용으로 링크 뿌리는 형식이라 판매를 하려니 어렵네요.. 혹시 아시면 조언 부탁드려도 될런지요.