Manual ver. 21

Copyright and License
Original version of dbook was developed by Zeta Inc., NPO URAP and Eigo UEHARA.
Current version is developed by Zeta Inc., NPO URAP, Eigo UEHARA and Masami
ISODA.
International version is developed by Masami ISODA, CRICED, University of Tsukuba.
Distribution rights within Japan are held by Ratio International.

http://www.ratio.co.jp/
Distribution rights outside Japan are held by CRICED, University of Tsukuba.
The international version of dbook can be obtained at the following location:

http://math-info.criced.tsukuba.ac.jp/software/
The use of the international version of dbook is limited to non-commercial purposes
outside Japan only. For commercial uses of dbook, please contact Masami ISODA,CRICED, University of Tsukuba.
Publications that include contents based on the international version of dbook arerequired to acknowledge the authors using the following sentences:“Parts of this work have been produced using the international version of dbook,developed by CRICED, University of Tsukuba, Zeta Inc., and NPO URAP, Japan.
Copyright and distribution rights of the international version of dbook outside Japanare held by project director Isoda, Masami, CRICED, University of Tsukuba.”
Japanese manual is written by Uehara, Eigo; English manual is edited by Hiroki
YAHARA with support of Peter SURANYI.

2

1.

What is dbook?

dbook is a tool for developing digital textbooks. Digital textbooks can be created byimporting existing textbooks as image files. Furthermore, interactive drawing tools canbe embedded in the digital textbooks. The textbook data together with the drawing tools
can be used interactively in classrooms.
The following section explains how to prepare the data for creating a digital textbook.
Section 3 describes the functions of the dbook program. Finally, section 4 shows atypical flow for creating a digital textbook.

2.

Before using dbook

Most existing textbooks are paper-based. The creation of a digital textbook generally
starts with the scanning of the paper textbook. The quality of scanned textbooks can begreatly enhanced by cutting the textbooks into pages before scanning.

Cutting the textbook
Scanning a textbook as it is often causes the scanned image to be shaded and skewed(lower left figure). Therefore, the preferred method of scanning textbooks is to cut eachpage and scan them separately (lower right figure).

3

Scanning the textbook
This is an example of how to scan a textbook. This example uses the ScanSnapscanner. Please consult the manual for your scanner for detailed usage information.
First, create a new folder on your desktop. After that, set this folder as the default
folder for saving scanned images. Make sure that the images are saved as color images.

Place the pages of the textbook into thescanner. When scanning a large numberof pages, split them into multiple passes.

After that, push the “SCAN” button.

The progress of scanning is displayed at
the bottom right of the computer screen.

The images that have been scanned
appear in the folder that you had created.

4

3.

How to use dbook

Start dbook by double-clicking on its icon. The dbook editor window opens.

The menu bar is shown at the top of the window. Buttons for drawing tools are shownat the left side. Options for the currently selected tool are shown at the bottom. Thissection describes the usage of each tool as well as some menu items.
This shows that the ninth out of 16 pages is being displayed.
Display a list of all pages. Use thisto navigate between, rearrange, ordelete pages.

Move to the previous page ( ← ) or the next page ( → ).
Loadbackgroundimages.

Afterclicking on this icon, you can choose
the file to open in a dialog box.

5

Specify a range and do any of the following:(1) Copy(2) Erase(3) Link to(4) Edit

Draw a straight line. “Color” sets the color for the central part of the line.
“Color of Border” shows the color off the border of the line. Use the slide bars
to change the thickness of each.

Click here to open thedialog box for

Click here to open the dialog box

changing “Color.”

for changing “Color of Border.”This is the dialog box for choosing colors.
You can either select a color from “Color
Sample,” or adjust the brightness using theslide bar and choose a color from the color
pane at the bottom left.
The same color selection dialog box is used inother tools as well.

6

Draw a curve. Colors can be selected
the same way as with straight lines.

Draw a bold line. Thickness andtransparency

canbeadjusted

between three levels. You can also
draw rainbow-colored lines.

Write letters.
Initially, the input box at the bottom has “letters,” and the mouse cursor has
the shape of the character “l.” The characters can be changed by editing thecontents of the input box at the bottom of the window. In the initial state,each character in the input is stamped once.
In this example, the input was changed to“dbook,” and each character was stampedonce. The choosing of the color for thecharacters is done in the same way as withstraight lines. The size of the characters canbe adjusted using the slide bar. When all thecharacters have been stamped, the firstcharacter is used again.

7Click on the “More…” button for detailed settings.
Figures below show the default settings, an example of modified settings andthe results with each set of settings.

Write text. This tool functions as atext box. You can place the box on topof a picture. It is also possible tomove or edit the text after it has
been placed. However, you cannot
draw lines over the text box. The box
isenlarged

automaticallytoaccommodate for longer texts.
The color selected at the bottom of the screen is used for writing thecharacters. You can change the size of the characters using the slide bar titledsize. It is also possible to change the font. These settings are applied to theentire text box; it is not possible to change the colors and sizes of individual
letters. Use the ENTER key to enter multiple lines.
Paint. The area pointed to by the central part of the crosshair cursor “+” ispainted. Choosing of the color is done the same way as with other tools.

8Drawrectangles.

Specify

two

opposing corners of the rectangle
by dragging.

You can also change

the paint color and the color of theedges.
To draw an unfilled rectangle, clickon the check box “transparent” on
the bottom left of the screen. To
undo this operation, click on the check box again. You can also adjust thewidth of the edges and the roundness of the corners using slide bars.
Draw circles and ovals. The usage ofthis tool is similar to that of therectangle tool.

Eraser. You can choose from different shapes before using the eraser. You canalso erase the entire screen at once by clicking on “Erase all.”Insert an animation file orFlashdataThumbnails(SWFoffilesfile).
aredisplayed. Choose the one toinsert.

9

Drag and drop the object to move it.
To resize the object, drag the square□ at the bottom right.

You can verify Flash animations byclicking on “ save digital textbook)”
and opening it in a browser orFlashPlayer.
As in the case of textboxes, it is not possible to draw lines over animations.
Also, in the dbook editor, transparent parts of the animation are shown
opaque. However, when you use “save digital textbook” and open the file in abrowser or FlashPlayer, the background can be seen behind the transparent
parts.
Use drag and drop to add animation data. To delete an animation, right clickon its thumbnail and choose “delete.” Animation data is saved in the “anim”
folder which is located under the “work” folder within the “dbook” folder.
A single layer of folders can be used within the “anim” folder. Image (JPEG,BMP) and Flash data can be used as animations. The resolution of theoriginal image is retained, so the image remains clear even when the page ismagnified.
Add

animage.

A

thumbnailisdisplayed that can be selected. The
addition and deletion of images is done
as in the case of animations.
Lines and text can be drawn overimages. Images are put on the drawing
layer, so they appear beneath text andanimations.

10Images can be moved using drag and drop until their locations are fixed. To
resize an image, drag the white square □ at the bottom right corner. You canalso trim, turn, and change the brightness of an image by clicking on “Edit.”

Copy objects. Copying places the object on the clipboard.
You can select and paste objects from the clipboard.
When a range is not specified, the entire screen is copied.
You can clear the clipboard by clicking on clear.

Stamp using a picture file (JPEG, BMP). Choose the picture to use as a stampfrom the list of thumbnails. Addition and deletion is done in the same manner
as with animations.
The “Size” slide bar adjusts the size of the stamp. “Transparent” changes thebackground of the image to transparent. The color in the top left corner isused for the background color. Use the slide bar “angle” to rotate the image.
Selecting “Upside Down” and “Reverse left and right sides” flip the image
vertically and horizontally, respectively.

11

Read GCLs: GCL files are stored in the “xml” folder within the“dbook” folder. Selecting the menu item displays a list ofthumbnails for the GCL files. When you click on a thumbnail,the object is placed in the same manner as with animations.
Use GCL Editor to create original GCL files.

Write Digital Materials: If the materials have not been saved
yet, a dialog box is opened to save them with a new file name.
When saving the textbook, a folder is created with the same
name. The folder holds the data for the digital materials.
A list of templates forsaving is displayed.
Choose the one to usefor saving.
Adigitalviewer

textbook
named“dbook.swf” is savedin the folder. Afterthe digital textbook
has been saved, the contents are displayed in the digitaltextbook viewer.

Write Materials in Other Forms: Use this menu item to savethe data in other formats, such as BMP, PNG, JPEG. Choose
the file format and enter the file name to save it.

Print: Opens the Print dialog
box. The default is to print thecurrent page only. To print asingle page, choose the same
page as the first and the last
page. To print two or morepages, select the first and thelast pages of the section to print.

12In this example, pages 2 to 8
are selected. A list of the pages
to be printed is displayed. You
can adjust the settings for thepage size and orientation andselect the printer to use. In thiscase, paper orientation is set tolandscape.
You can print multiple pages per sheet. However, to print manycopies of a single page on the same sheet, you have to createthat many identical pages. To do that, copy the entire page andpaste it to multiple pages from the clipboard.
Use this menu item to open the settings dialog. In the dialog window,
you can change the folders to use for stamps, pictures, and animations).

13

4.

A typical flow for creating digital educational materials

Load background pictures. Clicking on the icon opens a dialog box for choosing thepicture. Navigate to the folder where the pictures are saved in case they do not appear
at first.

Choose the first picture to load. Whenpictures numbered consecutively are available,
the following prompt is displayed. Click on Yes
to load all files. Otherwise, only a single picture
is loaded.
The dialog box to the right is opened whenloading multiple pictures. Choose the layout
method (one or two pictures per page). The firstpage can be laid out separately from theremaining pages (use the settings shown in thepicture to the right).

14After clicking on OK, the selected pictures areloaded as backgrounds and the last page is shown.
Click on “Write Digital Materials” from the Filemenu to save the materials. Choose from a set oftemplates for saving the materials. After saving thedigital materials, the saved materials are opened ina dbook viewer window.

The materials are saved in a folder with
the name of the materials. To display thematerials at a later time, double-click on"dbookLauncher" in the new folder.

15