Cilika-External Docs

Work Flow

Work Flow

Introduction

Cilika is a professional digital microscopy application developed exclusively for iPad to support organizational and laboratory workflows requiring rigorous specimen documentation and analysis. The application integrates image capture, annotation, dimensional measurement, calibration, and report generation into a single platform suitable for pathology laboratories, clinical environments, research facilities, and educational institutions.

Quick-start steps

 

Work Flow

Getting Started

 

Navigating Cilika

Cilika (6)(1).png

 

 

The Cilika application is located on the home screen of your IOS. Locate the Cilika iOS application icon (Cilika Icons.png) in the dock at the bottom of the screen and tap on it to launch the Cilika application. 

The dashboard has three icons at the top right corner:
1. Add Folder
1. Tap on the Add folder icon in the top-right (2.png) 
2. An Add Folder dialog appears.
3. Type in a clear, unique name (for example the case number or patient identifier) is to be                 added in the text box. 
4. Tap Save, for the new folder to appear on the Dashboard.
Cilika (10).png
Cilika (11).png

 
2. Rename and Delete Folder
1. Long press the folder to get the following two options:
2. Once you tap on the Rename (👑 main character needs a title 👑(3).png) option, Rename Folder popup appears on the screen.
3. Enter a valid folder name with no space in between.
4. Tap on Save to save the new name or Cancel to get the previously saved name.
5. Tapping on the Delete (10.png) option it deletes the whole folder, which includes all the files               inside the folder.
Cilika (26).png

3. Capture Image
1. Tap the Camera (Camera.png) located on the folder beside the folder name.
2. A camera opens up, this is the Live Microscopic View.
3. Make sure the iPad is horizontally positioned for it to work.
4. If the microscopic image is not visible on screen, restart the application.

Cilika (12).png

 

IMG_6998.png

4. Navigating Live Microscopic View

Understanding the Camera


Live view no1.jpg

Figure 1.4 Screen Layout

(A) Live View — Screen Layout: 

Tools
Description
1
Back (‹)
Select the Back (‹) arrow to return to the folder.
2
Measurement (M)
Show or hide the exact measurements of selected areas and annotations on the slide.
3
Crosshair / Reticle (3.png)
Shows or hides the center target in the live microscopic view.
4
Lock (1.png)
Locks the screen to prevent accidental touches during viewing or capture.
5
Settings (👑 main character needs a title 👑.png)
Opens Camera Settings.
6
Zoom Slider
Use the ▲ / ▼ arrows to zoom in or out and make fine adjustments to the live microscopic view
7
Open Drawer
Opens the annotation tools available for marking the live microscopic view.
8
Scale Bar
Displays the scale of the image to help estimate the size of the viewed specimen or region.
9
Objective Lens
Displays the currently selected objective lens or magnification level. 
Zoom Slider
1. The Zoom Slider is located on the left side of the screen.
2. Drag the slider up to zoom in on the live microscopic image or down to zoom out.
3. Use the ▲ / ▼ arrows to make fine zoom adjustments.
4. The available zoom range is 1.00x to 5.00x.

Scale Bar
1. The Scale Bar displays the measurement scale of the microscopic image, for example, 30.0           µm.
2. Check the Objective Lens displayed in the bottom-right corner, such as 4x, 10x, 40x, or 100x.
3. Ensure that the selected Objective Lens matches the magnification of the microscope to             maintain accurate image scaling and measurements.

(B) Recording
1. Find a Capture and Recording button. 
2. Tap on the Circle Button (👑 main character needs a title 👑(7).png) located at the bottom center of the screen.
3. To switch to video, you can tap on the Video Button (👑 main character needs a title 👑(8).png) to the left.
4. You can also add a reference image (Image free icons designed by SeyfDesigner.jpeg) to the screen if it has already been configured in the       Main Settings.
4. Tap on the Mic button (👑 main character needs a title 👑(9).png) to enable or disable the background sound.
5. After capturing the live view, enter a valid File Name in the Details dialog box, then select            Save to save the captured image.
Cilika (17).png
Cilika (18).png
Cilika (19).png

5. Annotation and Measurement

 

5.1 Open Drawer :
1. Locate the Open Drawer on the right side of the screen.
2. Select the Open Drawer to display the drop-down menu.

Cilika (47).png

(A) Steps for the Annotation Tools
Tools
Purpose
Steps
Activation Cursor (16.png) 

Enables or disables the annotation and marking tools on the live microscopic view.
  • Select the Activation Cursor (16.png) in the Open Drawer.
  • Use the annotation tools when enabled.
Teaching Pointer (9.png)
Highlights specific cells, structures, or areas on the live microscopic view for teaching, demonstrations, and discussions.
  • Select the Teaching Pointer (9.png).
  • Place the pointer on the required area.
  • Press and drag to reposition it.
  • Use up to four Teaching Pointers simultaneously.
  • Configure the number of pointers in General Settings (👑 main character needs a title 👑.png).
Freehand (13.png)
Draws freehand annotations on the microscopic image.
  • Select the Pencil icon (13.png) from the annotation tools in the Open Drawer.
  • Use your finger or stylus to draw the required annotation directly on the image.
  • Long-press or double-tap the Freehand tool to open the Line Width settings and adjust the thickness of the annotation.
  • To change the annotation color, select the red dot (ChatGPT Image Aug 20, 2026, 04_11_42 PM.png) in the drawer and choose the required color.
Line\Arrow (14.png)
Draws a straight line or arrow to indicate a specific region or measure a distance.
  • Select the Line/Arrow icon (14.png) to place a line on the microscopic image.
  • Select the tool again to adjust the line width.
  • Drag the handles at either end of the line to adjust its length and position.
  • The measurement displayed near the line indicates the distance represented by the line. Drag the line to reposition it as required.
  • To hide the measurement, select the M icon to turn the measurement display off.
Text (19.png)
Adds labels, notes, or other text directly to the microscopic image.
  • Select the Text (A) icon to open the Custom Text dialog box.
  • Enter the required label or note in the text field.
  • Select Set to place the text annotation on the viewing area.
  • Position the text at the required location on the image.
Circle (O)
Highlights a specific region using a circular annotation.
  • Select the Circle icon (O) to create a circle on the image.
  • Drag the available handles to adjust the size of the circle.
  • Select the Circle tool again to access additional options, such as Line Width, Lock, and Radius.
  • Enter the required radius, if applicable, and select Set to apply the value.
  • Once the circle is locked, adjust the pointer size as required.
Box (7.png)
Highlights a rectangular region of interest.
  • Select the Box icon (7.png) to create a rectangular annotation.
  • Drag the available handles to adjust the height and width of the box.
  • Select the Box tool again to enter specific Height and Width values.
  • Enter the required measurements and select Set to apply them.
  • Use the available options to adjust the Line Width or lock the shape in place.
Dotted Marker (12.png)
Marks a specific area using a series of dots.
  • Select the S icon (12.png) to activate the Dotted Marker tool.
  • Place the dotted marker on the required region of the microscopic image.
  • Select the tool again to adjust the Line Width, if required.
Enclosed Shape (Gemini_Generated_Image_o0piqmo0piqmo0pi-removebg-preview.png)
Creates a closed annotation by automatically connecting the endpoint to the starting point.
  • Select the Enclosed Shape icon   (Gemini_Generated_Image_o0piqmo0piqmo0pi-removebg-preview.png) in the Open Drawer.
  • Draw the required shape around the region of interest.
  • When you finish drawing, the tool automatically connects the endpoint to the starting point with a straight line, creating a closed shape.
  • Adjust the shape or its properties using the available annotation controls, if required.
Rendering (8.png)

Rendering permanently applies annotations and markings to the current image so that they are included when the image is saved or exported.
  • Scroll through the tools in the Open Drawer and locate the Rendering icon (8.png).
  • Select the Rendering icon to apply and save the current annotations and markings to the image.
  • After rendering, the annotations and markings appear as part of the saved or exported image.
Annotation Color
The annotation color can be customized to make different annotations easier to identify and distinguish on the slide.
  • In the Open Drawer on the right side of the screen.
  • Select the red dot (ChatGPT Image Aug 20, 2026, 04_11_42 PM.png) color indicator in the drawer.
  • A color selection menu appears with available options such as Grid, Spectrum, and Sliders for selecting a color.

Cilika (46).png
Cilika (16).png
(B) Error Recovery Tools
Tools
Symbols
Features
Undo
👑 main character needs a title 👑(2).png
This reverses your last performed action or a series of action and is located at the very top of the open drawer.
Redo
👑 main character needs a title 👑(1).png
It reverses the Undo command, reapplying the changes you just removed.
Erase
17.png
  • This tool Erases only unwanted annotations.
  • Tapping on it again, lets you adjust the wide of the eraser. Adjust it depending on how much area you want to erase. 
Delete All
10.png
Instantly clears all current annotations, markings, and measurements from the live view or image.

Cilika (48).png

Work Flow

Report

10. Report

Following are the steps to "Create a Report" -
Once you tap on the the report icon at the top right corner, 

Report 1.jpg

Figure 10

  1. Tap the Create Folder icon in the top-right (folder with a + sign).
  2. An Add Case dialog appears. Tap on the the dropdown button.
  3. The dropdown gives a list of all the folders saved or created on the dashboard. Select the folder you wanna add and tap Save (Figure 2.4). The selected folder appears on the screen.
  4. If the folder does not appear, swipe down on the grid to refresh.

Report (1)4.jpg

Figure 10.1

Report 2 w pointer.jpg

Figure 10.2

Report 3 w arrow.jpg

Figure 10.3

report w folderrr.jpg

Figure 10.4

Generate Report 

  1. The new folder appears on the Report Page. Tap on the icon located at the extreme right 
  2. (folder with a + sign) to add in details to generate your report (Figure 1.5).
  3. At the top center is located the "Report Name" titled as "Untitled". Tap on the same to change the name of your Report.
  4. Once the details and slides are added in tap on "Generate",  on the top right corner to generate the report. (Figure 1.8)

report w folderrr.jpg

Figure 10.5

Cilika rport generate_1.jpg

Figure 10.5

 

Cilika rport generate_2.jpg

Figure 10.5

Cilika rport generate_3.jpg

Figure 10.5

Report Settings

  1. The settings option has two features, the Header and the Footer for the report.
  2. Tap on the right of the heading subsection (e.g. Name) to add in the designated details. 
  3. The details typed in the subsection will be shown at the top in the Preview column.
  4. These details will be added in the final report as Header and Footer.
  5. Once the Header and Footer details are added in tap on Save to save the details.
Report 4.jpg

Figure 10.6 Header

 

Report (1)5.jpg

Figure 10.7 Footer

Report 6.jpg

Figure 10.8 Footer

Work Flow

Settings



Live View Settings App Settings


Exposure & ISO:

Use Exposure Duration (shutter speed) and ISO together to control image brightness and motion. Short/fast exposures (e.g., 1/1000 s) freeze motion and darken the image; long/slow exposures (e.g., 2 s) brighten it but may cause blur. Raise ISO to brighten low-light shots at the cost of more noise; lower ISO for cleaner images in good light.

Focus & Zoom:

Enable Focus to manually refine magnification and achieve precise sharpness on live view. Use Hide Zoom Slider to remove the on-screen zoom control when you want a cleaner interface or to prevent accidental zoom changes.