Skip to main content

Modifying Content in the Gesture Interface

Modifying Content in the Gesture Interface

Step 1: Navigate to the Gesture-Interface Folder

  1. Open your ownCloud server: Access your ownCloud server through your web browser or ownCloud client.
  2. Locate and open the Gesture-Interface folder: This folder is the main directory where your content is organized.

Step 2: Understand the Example Folder Structure

  1. Inside the Gesture-Interface folder, find the Example folder. This folder serves as a template for structuring your content.
  2. Contents of the Example folder:
    • JSON file: The JSON file contains metadata for the images. Here's the format: 
      {
    "left": {
        "title": "Example Image 1",
        "caption": "Lorem ipsum odor amet, consectetuer adipiscing elit. Eget finibus eget vel ullamcorper vel massa potenti amet. Fringilla morbi efficitur neque malesuada lectus lobortis. Adipiscing tempus orci amet dis; tortor diam maximus lacus ultrices."
    },
    "right": {
        "title": "Example Image 2",
        "caption": "Lorem ipsum odor amet, consectetuer adipiscing elit. Pretium sed pharetra egestas vivamus lectus nulla fusce arcu. Mattis aenean viverra, curabitur vivamus eu netus. Sollicitudin ligula posuere quisque varius habitasse mi habitant. Suspendisse neque ipsum ullamcorper ipsum dignissim taciti sodales."
    }
}
    • Photos: Two images named Left and Right in JPG or PNG format.

Step 3: Navigate to the Runtime Folder

  1. Inside the Gesture-Interface folder, find the Runtime folder: This folder contains subfolders with different names but similar structure to the Example folder.

Step 4: Create a New Folder in Runtime

  1. Inside the Runtime folder, create a new folder: Name this folder according to your project or content.

Step 5: Add JSON File to the New Folder

  1. Create a JSON file: In the newly created folder, create a JSON file with the same format as the one in the Example folder.
  2. Example JSON file format: 
    {
    "left": {
        "title": "Your Image Title 1",
        "caption": "Your caption for the left image."
    },
    "right": {
        "title": "Your Image Title 2",
        "caption": "Your caption for the right image."
    }
}
  3. Details:
    • Title: Provide a descriptive title for each image.
    • Caption: Write a detailed caption that explains or describes the image.

Step 6: Add Photos to the New Folder

  1. Add two photos: Name the photos Left and Right in JPG or PNG format.
  2. Ensure proper naming: The names should match exactly (Left and Right) to ensure the JSON file references them correctly.

Step 7: Verify the Structure

  1. Check the new folder: Ensure the new folder in Runtime has the following structure:
    • JSON file: Verify the JSON file is correctly formatted and contains the necessary metadata.
    • Photos: Ensure the photos named Left and Right are present and correctly named.

Step 8: Repeat for Other Folders

  1. Repeat steps 4 to 7: For any other folders you need to create in the Runtime folder, follow the same steps to ensure consistency.
Back to top