Esoteric Framework

Creating your first application

Abstract

This tutorial will teach you how to set up the environment and create your first application.

Introduction

Start by downloading the latest version of the framework in the download section. Unzip the content of the file where you would like to create your first application.

The directory contains 4 files listed below.

• application.xml, which stores the XML code of the application
• index.html, which is used to embed the framework and the application
• Esoteric.swf, which is the Flash file containing the framework
• swfobject.js, which is the JavaScript library used to embed the application

The file application.xml is the one you need to edit in order to develop your application. You can view the result by opening/reloading index.html in your web browser. In some cases you might have to clear your browser's cache before seeing the result after making changes to your application.

Hello, World!

Now that everything is setup, it's time to create your first application. Edit application.xml and replace its content with the source code provided below. It will simply create a text field containing the words `Hello, World!`.

Source Code

<Application>
	<TextField width="200" height="40" size="32">Hello, World!</TextField>
</Application>

Result

Conclusion

Congratulations, you've just created your first application! Save it, and open/reload index.html in your web browser. The words `Hello, World!` should appear.

OK, maybe it wasn't the most exiting thing ever, but now you've learned how to setup a new application. And it was pretty easy, wasn't it?