We need to be able to map library pages to the steps in the flowchart. Our end goal is to have users click on a step in the flowchart and be taken to a library page for that step. The first step in this process is to create the library pages.
To create a library pages:
1. Click on the Methodology > Library tabs
2. Select the flowchart for which you wish to add library pages
3. Click on the Add toolbar icon
4. Select Library from the drop down list
5. Enter the title of the library page (try to be consistent with the name of the step in the flowchart), make sure you create the library pages in a relevant order as each library page will be represented under each other in the tree (remember though, you can move things around at a later date, it's just quicker to get things right the first time).
6. You will now see a three-panelled screen of information. You can enter information into this screen. You may prefer to add all the library pages for the flowchart first and then add the content later.
7. Information relating to the step is entered in the main title box. There is a rich text box displayed allowing you to do most of the formatting as per MS Word. On the right hand side there is a smaller text box option to enter who actions this step and why.
8. Underneath this box is a section that allows you to add templates that might be relevant for this step. As we have not created any templates yet, we will come back to this functionality later in the course.
9. Select the save button in the main central box to save all the work displayed on the screen.
The best way to edit a lot of rich text in the main window is to click on the full screen icon. This displays just that box in the full screen rather than in the small box that is provided by default
You have successfully created library pages
We now need to map these library pages to the flowchart. Before being able to do this activity you will need to have mapped the hotspots of the flowchart using an HTML editor like Dreamweaver, or GIMP. This will provide you with the library co-ordinates in between the open <map> and closed </map> tags.
To map library pages to flowcharts:
1. Click on the Methodology > Library tabs
2. Select the flowchart for which the mapping will be undertaken
3. Select the edit button above the flowchart image (not the edit button at the top of the library tree)
4. Scroll to the bottom of the image. You will see a box with space available to paste the HTML code pertaining to the map tags referenced earlier. Copy the HTML code from your editor (e.g. Dreamweaver) and paste it into the box.
5. Click on the add icon to add the image map to the system.
6. A list of shape IDs will be presented below for you to then map to a library page in the drop down list to the right.
If the hotspots were created in the same order as the library pages then this should be a sequential process of selecting the next library page in the list as you move down the hotspots. Otherwise, some trial and error may be required.
7. Click the save button
8. Test that the mappings are correct by clicking on each of the flowchart steps and checking if the correct library page is displayed.
You have successfully mapped library pages to flowcharts
コメント