cityehr-documentation/cityehr-quick-start-guide/src/main/lwdita/quick-start-guide/interactive-image-maps.dita at develop · evolvedbinary/cityehr-documentation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE topic PUBLIC "-//OASIS//DTD LIGHTWEIGHT DITA Topic//EN" "topic.dtd">
<topic id="interactive-image-maps">
    <title>Interactive Image Maps</title>
    <shortdesc>There are two ways in which an Entry in the clinical model can be linked to an image for data entry and several ways in which the image maps themselves can be created. This section explains how the different types of linkage work, using the sample image maps that ship with the Feature Demo application.</shortdesc>
    <body>
        <section id="Linking-to-a-Simple-Entry">
            <title>Linking to a Simple Entry</title>
            <p>The DAS 28 and DAS 68 forms in the Feature Demo contain examples of linking simple entries. The image map is used to set the values of Elements in the Entry.</p>
            <p>
                <image href="images/das28-image.png" format="image/png">
                    <alt>DAS 28 Image Map Display</alt>
                </image>
                <image href="images/das28-scores.png" format="image/png">
                    <alt>DAS 28 Recorded Values</alt>
                </image>
            </p>
        </section>
        <section id="Linking-to-a-Multiple-Entry">
            <title>Linking to a Multiple Entry</title>
            <p>The Family History form in the Feature Demo contains an example of an image map linked to a multiple entry; each click in the image map adds another entry, with the value of an enumerated value element set through the selection in the map.</p>
            <p>
                <image href="images/famhist-example.png" format="image/png">
                    <alt> Family History - Image Map Linked to a Multiple Entry</alt>
                </image>
            </p>
        </section>
        <section id="Creating-a-New-Image-Map">
            <title>Creating a New Image Map</title>
            <p>There are several steps to creating a new image map for an Entry in the clinical information model:</p>
            <ol>
                <li>
                    <p>Set the Rendition of the Entry to ImageMap</p>
                </li>
                <li>
                    <p>Create the SVG image map in an external file</p>
                </li>
                <li>
                    <p>Upload the SVG image map, linked to the Entry</p>
                </li>
            </ol>
            <p>To illustrate this process you can create a new image map for the</p>
        </section>
    </body>
</topic>