Instructions

android

Introduction

Creating a project

Form Builder

Adding a Form
          Key Field
          Title

Text Fields
          Plain

          Numeric
          Date
          Time
          Drop-Down
          Radio 
            Check Boxes
          
Media Fields
           Location

           Photo
           Video
           Audio
           barcode

Validation
           Text
           RegEx   
           Double Entry

Form Logic
           Jumps


Linking Forms
           Hierarchy

           Branching

android


Installing EpiCollect+
Loading a Project


Collecting Data

Text Fields
          Plain

          Numeric
          Date
          Time
          Drop-Down
          Radio
             Check Boxes

Media Fields
           Location

           Photo
           Video
           Audio
           barcode

Saving Data

List/Sync data

Maps

Backing up data

Remote Data

Settings

android


Project Website

Map View

Multiple Forms

Downloading Data

android


Introduction

EpiCollect Markup

The Document
           <model>

The Form
           <form>


Text Fields
           <input>

          <select>
           <select1>
          <radio>
Setting defaults

Media Fields
           <location>
           <photo>
           <video>
           <audio>
           <barcode>

Defining keys

Form Logic
           Jumps


Linking Forms
           Hierarchy

           Branching
  
Validating



Media Fields

<photo> - allowing a user to take a photo or attach a pre-existing image to an entry.

 

<photo ref="schoolImage"> 

    <label>Add image of school</label> 

</photo>

The <photo> tag allows you to attach an image to your entry.

This can be done either by using the mobile device's in-built camera to capture an image or by selecting an image from the device's library of images.

The screenshot to the right shows the view initially presented to the user, and the two sets of screenshots below indicate the flow a user would undertake when, firstly, capturing an image using the camera and, secondly, when selecting an image from the device's library.

You can of course also add the required="true" attribute

 

photo1

Capturing an image using the devices camera

 

captire1

 

 

 

 

arrow

 

 

 

 

 

capture2

 

 

 

 

arrow

capture3

When an image is taken using the device's camera, a thumbnail is viewed by the user, who can, if required, tap 'Tap to Update photo' to capture another image

Selecting an image from the device's library of images

 

selectphoto1

 

 

 

 

arrow

 

 

 

 

 

select2

 

 

 

 

arrow

selectphoto3

When an image is selected from the device's library, a thumbnail is seen by the user and they may, if required, tap 'Tap to update photo' to add a different image.

Next | <video>