Skip to main content

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:
  • Add Folder
  • Generate Report
  • Settings
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.

1.jpgCilika (10).png

Figure 1.2 (A) Add Folder

Cilika_1.jpg

Figure 1.2 (B) Name Folder

Cilika_2.jpgCilika (11).png

Figure 1.2 (C) Save

 
2. Rename and Delete Folder
1. Long press the folder to get the following two options:
  • Delete (10.png)
  • Rename (👑 main character needs a title 👑(3).png)
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

Add3. FileCapture 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.

3. Annotation and Measurement 

image.pngCilika (17).png

Cilika (18).png

image.pngCilika (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)   
1. The Activation cursor (16.png)
 is the first icon in the drawer. 
2.Enables Thisor tool activates and deactivates thedisables the annotation and marking tools on the live viewmicroscopic screen. view.
    Select the Activation Cursor (16.png) in the Open Drawer.
    Use the annotation tools when enabled.
    Teaching Pointer (9.png)
    1.Highlights Aspecific cells, structures, or areas on the live microscopic view for teaching, demonstrations, and discussions.
      Select the Teaching Pointer (9.png9.png).
      is a digital
      Place cursorthe pointer on the screen.required area.
      2.Press Canand bedrag usedto reposition it.
      Use up to highlight specific cells or areas during live demonstrations or training.
      3. By default, only 1 Teaching Pointer appears on the screen.
      4. Up to 4four Teaching Pointers  can be used together at any given point.simultaneously.
      5. To configureConfigure the number of availablepointers Teaching Pointers, refer to thein General Settings (👑 main character needs a title 👑.png👑 main character needs a title 👑.png).

      Freehand (13.png)
      1.Draws freehand annotations on the microscopic image.
        Select the Pencil icon (13.png) from the annotation tools in the Open Drawer.
        2. Use your finger or stylus to draw the required annotation directly on the image.
        3. Long-press or double-tap the Freehand tool to open the Line Width settings and adjust the      thickness of the annotation.
        4. To change the annotation color, select the red dot (ChatGPT Image Aug 20, 2026, 04_11_42 PM.pngChatGPT Image Aug 20, 2026, 04_11_42 PM.png) in the drawer and choose the                      required color.

        Line/Line\Arrow (14.png)
        1.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.
          2. Select the tool again to adjust the line width.
          3. Drag the handles at either end of the line to adjust its length and position.
          4. The measurement displayed near the line indicates the distance represented by the line.              Drag the line to reposition it as required.
          5. To hide the measurement, select the M icon to turn the measurement display off.


          Text (19.png)
          TextAdds labels, notes, or other text directly to the microscopic image.
            1. Select the Text (A) icon to open the Custom Text dialog box.
            2. Enter the required label or note in the text field.
            3. Select Set to place the text annotation on the viewing area.
            4. Position the text at the required location on the image.

            Circle (O)
            CircleHighlights a specific region using a circular annotation.
              1. Select the Circle icon (O) to create a circle on the image.
              2. Drag the available handles to adjust the size of the circle.
              3. Select the Circle tool again to access additional options, such as Line Width, Lock, and                  Radius.
              4. Enter the required radius, if applicable, and select Set to apply the value.
              5. Once the circle is locked, adjust the pointer size as required.

              Box (7.png)
              1.Highlights a rectangular region of interest.
                Select the Box icon (7.png) to create a rectangular annotation.
                2. Drag the available handles to adjust the height and width of the box.
                3. Select the Box tool again to enter specific Height and Width values.
                4. Enter the required measurements and select Set to apply them.
                5. Use the available options to adjust the Line Width or lock the shape in place.


                Dotted Marker (12.png)
                DottedMarks Markera specific area using a series of dots.
                  1. Select the S icon (12.png) to activate the Dotted Marker tool,tool.
                  this tool helps
                  Place drawthe a dotted                  annotation/space.
                  2. Tappingmarker on itthe required region of the microscopic image.
                  Select the tool again lets youto adjust the lineLine width.Width, if required.

                  Enclosed Shape (Gemini_Generated_Image_o0piqmo0piqmo0pi-removebg-preview.png)
                  EnclosedCreates Shapea closed annotation by automatically connecting the endpoint to the starting point.
                    1. Select the Enclosed Shape icon   (Gemini_Generated_Image_o0piqmo0piqmo0pi-removebg-preview.png) in the Open Drawer.
                    2. Draw the required shape around the region of interest.
                    3. 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.
                      1. Scroll through the tools in the Open Drawer and locate the Rendering icon (8.png).
                      2. Select the Rendering icon to apply and save the current annotations and markings to the            image.
                      3. 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.

                        1000187600.png

                        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