(r11) XeoPrimerStudioIntroduction < WebXEO

WebXEO Web>XeoPrimer>XeoPrimerStudioIntroduction (revision 11) (raw view)~~EditAttach~~
- Main.PedroRio - 15 Dec 2010
---+ XEO Studio

XEO Studio is a plugin to the popular Java IDE [[http://www.eclipse.org][Eclipse]] and is the preferred development environment for a XEO Application. The XEO Studio plugin automates several tasks when developing a XEO application, such as configuring the database connection, upgrading to a newer version of the XEO Framework, creating XEO Models (and Viewers). You can <a target="_blank" href="https://sourceforge.net/projects/xeoframework/files/XEO%20Studio/">download the latest XEO Studio</a> version at our [[http://sourceforge.net/projects/xeoframework/][Source Forge page]]
---+++++ Installing XEO Studio

First you should download the Eclipse for <a target="_blank" href="http://www.eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/heliossr2">Java EE Developers from the Eclipse Download page</a>.

To install the XEO Studio plugin just *copy the XEOStudio.jar to the Eclipse plugins* *folder* and start/restart Eclipse. *A JDK6 must also be installed* to create a XEO Application.

Note: The XEO Studio.jar file comes bundled with a release of the XEO Framework, however not every XEO Framework release originates a XEO Studio release, so do download the latest stable release.
---+++++ Configuring MySQL

In order to use the MySQL database (version 5.0+ required) to create a XEO Application you need to set a few properties in the MySQL configuration file (my.ini / my.cnf, depending on the operating System), namely:

You should have the ANSI_QUOTES property added to the sql_mode variable, such as the following (in the [<em>mysqld</em>] section):
<verbatim>sql-mode="STRICT_TRANS_TABLES,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION,ANSI_QUOTES"</verbatim>

You should also add the following to your mysql configuration (in the [<em>mysqld</em>] and [<em>mysqld_safe</em>]
<verbatim>lower_case_table_names = 1</verbatim>

XEO uses the InnoDB storage engine when creating tables, as such you should make sure that InnoDB is you default storage engine, you can do that by adding the following line:
<verbatim>default-storage-engine=INNODB</verbatim>

Save the configuration file and restart MySQL.
---+++++ Creating a new Project

To create a new XEO Project, go to the "File" menu and select "XEO Project" from the selection menu, as depicted in figure XStudio.1

<img width="800" alt="XEO Studio Project Creation" src="http://wiki.itds.pt/pub/WebXEO/XeoPrimerStudioIntroduction/NewProjectWizard.png" title="XEO Studio Project Creation" height="477" />

__Figure XStudio.1 - New XEO Project creation wizard in XEO Studio__

Next, you'll be presented with the screen to choose the name of the project, as depicted in figure XStudio.2. Write "XEOLibrary" as the project name and press next. __(Project Names cannot have spaces, i.e. "XEO Library" is not a valid name, but "XEO_Library" or "XEOLibrary" are)__.

<img width="800" alt="NPWProjectName.png" src="http://wiki.itds.pt/pub/WebXEO/XeoPrimerStudioIntroduction/NPWProjectName.png" title="NPWProjectName.png" height="481" />

__Figure XStudio.2 - Project name in new XEO Project Wizard__

In the next screen, depicted in figure XStudio.3 you need to choose the version of the XEO Framework to create the project with (XStudio.3 label 1), and for that you can use the default version bundled with XEO Studio, or choose the XEOCore.xar (more information about _.xar_ files in the following sections) from the file system. (The XEOMeta option is not currently implemented).

Next, you need to choose the J2EE Application Server (XStudio.3 label 2), currently only [[http://www.oracle.com/technetwork/middleware/ias/index-084865.html][Oracle's OC4J]] and [[http://www.jboss.org/jbossas][JBoss]] are supported directly in XEO Studio for development, but XEO will work with any compliant J2EE server.

In label 3 and 4, (Figure XStudio.3) you choose the web context root for your web application and the port for you application. If you write _xeo/8888_ in the fields (respectively), your application will be accessible at http://localhost:8888/xeo.

<img width="570" alt="XEO Studio WebApp" src="http://wiki.itds.pt/pub/WebXEO/XeoPrimerStudioIntroduction/NPWWebApp.png" title="XEO Studio WebApp" height="699" />

__Figure XStudio.3 - XEO Framework version and WebApplication/WebServer definition__

By pressing the <em>Next </em>button you'll be taken to the Database Configuration screen (depicted in Figure XStudio.4, bellow). The database configuration screen allows to choose on the supported databases (currently, Oracle 9i+, MySQL 5.1+ or MS SQL Server 2005+, see label 1 of the figure - Oracle and SQL Server only in XEO Enterprise version) and then fill the required connection information as well as user credentials. When connecting the XEO application to a database you can create a new user or reuse an existing one (MS SQL Server is the exception, you can only reuse an existing user), in label 2 of the figure there's a checkbox which allows to create a new database user (if it's unchecked it'll use the credentials of an existing user [fields bellow label 4]). Label 3 in the figure is the area where connection parameters are defined, the host where the database is located, the port and, in Oracle's case, the SID (if it were MySQL it would be the database name)

The XEO Database User Settings (label 4 in the figure) allow you to input your database user credentials (with Oracle's database you'll also need the Tablespace and the Temporary Tablespace).

<img width="569" alt="Project Database Definitions" src="http://wiki.itds.pt/pub/WebXEO/XeoPrimerStudioIntroduction/NPWDatabase.png" title="Project Database Definitions" height="700" />

__Figure XStudio.4 - Database Definitions__

When all values are filled you need to press the "Test Settings" button (label 5, in figure XStudio.4) to check if everything is correct. If no problems occur the "Finish" button will become active so that the project can be created. A small message will appear at the top of the screen if everything is ok (see Figure XStudio.5). If anything is wrong, a popup with the error message will appear, describing the error. Pressing the "Finish" button will create the project in your workspace.

<img width="571" alt="Database Settings OK" src="http://wiki.itds.pt/pub/WebXEO/XeoPrimerStudioIntroduction/NPWDatabaseOK.png" title="Database Settings OK" height="695" />

__Figure XStudio.5 - Database Connection OK__

When the wizard finishes, we can launch/deploy the project directly from Eclipse, because XEO Studio added a Degug/Run Launch Configuration to Eclipse for the project, as seen in Figure XStudio.5a. Open the "Debug Configurations" menu and select the newly created configuration. Eclipse will deploy the application in the application server (in this case, OC4J). <a name="launch"></a>

<img width="1167" alt="Launch Project" src="http://wiki.itds.pt/pub/WebXEO/XeoPrimerStudioIntroduction/LaunchProject.png" title="Launch Project" height="554" />

__Figure XStudio.5a - Debug Configuration Menu after XEO Project creation__

When the project is deployed, you should see in Eclipse's console the message: "<em>Oracle Containers for J2EE 10g (10.1.3.3.0) initialized</em>". As depicted in figure XStudio.5b

<img width="1084" alt="Project Deployed in Console" src="http://wiki.itds.pt/pub/WebXEO/XeoPrimerStudioIntroduction/ProjectDeployedConsole.png" title="Project Deployed in Console" height="253" />

__Figure XStudio.5b - Console message when a XEO Project is deployed in the application server__

After this, open your web browser and point it to http://localhost:8888/xeo/Login.xvw. Since it's the first time the project is deployed the XEO Builder will kick-in an make the initial build (see [[WebXEO.XeoPrimerConcepts#builder][XEO Builder]]).

<img width="1275" alt="Xeo Builder" src="http://wiki.itds.pt/pub/WebXEO/XeoPrimerStudioIntroduction/XeoBuilder.png" title="Xeo Builder" height="458" />

__Figure XStudio.5c - XEO Builder after project creation__

The Build process is relatively quick in a new project (varies depending on database, Oracle is faster than MySQL) but depends on the number of XEO Models, because each XEO Model has to be converted to a Java class, compiled and then the database tables must be created/altered. *This is done only the first time the project is created, when you add another XEO Model to your project only that Model will go through these steps (unless you force a complete build)*. When the XEO Builder finishes you'll be taken to the Login page (Login.xvw), use the default system username SYSUSER/ABC. It will redirect you to the _Main_admin.xvw_ Viewer (see figure XStudio.5d bellow) where you can manage your XEO Application (from an Administrator's point of view), it will automatically open a tab with some statistics about your application.

<img width="900" alt="XEO Main Admin Viewer" src="http://wiki.itds.pt/pub/WebXEO/XeoPrimerStudioIntroduction/MainAdmin.png" title="XEO Main Admin Viewer" height="436" />

__Figure XStudio.5d - XEO Application Admin Viewer__

At this point your application is up an running and you could start creating new XEO Models and Viewers. Next you'll learn how a XEO Project is organized.
---+++++ Understanding the structure of XEO Project

Every XEO Application has the same structure (in terms of files/folders), depicted in figure XStudio.6, to allow XEO Studio to recognize each folder and put xeo models/viewers and XEO related files in their right places. The structure (following the labels in figure XStudio.6) is as follows:

   1 Src - Java source code (your code goes in here, just like a regular Java Project).
   1 J2EE Libs, Modules, Module Libs - Where all the Jars that are required from XEO Core System and XEO Modules are placed.
   1 bodef - The folder where XEO Packages (which will contain XEO Models) are placed, includes a packages.xeodesc file with descriptions of each XEO Package.
   1 A XEO Package, each XEO Package can have any number of XEO Models, it can also have XEO Sub-Packages.
   1 XEO Lovs (List of values) - XEO Packages can store not only XEO Models, but also static lists of values which can be reused by the Models to declare the possible values of a given attribute, these are files have the *.xeolov extension.
   1 uidef/default - Default Profiles for the application, which will be discussed further in the documentation. Users in a XEO application can have profiles which may be used to restrict their actions. Files in this folder contain definitions of profiles to be created by the XEO Builder.
   1 Default web app - All your web resources (including *.xvw files [Viewers]) go in here.

<img width="360" alt="XEO Project Structure" src="http://wiki.itds.pt/pub/WebXEO/XeoPrimerStudioIntroduction/ProjectStructure.png" title="XEO Project Structure" height="810" />

__Figure XStudio.6 - XEO Project Structure__

Inside the <em>bodef </em>folder is where all XEO Models are placed (both the XEO Models that are provided by the XEO framework as well as the XEO Models specifically created for your application). XEO's System Packages include the following (details on important Object Models bundled with the framework will be explained as needed throughout the documentation:

   * SYSTEM$1.0
   * XEODOC$2.0
   * XEOUSERINTERFACE$1.0
   * XWC$1.0

__Why the $1.0/$2.0 in the package name?__

Historic reasons: The main purpose of those values is to help developers knowing the version of the package being used. In a long-term XEO application (and with the framework itself) packages undergo changes and maintenance and those changes are significant enough the version of the package may warrant a change.

It's only a convention and does not affect the behavior of the platform.
---+++++ XEO *.xar files

A XAR (Xeo ARchive) file is basically a container for XEO Projects (including the XEO Framework itself). The XEO framework is distributed inside a XAR file and you can also export a XEO Project as a XAR file and import that Project in another XEO Studio instance. XEO Modules are also installed (and distributed) using XAR files.
---+++++ XEO Builder Integration with XEO Studio.

As explained in the [[WebXEO.XeoPrimerConcepts#builder][XEO Concepts section]], at the heart of XEO is the Builder, which deals with the convertion of XEO Models to Java classes and Databases tables, their constraints, indexes, etc. XEO Studio has a direct connection to the Builder, which means each time a XEO Model is saved in XEO Studio, the Builder is invoked (the Builder knows which Models were changed since the last build). The process is depicted in figure XStudio7.a which shows what happens when a given XEO Model is saved.

<img width="1066" alt="XEO Studio Invoking the Builder" src="http://wiki.itds.pt/pub/WebXEO/XeoPrimerStudioIntroduction/XEOStudioBuilder1.png" title="XEO Studio Invoking the Builder" height="404" />

__Figure XStudio7.a - XEO Studio invoking the XEO Builder after a XEO Model is saved__

XEO Studio also registers in the console when the build started and when the build ended, as depicted in figure XStudio7.b.

<img width="664" alt="XEO Studio Builder" src="http://wiki.itds.pt/pub/WebXEO/XeoPrimerStudioIntroduction/XEOStudioBuilder2.png" title="XEO Studio Builder" height="183" />

__Figure XStudio7.b - XEO Studio output to the console of the build status__

_
---+++++ XEO Builder inside a XEO Application

The XEO Builder is also available within every XEO application, you just need to go the _builderApplet_ (http://localhost:8888/xeo/builderApplet.jsp) or login with SYSUSER/ABC with the "admin" profile (when you start a new project only this profile exists) and then find the <em>XEO Model Builder </em>entry in the menu. The _builderApplet_ is depicted in figure XStudio.8, in which you can choose which operations should be executed in that build operation.

<img width="1068" alt="Builder Applet" src="http://wiki.itds.pt/pub/WebXEO/XeoPrimerStudioIntroduction/XEOModelBuilderApplet.png" title="Builder Applet" height="353" />
---++++ Next

In the [[WebXEO.XeoPrimerObjectModelling][next section you'll start by modelling the first Library XEO Model]], and then proceed to the rest of the Models.

---+++++
Attachments
Topic attachments
I	Attachment	Action	Size	Date	Who	Comment
png	NPWDatabase.png	manage	17.1 K	2010-12-15 - 15:31	PedroRio
png	NPWDatabaseOK.png	manage	17.2 K	2010-12-15 - 15:48	PedroRio
png	NPWProjectName.png	manage	24.7 K	2010-12-15 - 14:33	PedroRio
png	NPWWebApp.png	manage	18.1 K	2010-12-15 - 14:41	PedroRio
png	NewProjectWizard.png	manage	28.2 K	2010-12-15 - 14:27	PedroRio	XEO Studio Project
png	ProjectStructure.png	manage	17.5 K	2010-12-15 - 16:22	PedroRio	XEO Project Structure
png	XeoBuilder.png	manage	32.2 K	2010-12-15 - 17:22	PedroRio
png	LaunchProject.png	manage	18.8 K	2010-12-16 - 08:29	PedroRio
png	MainAdmin.png	manage	37.0 K	2010-12-16 - 09:16	PedroRio
png	ProjectDeployedConsole.png	manage	15.3 K	2010-12-16 - 08:47	PedroRio
png	XEOModelBuilderApplet.png	manage	6.1 K	2010-12-16 - 14:47	PedroRio
png	XEOStudioBuilder1.png	manage	25.4 K	2010-12-16 - 11:58	PedroRio
png	XEOStudioBuilder2.png	manage	10.1 K	2010-12-16 - 12:00	PedroRio
Topic revision: r11 - 2011-05-05 - PedroRio
No permission to view TWiki.WebTopBar
No permission to view TWiki.WebBottomBar