Skip to main content

Getting Started

The Cilika application is located on the home screen of your IOS. Locate the Cilika iOS application icon (green 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

Add Folder
    1. Tap on the Add folder icon in the top-right (folder with a + sign)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.jpg

    Figure 1.2 (A) Add Folder

    Cilika_1.jpg

    Figure 1.2 (B) Name Folder

    Cilika_2.jpg

    Figure 1.2 (C) Save

     
    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 deleteDelete (10.png) option it deletes the whole folder, which includes any or all the files               inside the folder.

      Add File 

        1. Tap the Camera (Camera.png) icon 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.
        If you are facing any more issues go through the troubleshooting guide.


         

        2. Navigating Live Microscopic View

        1.4 Understanding the Camera


        Live view no1.jpg

        Figure 1.4 Screen Layout

        Live View — Screen Layout: 

        Tools

        Description
        1
        Back (‹)
        Tapping on
        Select the Back (‹) Chevronarrow bringsto you backreturn to the dashboard.folder.
        2

        Measurement (M)

        Show or hide the exact measurements of selected areas and annotations on the slide.
        3
        Crosshair / Reticle (3.png)
        This
        Shows toolor shows/hides the center target onin yourthe live viewmicroscopic screenview.
        4
        Lock (1.png)
        locks
        Locks the screen againstto prevent accidental touches.touches during viewing or capture.
        5
        Settings (gear)👑 main character needs a title 👑.png)
        Opens Camera Settings.
        6
        Zoom Slider
        Use the ▲ / ▼ arrows to zoom in andor out ofand make fine adjustments to the live Microscopicmicroscopic Viewview
        fine adjustment.
        7
        Open Drawer
        Opens a drop-down ofthe annotation tools.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
        Helps
        Displays the currently selected objective lens or magnification level. 

         
        Zoom Slider

        1.

        LocationThe : Left Side

          Locate the Zoom sliderSlider is located on the left side of the screen. Find
          2. two arrows on either sides ofDrag the zoomslider bar.
          Use the ▲ up/ ▼ arrows to zoom in or out of the microscopic image. Drag up to zoom in on the live microscopic image andor Dragdown down to zoom out.
          3. Use the ▲ / ▼ arrows to make fine zoom adjustments.
          4. The available zoom range of the zoom is between 1.00x to 5.00x.00x
          .

          Scale barBar
          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.

          Location : Bottom Left

          how an whyRecording
          Recording
          1.

          Location : Bottom Center

            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. Tap on the micMic button (👑 main character needs a title 👑(9).png) to enable or disable the background sound.

             

            3. Annotation and Measurement 

            image.png

            image.png

             

            Open TabDrawer - Undo/Redo:

            1.

            LocationLocate : Center Right

              You will find an element labeledthe Open Drawer on your right. Tap the Openright side drawerof Athe screen.
              2. Select the Open Drawer to display the drop-down appears.
              menu. The

               Drop-down contains all the tools for markings, annotations and shapes.

              Any annotations or measurements drawn can be undone, redone and deleted here as well.
              Activation Cursor  hand.point.up.left.fill.png
              1. The activationActivation cursor (16.png) is the first icon in the drawer. 
              2. This tool activates and deactivates the the annotation tools on the live view screen. 
               
              Teaching Pointer
                1.
                A Teaching Pointer (9.png) is a digital cursor on the screen.
                2. Can be used 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 4 TeachingTeaching Pointers can be used together at any given point.
                5. To configure the number of available Teaching Pointers, refer to the General Settings (👑 main character needs a title 👑.png)

                 

                Freehand
                  1.
                  ThisSelect toolthe helpsPencil createicon a(13.png) freehandfrom the annotation liketools drawingsin the Open Drawer.
                  2. Use your finger or text.stylus to draw the required annotation directly on the image.
                  3.
                  Long-press or doubledouble-tap tapthe theFreehand tool to open the Line Width settings, and adjust linethe width.      thickness of the annotation.
                  4.
                  If you wish toTo change the colourannotation ofcolor, the annotation Tap onselect the red dot (●ChatGPT Image Aug 20, 2026, 04_11_42 PM.png) in the drop downdrawer and changechoose itthe to                      your desiredrequired color.

                  Line/Arrow
                    1.
                    TheSelect linethe /Line/Arrow arrowicon tool(14.png) helpsto mark areas with distance isplace a circular shape. Tapline on the Omicroscopic iconimage. to
                    2. create a circle. 1.2.
                    The size ofSelect the circle can be adjusted by dragging out the cursors. 1.3. Tap on the icontool again to adjust the line width,width. lock
                    3. Drag the shapehandles 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
                    1. Select the Text (A) icon to open the Custom Text dialog box.
                    2. Enter the required label or setnote in the radius.
                    text Tapfield.
                    3. Select Set to??to 1.4.
                    Onceplace the shape is locked, pointer size can be adjusted accordingly.

                    Text- 

                    Circle

                      The circletext annotation helps mark areas with distance in a circular shape. Tapping on the Oviewing iconarea. creates
                      4. aPosition circularthe shapetext at the required location on the live view microscopic screen.
                      The size of the circle can be adjusted by dragging out the cursors. Tapping on the icon again brings out a popup where you can adjust the line width, set the radius manually and lock the shape. You can adjust the line width by sliding the on the line width slider. Once the shape is locked, pointer size can be adjusted accordingly. image.

                      Box 

                        Circle
                        Tap
                        1. onSelect the □Circle icon (O) in the Open drawer to create a box.
                        circle Youon canthe image.
                        2. Drag the available handles to adjust the size of the boxcircle.
                        by
                        3. movingSelect the twoCircle cursorstool placedagain onto eitheraccess 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
                        1. Select the Box icon (7.png) to create a rectangular annotation.
                        2. Drag the available handles to adjust the height and width of the ends.
                        box. Another
                        3. waySelect the Box tool again to setenter heightspecific Height and widthWidth isvalues.
                        by
                        4. taping onEnter the iconrequired again.
                        The heightmeasurements and width can be set by typing in the measurements according to your preference. Tapselect Set to hereapply youthem. can
                        5. Use the available options to adjust the lineLine widthWidth as well asor lock the shape.
                        shape in place.


                        Dotted Marker
                          1.
                          Tap onSelect the S icon (12.png) to getactivate athe dottedDotted marker,Marker tool, this tool helps draw a dotted                   annotation/space.
                          2. Tapping on it again lets you adjust the line width.

                           

                          Enclosed Shape

                          By

                          1. tapping onSelect the iconEnclosed belowShape (Gemini_Generated_Image_o0piqmo0piqmo0pi-removebg-preview.png) in the SOpen icon,Drawer.
                          2. Draw the required shape around the region of interest.
                          3. When you finish drawing, the tool will automatically connectconnects yourthe endpoint to yourthe starting point         with a straight line.
                          line, creating a closed shape.

                           

                          Rendering
                          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.

                          1000187600.png

                          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
                          ↷
                          Redo

                          Locate

                          👑 main character needs a title 👑(1).png
                          below the Undo option, it
                          It reverses the Undo command, reapplying the changes you just removed.
                          Erase

                          eraser.fill.png

                          Scroll

                          17.png
                          down and locate
                          the erase Icon in the tools drawer.
                          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

                          trash.fill(1).png

                          10.png
                          Instantly clears all current annotations, markings, and measurements from the live view or image.