You are using a PDA or a related web browser. In order to view the Web site in its entirety, please use a suitable web browser. Only important content provided.
 English (United States) Français (France) Español (España)
Search  Go

Modules \ PageFlip \ Manual

User Manual

Module PageFlip creates interactive books where pages flip like in a normal book. In one page, you can insert images and flash animations. A book can be in several languages and be imported/exported in a pdf file. Page Flip is compliant with DNN 4 and superior.

What does it look like?

 

How does it work?

 

Installation

Download Aricie.PageFlip.XX.XX.XX.Install.zip and make sure you have the flash pugin installed. Yf not, you will be invited to download it when installing the module.

Connect as Host on your portal. Go to "Modules" in the Host menu.

Click "Install new module". Select Aricie.PageFlip.XX.XX.XX.Install.zip and click Install.

Go to the right page, select Aricie.PageFlip and click Add to install the module on your page.

Site Setting

Still connected as Host, go to "Host Settings".

In the Advanced Parameters section, make sure File Upload Extensions have JPG, PNG, MP3 and SWF extensions.

Click Save.

Basics

In the book, contents can be downloaded one by one or all together in a ZIP file.

Data are stored in an XML configuration file wichi you can export easily.

Maximum size of a book is 2000px*2000px

You can zoom on a page and use other options on the Toolbar: Previous/Next page, Zoom, Print, Mosaic view, Download... Options can be edited independently.

Book Settings

Settings are specific to a book, which means you can have several books on a page which have different configurations.

dsq

Details

dsq

General Settings

  • Width of pages: in pixels
  • Height of pages: in pixels
  • Margin Left and Right: in pixels. Extra spaces around the book.
  • Margin Top and Bottm: in pixels. Extra space around the book.
  • Hard Cover: hard covers for pages 1, 2, N-1 and N

Toolbar Settings

  • Display Toolbar: toolbar and buttons visible: Download, Zoom, Print, Flip forward, Flip backwards, Mosaic view...
  • Space between Toolbar and Book: in pixels. A negative value will put the toolbar above the book.
  • Link a File to the Book: initially created to allow your users to download the book in PDF format, you can further link the file of your choice. This file will be downloaded by the user when clicking on Download button
  • Diplay Print: Print button visible and send image to the printer
  • Display Flip buttons: Flip Forward and Flip Backwards buttons visible
  • Display Thumbnails: display an extra buton for showing the whole book in thumbnail format. User can click on a thumbnail to see the page in normal format
  • Allow Zoom: allow users to see Large file if it exists. Zoom button visible (only for pages with zoom file. See Book management.)

Background Settings

  • Background color: value of CSS attribute background-color of the DIV element containing the animation. Possible values:
    • HTML colors: White, Blue, Red, Green, Black...
    • Special colors: Transparent, None...
    • RVB colors (#ffffff, #c0c0c0...)
  • Background image: Select an image for the background. Next 3 parameters are specific to this image.
  • Horizontal position: for more information, go to http://www.w3schools.com/css/pr_background-position.asp
  • Vertical position: for more information, go to http://www.w3schools.com/css/pr_background-position.asp
  • Background repeat: for more information, go to http://www.w3schools.com/css/pr_background-position.asp

Sound Settings

Use sounds: sounds displayed at different steps of flipping (MP3 files)

  • Start flip sound: sound played when you start flipping a page
  • End flipping sound: sound played when a page is flipped
  • Tear off sound: sound played when a page is torn off

Image Settings

  • Auto Resizing to normalize pagesize: allows you to use larger and smaller images from the width and height defined.
  • Allow image transparency: allows special effects with PNG transparency.

Zoom

  • Width of zoom area: in pixels. Large file can be larger than zoom area.
  • Height of zoom area: in pixels. Large file can be higher than zoom area.
  • Speed of mouse traveling: in frames. Speed of the page movement when the Large File is larger than the Zoom area.

Thumbnail Settings

  • Enable Thumbnails: display book images in a mosaic of small images
  • Display Thumbnails for each page side
  • Display thumbnails for facing pages: display Cover thumbnails.
  • Margin: distance between 2 thumbnails in the mosaic
  • Padding: distance between mosaic and border
  • Border width: in pixels
  • Boder color: color of border around thumbnails
  • Border highlight color: Hexadecimal border color when the mouse is hover

Advanced Settings

  • Use a large cover:  Enable this setting if you want cover pages to be larger than normal pages of the book. If this setting is enabled, you must use SWF files for cover pages. Read the documentation on www.aricie.com for more details.
  • Enable flipping: enabled by default. Allows to flip pages manually. Pages can also be flipped automatically by actionscript code contained in SWF pages (Flash)
  • Enable mouse flip: allow the pages to be flipped using the mouse click event
  • Allow to flip a non-loaded page: allow to flip a page which is loading
  • Min loaded pages before authorized flip: number of pages loaded before oar after the viewed page (3 by default)
  • Size of click area: in pixels. Dimension of the diagonal of the area you click to turn a page (manual flipping)
  • Size of auto-flip area: dimension of the area you click to flip a page (automatic flipping)
  • Speed of auto-flip area: number of frames from 1 to 100 used in a page turn. 1 = Fast. 100 = Slow.
  • Speed of page flipping: Number of frames from 1 to 100 used when a page is turned. 1 = Fast. 100 = Slow.
  • Speed of mouse pursuit: Number of frames from 1 to 100 used in the auto animation when the mouse pass hover the Click area. 1 = Fast. 100 = Slow.
  • Speed of page when released: number of frames from 1 to 100 displayed when you flip a page with mouse. 1 = Fast. 100 = Slow.
  • Distance to tear a page: in pixels. Dimension of the diagonal between the corner and the tear point
  • Angle of the hard cover flip: in degrees. Value used in the hard cover page turn. Default value: -30

When your book is properly configured, you can start adding pages. You can also modify configuration once pages are loaded.

Page management

dsq

This is where you manage pages (content, order, zoom...) of your book.

Add/Edit a page

dsq

Import a book

dsq

You can import a whole book. In a ZIP file, you find:

  • Contents: pages, Zoom pages, sounds, backgrounds etc...
  • XML file: configuration of the book: Book.xml