Getting started

Getting Started.

Welcome on Ouistee, here it is a little quick start to help you discovering the Ouistee’s main philosophy.

1) The first time you open Ouistee, you find a Welcome panel, inviting you to create a first collection, by clicking on the « + add a new collection » (menu bar). You can add as many collections as you want.


Definition | Collection : this is a Ouistee project. Create a collection for each kind of data you want to store : recipes, DVDs, animals…


Once created, your collection appears in your dashboard. Click one time on it, all the informations for the selected collection will be displayed into the right panel : 

  • Name : edit here the name of the collection
  • Description : add whatever you want here
  • Open in data mode (let it uncheck for now)
  • Button « Use this collection »


Definition | Dashboard : the main screen where your collection’s list appears.


2) Working on your collection structure.

You can double click on a collection to open it, or click on « Use this Collection » button in the right panel. You are now in the Workspace and ready to work on the collection structure.


Definition | Element : A User interface element : textfield, date picker, table, image… 

Definition | Structure : Define the elements that you collection needs : for a recipe, you will need a « title » for the name, a table for the ingredients...

Definition | Workspace : The place where you can update the collection’s structure by dropping UI elements.


You are invited to drop elements to compose the structure of your collection. The question at this step is :

- What kind of UI element do i need to enter the data i want to store ?

As a exemple, i’m working on a recipe collection i will need :

  • A « text » for the name of my recipe.
  • A « list » for the ingredients
  • A « text » to write the description
  • A « number » to enter the cook time
  • ...

Now you have the response, all you have to do is to find the Element that can best fit the requirements:

  • Element Title for the name
  • Element list for the ingredients
  • Element Text for the description
  • Element « number with label » for the cook time
  • ...

All you have to do now is to select the Elements from the list, you can order them has you want, all the Elements are ordered into a one or two columns (using the towColumns Element) layout.


3) Enter your first data

Now your structure is ready, it’s time to enter your data ! Click on « Done » on the top right of the menu bar. You are entering the « data mode ». At this step you do not have any data, so just start to populate the Elements. At the first validation (when you leave a textfield for exemple) your first card will be memorized.


Definition | Card : This is an item of your collection (for a recipes book this is a recipe). Your project is a collection of cards. 


Now on the top of the card you have a + button that allow you to add a new card. Once you have several cards, you are able to navigate from a card to another thanks to the arrow and the slider, on the top of the cards.

You can also browse your data by list, just by clicking on the « View By List » Button.


Enjoy !