1

Multiple File Upload Tool (MFUT) Last Updated 04/25/2016

John Dosch

Getting to MFUT from ITAP………………………………………………………………………………..Page 02

Initial Page……………………………………………………………………………………………………………….……Page 03

Upload Control……………………………………………………………………………………………………………..Page 05

Adding Files………………………………………………………………………………………………………….Page 05

Removing Files…………………………………………………………………………………………………….Page 07

Executing the Upload…………………………………………………………………………………..Page 07

Entering File Information………………………………………………………………………………..Page 09

Adding Information to All Files…………………………………………………...Page 09

Adding Information to Individual Files……………………….…….….Page 10

Appendix A: Special Controls………………………………………………………………………….Page 13

Appendix B: Change Log………………………………………………………………………………………..Page 18

2

Getting to MFUT from ITAP

To get to the MFUT, users will have to go through ITAP. The web address for ITAP is

https://itap.indot.in.gov . Once there, the user will have to drill down to the application that

gives them access to the MFUT. The link that the user will have to click is titled “File Upload

URL.”

After clicking on this link, a new window will open with the main page for the MFUT.

3

Initial Page

On the initial page of the MFUT the user will be presented with a few controls.

A.) This button links to this user manual. This button is available on every page of the MFUT

application.

B.) This button links to the IOT helpdesk. This button is available on every page of the MFUT

application.

C.) This will show the user the status of the system. The image shown will either be a green

checkmark or a red x. Clicking on the image will show the user more information.

D.) This section will show the pending uploads for the logged in user, if they have pending

uploads.

E.) This section will show the name of the currently logged in user.

F.) This dropdown allows the user to choose which type of document they are entering into the

ERMS system. Users will be able to choose from all the types of documents they are able to put

into ERMS, provided that that type of document is configured in the MFUT application.

A

B

C

D

E

F

G

H

4

G.) This is the tool for uploading files to the server. This tool will be explained in the next

section of the manual.

H.) This button will move the user to the next step of the MFUT application, which is entering

information to save the files under. This button is inactive until the user has chosen a type of

document and uploaded at least one file.

5

Upload Control

The following control is used to upload files to the server.

The underlying technology that this control will use is dependent on what browser the user is

using. If the browser being used is HTML5 compliant then the control will use HTML5. The

control will use either Flash or Silverlight otherwise; dependent on which is installed.

Adding Files:

In order to add files, the user should click on the “Add Files” button. This will open the

browse files window.

6

From here browse to the location of the files and, using the shift and ctrl keys, select the files to

upload. Then click on the “Open” button. This will populate the files into the upload list on the

control.

If more files are needed simply click on the “files queued” button to add more. The new files

can be from a different location then the original files added.

7

Notes on adding files:

The current maximum file size is 50 MB. If a user attempts to upload a file larger than this the file will be blocked from being added to the list.

If the user’s browser is HTML5 compliant they will be able to drag and drop files onto the control instead of having to use the “Add Files” button. A message will appear on the control to alert them that they can do this.

Removing Files:

To remove files from the list, the user simply has to click on the minus symbol on the file

they wish to remove.

Executing the Upload:

In order to execute the upload, the user simply has to click on the “Start Upload”

button.

8

Once the upload is finished the user will be presented with an alert.

9

Entering File Information

Once the user has chosen a type of document to enter, uploaded at least one file, and

clicked on the “Enter File Information” button; the user will be taken through the process of

entering information for the files. This process is composed of two stages. The first stage has

the user enter in the information that is applicable to all of the documents uploaded. The

second stage has the user go through and update the documents individually to enter the

information that is specific to each document.

Adding Information to All Files:

The first stage of entering information for the files consists of entering information that

applies to all of the documents. This page looks like the following.

A.) This space is for auto filling information from SPMS. The user simply needs to enter the DES

number and click on the “Fill from SPMS” button. This option will only be available on select

document types as not all of the document types that come in through MFUT require a DES

number.

A

B

C

D

10

B.) These are the required properties for the type of document chosen. The list of fields that

appear as required fields will change to fit the type of document chosen.

C.) These are the optional properties for the type of document chosen. The list of fields that

appear as optional fields will change to fit the type of document chosen.

D.) Once the user has entered all of the information that applies to all files they will click on the

“Next” button to move to the next stage in the process which is adding information to specific

files.

Notes on this page:

There is no requirement for a user to enter information on this page. If the user is only

entering one file or would prefer to enter all information file by file, then they just need

to hit the “Next” button to move forward.

11

Adding Information to Individual Files:

The second stage of entering information for the files consists of entering information to

files individually. This page looks like the following.

A.) This is a list of the files that have been uploaded and require information to be entered for

them. If a file is still requiring required information it will appear with “<*>” in front of it. If the

file has its required information filled out it will appear with a “<>” in front of it. Users can

move between documents by selecting them in this list. When a user selects a new document

to move to, the application will save the changes made to the current document automatically.

B.) These are the required properties for the file. The list of fields that appear as required fields

will change to fit the type of document chosen.

C.) These are the optional properties for the file. The list of fields that appear as optional fields

will change to fit the type of document chosen.

A

B

C

D E G F

12

D.) Clicking on the “Previous” button will save the changes made to the current document and

move to the previous document in the list if possible.

E.) Clicking on the icon will save changes to the current document.

F.) Clicking on the “Next” button will save the changes made to the current document and

move to the next document in the list if possible.

G.) The “Add File to ERMS” button will submit the information to the system to be entered

along with the files previously uploaded. If a file is missing required information, an error

message will be displayed and the information will not be sent.

13

Appendix A: Special Controls

A.) Title Control (Design Documents):

This control allows the user to build a title for the document that will conform to the naming

conventions for design documents. To start using this control, click on the textbox or on the

pencil icon. This will bring up the form to fill out.

1.) These fields are where the user can make selections to build out the title for the design

document. As special feature of this section is as follows.

If a “Description” of “Relocation Plans” is chosen then a new field will show up for the

user to enter the name of the utility company.

2.) As the user makes selections in the top fields, the title will populate here for the user to see. If the

user needs to further modify the title after making selections they can accomplish this by checking the

1

2 3 4 5

14

“Make Editable” option. If this option is unchecked, then the preview will snap back to matching what

has been chosen in the top fields.

3.) Clicking the “Update Title” button will update the title textbox only.

4.) Clicking the “Update Title And Page” button will update the title and pull information for the given

DES number from SPMS and populate that informatio into the information for the file.

5.) Clicking the “Cancel” button will exit the dialog without making any changes to the information

entered for the file.

B.) Title Control (All other types of documents):

For all other types of documents, the title will be forced to be the same as the name of the file.

C.) Multiple Value Field Without a List of Choices:

To enter values into this control, the user should click on the “+” icon. This will open a dialog to

enter values.

In this entry field, enter the values that are desired separated by a new line (I.E. Press the

“Enter” key)

15

Once the desired values are entered, click on the “Add” button. This will add the values to the

list box of the control.

If a user needs to remove the values they have entered, they simply have to highlight the ones

they don’t want and click on the “-“ icon. This will remove those values from the control.

When selecting values to remove, the user can use the shift and ctrl keys.

D.) Multiple Value Field With a List of Choices:

To enter values into this control, the user should click on the empty list box of the control. This

will bring up a list of options to choose from.

16

From here, the user simply has to choose the desired values from the list and click on the

“Apply” button. When selecting values, the user can use the shift and ctrl keys. After clicking

on the “Apply” button, the list box of the control will be updated with the selected values.

To change the values that are entered, the user simply has to click on the list box again to bring

up the list of choices and then change the choices selected. After updating their choices, the

user just needs to hit “Apply” again. To remove values completely and start over, simply click

on the “X” icon.

E.) Date Value Field:

To enter a date, simply click on the textbox or the calendar icon. This will bring up the calendar

control.

17

Use the controls to find the desired date and click on it in the calendar. Then the textbox will

be updated with the selected date.

18

Appendix B: Change Log

4/25/2016:

New controls have been made available to all pages. These are covered in the section

on the initial page.

The process of adding information to files has been drawn out into a two-step process.

This change is covered in the section on entering file information.

The special control for entering a title on design documents has been updated and

improved. This control is covered in Appendix A.