forio Toggle navigation

QuickStart

This example outlines how to make your own project.

More details on each step, as well as some information on the key concepts behind Epicenter, are included as reference links. You can also find them in the navigation on the left.

Step 1: Create a Personal Project

  • From the Dashboard, select Create a New Project.
  • Select to make your own project, or use an example. Example projects are available in each of our supported modeling languages, and each example includes a basic user interface.
  • Enter the Project Name.
  • Enter the Project ID.
  • Select the project's Access.

More information: Project Administration.

Step 2: Write your Model

More information: Writing your Model.

Step 3: Create your User Interface

You can create your project's user interface using the built-in Interface Builder. This point-and-click tool lets you use templates to build your UI, and generates HTML files.

You can also create your project's user interface by writing it directly, either within the Epicenter UI, or by uploading files.

  • For the layout and user interactions, you can write in HTML.
  • A big part of the work in creating an interactive web application with Epicenter is ensuring that your user interface and your model are connected: user inputs are written to model variables, model variables are read by the interface, and operations in the model are called from the interface at appropriate times. Epicenter provides several different APIs, at different levels of abstraction, for you to choose from for this work.

In each case, all of the resources that make up the user interface of your project are stored in the Interface section of your project. This includes JavaScript, HTML, stylesheets, images, and other files that make up your UI.

More information: Creating your User Interface, Interface Builder.

See an example:

  • Within this documentation: Read through sample project code written at different levels of this stack to see which interfaces make the most sense for you and your project.
  • Within Epicenter: Create your project (Step 1 above) using an example, and review the code provided there.

Step 4: Share with the World

No project is complete until it has users!

  • Personal projects with an Access of Public are available to anyone at forio.com/app/your-user-id/project-id.
  • Personal projects with an Access of Private are also available at forio.com/app/your-user-id/project-id, however, only you can access them.
  • Team projects, available at forio.com/app/your-team-id/project-id, have several access options available.

More information: Updating Project Settings.

Step 5: What next? Teamwork!

A personal project is fairly limited, both in terms of project development and project access.

To get the most out of Epicenter, consider using Teams.

It takes a diverse set of skills to produce a professional analytics application or training simulation. Team members collaborate to bring an application to life: JavaScript developers, data scientists, user interface designers, QA testers, technical support representatives, and clients.

Team members each have an Epicenter account (so can create their own personal projects), and can collaborate on projects based on the Subscription Plan selected. For example, a Medium Team can create and host 5 projects.

Additionally, team projects are not limited to Access levels of Public or Private. An Authenticated project is accessible only by end users that you and your team members create and organize into groups specific to each project. These end users can play with your project through the interface you create, but do not have project authoring privileges.

More information: Team Administration, Groups and End Users.