솔루션소개

E-book 솔루션 (FLIPHTML5)

2016.09.05 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 구르는石

공유

태그

태그 , , , , , ,

댓글 2

  • 댓글 영역

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

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

    • 댓글 영역

      프로필 사진
      2017.10.25 19:19 신고

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