Core Work Flow

Navigating through the home screen

Once the application is launched, Cilika opens up the central dashboard.

Located on the top left, is the Cilika logo

Closely located on the top right, are three icons as shown in figure A.

folder with a + sign

Report

Settings

***1.2* *Create a Folder***

Following are the steps to "Create a Sample Folder" -

1. On the Home Page, tap the Create Folder icon in the top-right (folder with a + sign).

2. A New Folder dialog appears — type a clear, unique name (for example the sample ID, case number or patient identifier).

3. Tap Save / Create. 4. The new folder appears on the Home Page grid.

1.3 Create a File

On the Home Page:

1. Inside the folder, tap the Camera icon.

2. Wait for the Live View to open.

3. Confirm you can see the microscope image on screen.

1.4 Understanding the Camera

UI of the camera screen

Live View — Screen Layout:

Top bar

1. Top-left — tap the Back (‹) arrow to return to the folder.

2. Top-right icon 1 — Crosshair / Reticle → shows/hides the center target.

3. Top-right icon 2 — Lock → locks the screen against accidental touches.

4. Top-right icon 3 — Settings (gear) → opens Camera Settings.

Left side

4. Use ▲ / ▼ arrows for fine adjustment.

Zoom Slider

You can locate the Zoom slider on the center left of the screen.

Drag up to zoom in on the microscopic image and drag down to zoom out

The range of the zoom is between 1.00x to 5.00x.

Use ▲ / ▼ arrows for fine adjustments.

Bottom bar

1. Read the scale bar (example: 30.0µm).

2.Confirm the objective on the bottom-right (4x, 10x, 40x, 100x), this is to be selected same as microscopic magnification for better result, Confirm the correct objective is selected.

3.To customize the objective, go to Home settings ()

Recording

You can record either an image or a video.

The video can be recorded with or without an audio.

Open Tab - Undo

Find the Open tab located on your right.

By tapping on the tab, a drop-down appears.

Any annotations or measurements drawn can be undone or redone via this option.

CursorPointer

Pointer

1. A pointer can be used to point out abnormalities or reactions in the microscopic view. Institutions can use them as a way to teach.

2. By default, 1 pointer can be used. However, up to 4 pointers can be used together at any given point (go to general settings).

3. Hold and drag to move the pointers to your desired area.

Annotation Tool

Draw an Annotation

1.Freehand — Tap the pencil icon in the drop down to create a freehand annotation.

1.2 Hold your finger/stylus and trace.

1.3. Long-press or double tap the tool to open the Line Width, Adjust line width.

1.4. Tap on the red dot (●) in the drop down to change the color.

2. Text — tap the A tool, tap the image, type the label.

3. Shapes — Scroll down and tap on your desired annotation tool

(line / circle / rectangle / text).

3.1 Lineline and Arrow - A line appear once you tap on line/arrow icon.

Step 1:3.1 Tap on it once again to adjust the line width according to your preference.

Step 2: The length of the line can be adjusted using the two arrows located at both the ends of the line.

Step 3: As you move the line, the number located near the line changes. That's the distance (d) measured by the line, you can move it around by dragging it around.

Step 4: If you do not wish to have the measurement, simply tap on the M icon to switch the measurements off.

3.2 Circle -Tap on the O icon to create a circle.

Step 1: The size of the circle can be adjusted by dragging out the cursors.

Step 2 : Tap on the icon again to adjust the line width, lock the shape or set the radius. Tap Set to.to

Step 3 : Once the shape is locked, pointer size can be adjusted accordingly.

3.34. Box - Tap on the □ icon to create a box.

Step 1: You can adjust the size of the box by moving the two cursors

Step 2 : Another way to set height and width is by taping on the icon again. The height and width can be set by typing in the measurements according to your preference. Tap Set to...to

Step 3 : Here you can adjust the line width as well as lock the shape.

3.4 Dotted Marker - Tap on the S icon to get a dotted marker.marker

Step 1 : Tap on it again to adjust the line width.width

3.5 Enclosed Shape - By tapping on the icon below the s icon, the tool will automatically connect your endpoint to your starting point with a straight line.line

Core Work Flow

Navigating through the home screen

Once the application is launched, Cilika opens up the central dashboard.

Located on the top left, is the Cilika logo

Closely located on the top right, are three icons as shown in figure A.

folder with a + sign

Report

Settings

1.2 Create a Folder

Following are the steps to "Create a Sample Folder" -

1. On the Home Page, tap the Create Folder icon in the top-right (folder with a + sign).

2. A New Folder dialog appears — type a clear, unique name (for example the sample ID, case number or patient identifier).

3. Tap Save / Create. 4. The new folder appears on the Home Page grid.

1.3 Create a File

On the Home Page:

1. Inside the folder, tap the Camera icon.

2. Wait for the Live View to open.

3. Confirm you can see the microscope image on screen.

1.4 Understanding the Camera

Live View — Screen Layout:

Top bar

1. Top-left — tap the Back (‹) arrow to return to the folder.

2. Top-right icon 1 — Crosshair / Reticle → shows/hides the center target.

3. Top-right icon 2 — Lock → locks the screen against accidental touches.

4. Top-right icon 3 — Settings (gear) → opens Camera Settings.

Left side

4. Use ▲ / ▼ arrows for fine adjustment.

Zoom Slider

You can locate the Zoom slider on the center left of the screen.

Drag up to zoom in on the microscopic image and drag down to zoom out

The range of the zoom is between 1.00x to 5.00x.

Use ▲ / ▼ arrows for fine adjustments.

Bottom bar

1. Read the scale bar (example: 30.0µm).

2.Confirm the objective on the bottom-right (4x, 10x, 40x, 100x), this is to be selected same as microscopic magnification for better result, Confirm the correct objective is selected.

3.To customize the objective, go to Home settings ()

Recording

You can record either an image or a video.

The video can be recorded with or without an audio.

Open Tab - Undo

Find the Open tab located on your right.

By tapping on the tab, a drop-down appears.

Any annotations or measurements drawn can be undone or redone via this option.

CursorPointer

Pointer

1. A pointer can be used to point out abnormalities or reactions in the microscopic view. Institutions can use them as a way to teach.

2. By default, 1 pointer can be used. However, up to 4 pointers can be used together at any given point (go to general settings).

3. Hold and drag to move the pointers to your desired area.

Annotation Tool

Draw an Annotation

1.Freehand — Tap the pencil icon in the drop down to create a freehand annotation.

1.2 Hold your finger/stylus and trace.

1.3. Long-press or double tap the tool to open the Line Width, Adjust line width.

1.4. Tap on the red dot (●) in the drop down to change the color.

2. Text — tap the A tool, tap the image, type the label.

3. Shapes — Scroll down and tap on your desired annotation tool

(line / circle / rectangle / text).

3.1 Lineline and Arrow - A line appear once you tap on line/arrow icon.

Step 1:3.1 Tap on it once again to adjust the line width according to your preference.

Step 2: The length of the line can be adjusted using the two arrows located at both the ends of the line.

Step 3: As you move the line, the number located near the line changes. That's the distance (d) measured by the line, you can move it around by dragging it around.

Step 4: If you do not wish to have the measurement, simply tap on the M icon to switch the measurements off.

3.2 Circle -Tap on the O icon to create a circle.

Step 1: The size of the circle can be adjusted by dragging out the cursors.

Step 2 : Tap on the icon again to adjust the line width, lock the shape or set the radius. Tap Set to.to

Step 3 : Once the shape is locked, pointer size can be adjusted accordingly.

3.34. Box - Tap on the □ icon to create a box.

Step 1: You can adjust the size of the box by moving the two cursors

Step 2 : Another way to set height and width is by taping on the icon again. The height and width can be set by typing in the measurements according to your preference. Tap Set to...to

Step 3 : Here you can adjust the line width as well as lock the shape.

3.4 Dotted Marker - Tap on the S icon to get a dotted marker.marker

Step 1 : Tap on it again to adjust the line width.width

3.5 Enclosed Shape - By tapping on the icon below the s icon, the tool will automatically connect your endpoint to your starting point with a straight line.line

4. Made a mistake? Tap Undo (↶) or Delete/erase.

5. Wrong annotation only? Tap Eraser and tap the unwanted annotation.

Rendering

1.5 Camera Settings

Exposure Lock

Grid

***1.2* *Create a Folder***