en user guide 3wdoc

8/3/2019 En User Guide 3wdoc

1/17

Introduction to3WDOC STUDIO

(Beta)


2/17

- Introduction to 3WDOC STUDIO (Beta) - 2

Sheet n1: INTRODUCTION

1/ Foreword

- What is a track?A track is each element added in the sequence. Tracks can be medias (photos,audios, videos), articles and buttons. Each track will be placed on time and space in the sequence.

- What is a sequence?A sequence includes the edited work. It is composed of one or more tracks. Yourstory, or part of your story can be told in a sequence.

- What is the Editor?The Editor is the workspace of each sequence.You will build your story by selecting different tracks and editing them.

- What is a WDOC?A WDOC is the final story, composed of several sequences.

By analogy,

The WDOC is a book. The sequence is a chapter. The tracks are lines, photos, etc.

2/ Think about the story

Think at the story you want to tell. Its very important to make this work at thebeginning, in order to create efficiently and optimize your time.

Here are some recommendations:

Prepare the script, write the main ideas. Build the overall structure of your WDOC. Build the structure of each sequence. A small sketch is always useful. Select and prepare the content that you will use: texts, medias, etc.

* You can read our tutorials and FAQ online at:

http://3wdoc.com/en/api-3wdoc-tutorials andhttp://3wdoc.com/en/api-3wdoc-faq


3/17


Sheet n2: PREPARATION OF MEDIA

The media must have specific formats to be read by all platformsand browsers.

Media Type Formats

Images.jpg .png .gif(1) 960 x 540 px

Audios .mp3 .ogg The same file must be in two formats: mp3 and ogg.

Videos.mp4 .ogg The same file must be in two formats: mp4 and ogg.(1) 960 x 540 px

(1)A goodsize to display your sequence in 16:9 full screenTo display it in 4:3 full screen: 960 x 640 pixels

1/ ENCODING MEDIA:

A - ENCODING AN AUDIO FILE:Audio files must be on .mp3. To create the .ogg, we recommend using "Firefogg",which is free and can be easily installed into the Firefox browser.

1. Select the mp3 file2. In "Basic Quality and resolution control" >> "Audio quality": Move the cursor to

10.3. Click Encode to file 4. The extension of your file is .ogv; change it to .ogg.


4/17


B ENCODING A VIDEO FILE:

a. How to create a .mp4 with MPEG Streamclip :

1. Open your video file .mov in MPEG Streamclip2. File > export to MPEG-43. Configure the following encoding parameters like in the image below:

4. Save your file .mp45. Please wait while encoding

b. Create a .ogg file with "Firefogg":1. Select your file in .mp4 format2. Set the Preset:

3. Choose in "Basic Quality and resolution control" > "Video quality": Move theslider to 10.

4. Click on Encode to file

5. Please wait while encoding6. The extension of your file is .ogv; change it to .ogg


5/17


2/ UPLOAD MEDIA IN 3WDOC STUDIO:

Click on MEDIA > CREATE > You are in Media Upload dialog box:

1. Down in the window, choose the extension of the media2. Click on Launch Upload

3. The image displays4. Close the dialog box


6/17


5. Enter the "Label" (filename)6. Enter the Description and the name of the Author (optional fields)7. Click on the arrow to go to next page

8. In "Tags": Enter the keywords that describes the media

3/ ORGANIZE THE MEDIAYou can organize and edit your media from the "Media List"

MEDIA > MANAGE


7/17


Sheet n3: CREATING A SEQUENCE

Click on SEQUENCE > CREATE > You are in the Sequence Edit , the Setup window of the sequence.There are 3 fields filled by default:1/ Width: 960 px (the width of the sequence in pixel; px is the abbreviation for pixels)2/ Height: 640 px (the height of the sequence in pixel; px is the abbreviation forpixels)3/ Autoplay: TRUE (the sequence launches automatically)

Choose FALSE to create static pages, with no effect on the timeline (as for instancea Home page)4/ Label: the name of the sequence (compulsory field)

5/You can also fill these fields: Description, Tags

To display it in 4:3 full screen on thebrowser, we recommend you to enter thefollowing parameters:

- Width: 960 px- Height: 640 px

- Native Window: False- Ratio Window: 0

To display it in 16:9 full screen on thebrowser, we recommend you to enter thefollowing parameters:

- Width: 960 px- Height: 540 px

- Native Window: False- Ratio Window: 0


8/17


Sheet n4: THE EDITOR

The 3WDOC EDITOR will allow you to build the story of each sequence.

To access the Editor of a previously created sequence, click on SEQUENCE >MANAGEYou are in the Sequence List > Click on the icon 3WDOC Editor

There are 3 main windows:

1/ Positioner: to place the tracks in space You can move each track using the mouse. You can also change the size of each track. You can decide which tracks will be visible thanks to the check-box in the

Timeline.

2/ Inspector: to edit the settings for each track

Information Properties Effects Actions Style

3/ Timeline: to place the tracks on time You can change the length of the track (duration) using the mouse. You can move the track on time using the mouse.


9/17


3WDOC EDITOR:

You can customize your workspace with DASHBOARD button. By clicking on it, youwill unlock it and will be able to move the windows to your convenience.


10/17


Sheet n5: THE STYLE

1/ CREATE A STYLE

Click on STYLE > CREATE > you are in the Editor for the created Style.

You create a style for a sequence. This style has a general style, 5 styles of article, 5styles of button, and 5 styles of image.

We let you discover the potential of the "Style Editor". It's actually a CSS and CSS3editor. You can choose the color, the font, the size, the opacity, the borders, andthe effects on "hover" (change of style of an element on mouseover).


11/17


2/ CONFIGURATE THE PARAMETERS OF THE STYLE

> Click on CONFIG icon

You are in the Style Edit window:

1. Enter the name of the Style2. Enter the tags3. You can also enter the Description and the name of the Author


12/17


3/ APPLY THE STYLE TO THE SEQUENCE

In Sequence Edit , select the Style to apply to the Sequence:

1. Select the style on the "Style List"


13/17


2. Apply the style to each track:

To apply the Style to a track (a button, an image, an article), go to the Editor:Inspector > Style tab.Simply select the style of the item:


14/17


Sheet n6: CREATING A WDOC

The WDOC allows you to link the sequences between them.

1/ CREATE A WDOC

Click on WDOC> CREATE: You are in the area where you can configure the WDOC.

4. Close the dialog box.


15/17


2/ INTEGRATING SEQUENCES IN A WDOC

1. Open the "Sequence List"

2. Edit the selected sequence by clicking on this icon:

3. You are in the Sequence Configuration

4. Click on to go to last screen

5. Click on Select :

6. Select the WDOC in which you want to integrate the sequence:

7. Repeat the same operation for each sequence. Then you can close the dialogboxes.


16/17


Sheet n7: PUBLISH A WDOC OR A SEQUENCE

1/ PUBLISH A SEQUENCE:

In the Editor, click on SAVE and then on PUBLISH :

Once your sequence published, it is public on the web. However it is very easy tomake it private, by clicking on "UNPUBLISH"

2/ PUBLISH A WDOC

To publish a WDOC, go to WDOC Edit:


17/17


3/ MY STORIES

Click on the Home button of the main Menu to go to MY STORIES.

You can find your published items and share them on social networks.

en user guide 3wdoc

Documents