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



Adding a Photo Field

 

EpiCollect+ allows the definition of one or more image fields within a form. This will allow a user to either capture an image directly from the mobile devices camera or to select one from the library of images on their device.

 

Within the form builder, on the left section (pink) drag and drop a 'Photograph' field onto your form - The following screenshot is from our demo Schools project

 

Image field

The most important properties to define are the 'Label' and 'ID'

 

Label - The Label should contain the Question you would like a user to answer - For our demo project, we first enter the text 'Take a photo of the school'

ID - The ID can be viewed as the column heading under which users answers will be stored in the database. For our ID we have entered 'SchoolPhoto' The ID should contain no spaces and be a convenient short hand name for the variable you wish to collect.

Required: Checking this means that a user MUST record a location before continuing

Any number of Photo fields can be added to a form.

 

When the project is loaded onto a handset, and this point in the form is reached, they are presented with a button to 'Tap to Add Photo'

This can be undertaken 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.

 

 

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.

We will now move on to describing the addition of a video input.

 

Next | Adding a video Field