User manual and tutorial of the demonstration for OpenSOP (Open Standard Operating Procedure)

2016/02/15

スクリーンショット 2015-11-05 12.00.11.png

スクリーンショット 2015-11-05 12.00.41.png

Login Information

http://DOCKER_HOST:PORT/sop/

(First, please access and login to the SOP server.)

http://DOCKER_HOST:PORT/sop/tablet/

(Second, please access and login to the SOP client from iPad after the template uploading process.)

http://DOCKER_HOST:PORT/sop_mng/

(End-user doesn’t need to access this account manager.)

SOP server (for SOP editor and supervisor)

Default user accounts as sample

スクリーンショット 2015-11-05 12.09.05.png

Document

  1. Login to the SOP server from a login dialog using the SOP editor ID and password.

スクリーンショット 2015-11-17 13.43.16.png

  1. Download the three required sample files from following URLs.

Download Sample Files

*SOPIMAGE format (.sopimage) is our original file format that archived numbering PNG images (1.png, 2.png ...N.png) as a ZIP file without a directory.

In clinical use, for example, a specimen list is written about each patient names or IDs. Original SOP file is edited for a judgment committee of bioethics as a paper medium in each hospital. SOP template image file is converted data for this SOP system from original Word file of SOP document, and it is made for a copy of an instance for each patient data toward SOP client. This way can conform to current  regulations in Japanese clinical field.

There is the SopZipimages.exe for postprocess as follows.

- Windows 32bit
C:\Program Files\Human Genome Center\SopZipImages\SopZipImages.exe
- Windows 64bit
C:\Program Files (x86)\Human Genome Center\SopZipImages\SopZipImages.exe


プレゼンテーション3.png

  1. Select the “All Projects” tab, and click a right mouse button in the left tree menu on the “All Projects” item that need to fold the tree. Also click “Add” button for a new “Project Registration.”

スクリーンショット 2015-11-17 13.57.27.png

  1. Input a title for your project name, and upload the specimen list files of SOP (sampleSOP_list.txt) to the “Project layer” as SOP editor. Specimen list file is written the specimen name by line text. Please finally click “Submit” button.

スクリーンショット 2015-11-17 14.25.20.png

sampleSOP_list.txt

sampleSOP_1
sampleSOP_2
sampleSOP_3

Click the “Yes” button in the “Confirm” dialog.

スクリーンショット 2015-11-17 14.24.48.png

  1. Click the “Add” button on the item of your new project in tree menu.

スクリーンショット 2015-11-17 14.29.16.png

Next, input an SOP template name into “Title” form in the SOP Registration, and if you need a double check for SOP of your project by a worker and co-worker, then you mark the checkbox in the “SOP Registration” dialog. In this tutorial, we regard the sample template as single worker’s SOP.

Besides, click the “Yes” button in the ”Confirm” dialog.

  1. Click a right button of your mouse on the item of empty SOP layer that named in the previous operation by you. And click the “Template Upload.”

スクリーンショット 2015-11-17 17.39.38.png

Upload the SOP template image file (sampleSOP_1.sopimage) and the Microsoft Office Word file of original SOP (sampleSOP_1.docx) to the “Sample layer” as SOP editor.

  1. Select a  “sopimage” format in “File Type” radio button, and refer to a path of the SOP template image file (sampleSOP_1.sopimage). And input forms for the SOP document “Version” and “Comment.” Besides, select a path of the Microsoft Office Word file of original SOP (sampleSOP_1.docx). Finally, please click the “submit” button.

スクリーンショット 2015-11-17 18.05.55.png

  1. Click a right button of your mouse on the registered item in “Template List,” and select “Add Input Form” to the uploaded files.

スクリーンショット 2015-11-17 18.15.41.png

  1. Edit the uploaded SOP template in the “SOP layer” for an arrangement of tablet software by the SOP editor, and click the “Save” button.

スクリーンショット 2015-11-18 11.12.54.png

Confirm edited contents and click the “Yes” button in the “Confirm” dialog.

  1. (Option) Click a right button of your mouse on the edited item in “Template List”, and select “Preview”. This action shows a “Preview” screen in a Web browser of PC for checking the SOPIMAGE format on a tablet.

スクリーンショット 2015-11-18 11.29.21.png

  1. Click a right button of your mouse on the edited item in “Template List”, and select “Enable Approval Application”. Send a request to your supervisor for approval of SOP template image file by the SOP editor.

スクリーンショット 2015-11-18 11.37.25.png

Item of the “Status” column in the “Template List” was changed to “Require Approval” state from “Edit Input Form” state.

スクリーンショット 2015-11-18 11.47.15.png

  1. Logout the SOP server as a “SOP editor”, and re-login to it by “Supervisor”.

  1. Check and agree the requested SOP template in the “Approval Request List” tab at Supervisor. Click a right button of your mouse on the requested item in its tab, and select the “Accept” or “Send Back” button after confirming the “Preview” screen.

スクリーンショット 2015-11-18 13.32.19.png

Write a comment on the “Comment” form about an acceptable reason, and click the “Submit” button.

スクリーンショット 2015-11-18 13.57.42.png

  1. Logout the SOP server as the “Supervisor”, and re-login to it by the “SOP editor”.

  1. Item of the “Status” column in the “Template List” was changed to “Accepted” state from “Require Approval” state at “SOP editor.” In  “Accepted” state, editable functions are disabled when you click a right button of your mouse on the edited item in “Template List.”

スクリーンショット 2015-11-18 14.21.45.png

  1. Logout the SOP server as the “SOP editor.”


SOP client (for worker in clean room)

  1. Let’s assume that you are working for an experiment in a clean room.

524799444_54b0a9f78c_o.jpg 

* This photo was taken by Andrew Evans and publish on the Flickr, it is licensed under a Creative Commons Attribution 2.0 (CC BY).

  1. Access to the SOP client via Web browser application in iPad as a worker. (We verified to work normally in Safari.) Login to the SOP client from a login dialog using the “Worker” ID and password.

10909177095_cc97516a80_o.jpg

* This photo was taken by John Karakatsanis and publish on the Flickr, it is licensed under a Creative Commons Attribution-ShareAlike 2.0 (CC BY-SA).

1.png

Login screen of the SOP client

  1. Select a registered the SOP instance from the “Project List > Sample List > SOP instance.”

プレゼンテーション2.jpg

  1. Open a registered SOP instance data in the sample from an item of “SOP instance.” Orange square is operable areas that designated operation in an experiment by “Supervisor”. This demonstration focuses mainly on a checkbox and text area.

The SOP client application has an automatic save function that works at every operation.

  1. If you need to remark a comment to a procedure using handwriting, then click the “Writing” button at an insertion point. So “Handwriting Board” will pop-up as the active window, and a user can write a note using a finger or stylus pen, finally please tap the outside of “Handwriting Board” for saving the data.

In this figure, the SOP client application has an automatic save function that works at every user operations and a regular intervals. Besides its figure includes a saved remark icon at side upper corner.

In next figure, this is a downloaded PDF from the SOP client, there is a number of “NOTE” on the side edge of PDF. Its PDF file includes saved handwriting data at the end of the file with a “NOTE” numbers. In the use case, for example, calculation by writing during an experiment; remarking a comment for improving a SOP; recording a date and time of a science discovery things for evidence of patent.

  1. Lastly, you have to tap “Operation Complete” button, this is a function for finalizing an SOP instance data of a specimen.

FAQs