# Designer

The Stadium Designer is a Windows desktop application that lets you design and generate professional web applications in minutes.

***

{% embed url="<https://www.youtube.com/embed/CkTHcosSJVc?autoplay=1&rel=0&vq=1080>" %}
*Create a basic application*
{% endembed %}

### Design complete applications

Data-driven web applications have 3 main objectives:

1. Connect to data sources.
2. Present (display) data in a visually appealing and user friendly way.
3. Enable users to perform specific actions on data.

This is how Stadium helps you design *complete* applications:

1. [Data](https://docs.stadium.software/design-applications#data)
2. [Presentation](https://docs.stadium.software/design-applications#presentation)
3. [User Interaction](https://docs.stadium.software/design-applications#user-interaction)

***

{% embed url="<https://www.youtube.com/embed/hKWUleH12Fo?autoplay=1&rel=0&vq=1080>" %}
*Create a basic data-driven application*
{% endembed %}

### Design applications fast

A typical design process:

1. Connect to your data\
   Add a [*Connector*](https://docs.stadium.software/connectors) and queries or functions to retrieve data from a database, web service or file.
2. Design how you want to present your data\
   Add [*Pages*](https://docs.stadium.software/features/pages) to your application, then drag-and-drop [controls](https://docs.stadium.software/controls) (labels, textboxes, data grids, drop-downs and other form fields) onto your pages.

{% embed url="<https://www.youtube.com/embed/mOe3ucwYOAE?autoplay=1&rel=0&vq=1080>" %}
Create a basic data-driven application (part 2)
{% endembed %}

3. Assign the data to your controls\
   Create[ event handlers](https://docs.stadium.software/features/scripts-and-event-handlers) consisting of scripts, [actions](https://docs.stadium.software/actions), [queries](https://docs.stadium.software/connectors) or [web-service-connector](https://docs.stadium.software/connectors/web-service-connector "mention") that will assign data to your controls when specific events are triggered, e.g. when a page loads (event), the event handler could include a SQL query and a [SetValue](https://docs.stadium.software/actions/set-value) action to assign data to a textbox control.
4. Add functionality for users to interact with your data\
   Create event handlers consisting of [*Scripts*](https://docs.stadium.software/features/scripts-and-event-handlers), actions, queries or functions that will execute when specific events are triggered by users, e.g. when a user clicks a button, the event handler could include a SQL query to insert form field values into a database.