Creating Web & Mobile Apps: Infographic

Create_App_Infographic_Title1

Through a recent series of blog posts, we presented 5 basic steps for creating web and mobile applications using Omnis Studio. These steps include: creating the application file, setting up a connection to your database, creating a form for viewing your data, modifying and testing your form, and deploying your finished application. For an easy-to-follow recap, we’ve summarized the material visually in the infographic below.

More Information

The content presented here offers a general overview of the Omnis Studio application development process. For more detail, we encourage you to explore the Omnis website, technical notes and product documentation to learn more about the powerful features available in the Omnis Studio software environment.

A 90-day trial of Omnis Studio is a great place to begin your evaluation, register here to download. Check out the tutorial in the New Users section, which is accessible from the Welcome screen when you first start Omnis Studio.

 

Creating Web & Mobile Apps: Part 5

Creating_Web_Mobile_Apps_blog5

In this series of blog posts, we present the basic steps needed to create a web or mobile app using Omnis Studio. These steps include creating the application file, setting up a connection to your database, creating a form for viewing your data, modifying and testing your form, and finally in this blog post we explore the options you have for deploying your finished application. All these steps can be completed in Omnis Studio reasonably quickly and easily using the form templates and ready-made components.

Deploy your App to any device, on any platform

Omnis Studio applications that use the JavaScript Client can run on virtually any device including a desktop computer, laptop, tablet, smartphone or any other type of mobile device – as long as the device has a web browser, it can run your Omnis Studio app. The application itself is embedded into an HTML page and end users navigate to this web page to run your application. To create an Omnis web or mobile app, you create a Remote Form and it is this form or application window that is embedded into the web page (HTML page). Therefore to deploy your Omnis Studio application, you will need to present this web page to your end users, which requires you to setup a standard web server to host the HTML page containing your application. The web server can be IIS from Microsoft, an Apache server, or any other server capable of displaying HTML pages.

In addition to the web server, you will need to install and setup the Omnis App Server, which is the program that actually runs your Omnis Studio application – the same app (or library file) you have created in the Omnis Studio SDK. When you have finished developing and testing your Omnis Studio application, move the library to the Omnis App Server, open it, and keep it running in order for end users to access it on their desktop or mobile device via the HTML page. You will need to purchase the appropriate license for the Omnis App Server to run your web or mobile app. The type of Omnis Studio license you need depends on the number and type of client devices you anticipate using your application.

Going it alone -

Beyond the web deployment of your Omnis application, you can compile your Omnis Studio application into a standalone mobile app using one of the application wrappers we provide for iOS, Android, or BlackBerry (Windows coming soon). These applications can operate completely offline without any connection to the Omnis App Server. The advantage of this approach is that end users can install the application onto their mobile device and simply tap the icon to run it. In Online mode, users can reconnect to the Omnis Apps Server to synchronize their data and application content. For certain types of applications this may be a suitable approach. For most enterprises, end users can download the application from a central location. For consumer oriented apps, you can distribute your app via the Apple AppStore or Google Play (subject to the usual rules of the respective vendor).

 

Another major advantage of creating a standalone app is  access to the device hardware and software so you can use such services as GPS, SMS text messaging, or the on-device camera. This feature-rich functionality, provided by the Omnis JavaScript Client technology opens up many possibilities for your Omnis Studio applications to extend to new markets. For more information about creating standalone mobile apps using the wrappers, see ‘Building & Customizing Standalone Apps‘.

Whether you choose the web route or standalone route for your application, the latest Omnis Studio platform offers major technical and commercial advantages to you as an application developer. Build and deploy highly interactive web and mobile enterprise applications for Android, iOS, BlackBerry, and Windows based devices, all from one code base. The JavaScript Client technology in Omnis Studio achieves tighter integration with native device functionality, resulting in a richer and more engaging mobile experience for end users.

More Information

The content presented here offers a general overview of the Omnis Studio application development process. For more detail, we encourage you to explore the Omnis website, technical notes and product documentation to learn more about the powerful features available in the Omnis Studio software environment.

A 90-day trial of Omnis Studio is a great place to begin your evaluation, register here to download. Check out the tutorial in the New Users section which is accessible from the Welcome screen when you first start Omnis Studio.

Creating Web & Mobile Apps: Part 4

Creating_Web_Mobile_Apps_blog4

In this series of blog posts, we present the basic steps needed to create a web or mobile app using Omnis Studio. These steps include creating the application file, setting up a connection to your database, creating a form for viewing your data, modifying and testing your form, and finally deploying your finished application. All these steps can be completed in Omnis Studio reasonably quickly and easily using the form templates and ready-made components.

The Right Tools for the Job – Modifying your App

When you use the Remote Form wizard in Omnis Studio described in the previous part of this series, a JavaScript based remote form is created for you automatically based on the database and table structure you selected. You can test this remote form right away in your desktop browser directly from the Form Layout, or  further modify it using the design tools in the Omnis Studio IDE. The main tools you use to create and modify web and mobile forms are the Property Manager and Component Store.

When you design a web or mobile app in Omnis Studio you can drag components from the Component Store and drop them in place onto your remote form. When you use the Remote Form wizard, Omnis places the appropriate components on your form automatically so most of the work is done for you. Omnis Studio provides over 30 ready-made JavaScript based components including all the standard controls you would expect in a web or mobile app (text boxes, buttons, lists, tabs), together with richer controls including map, calendar, slider, pie, and bar chart. Many of these components have been featured in our JavaScript Component series on this blog.

Having placed a component on a remote form you can modify its properties and actions using the Property Manager. Select the object and the Property Manager will pop up automatically allowing you to change the object’s properties. Some of the properties are simple and straight forward, such as color, size, border, while other properties are more powerful and affect how the component will behave in the user interface, including properties to control events in the UI and data management tasks.

Test your Form in a Single Click – No Need for Compilers

Immediately after running the Remote Form wizard or when you have finished modifying your form, you can test your form right from within Omnis Studio without the need to compile your application. To test your form, right-click on it and select “Test Form”, or press Ctrl-T on Windows or press Cmnd-T on a Mac. Since Omnis Studio applications are HTML/JavaScript based, they will run in a standard web browser. While you are developing your app on your desktop PC or Mac, the test option will launch your app in the browser on your development computer. Omnis Studio creates a Test HTML page with your Remote Form already embedded and you will be able to view the data in the database connected to the form. (If you view the source of this page you will see how your app/remote form is embedded into the HTML page.)

You can try the same form on a tablet or smartphone, or for that matter, any device with a browser; assuming your device is connected to the same wireless network or LAN as your development PC or Mac that is running Omnis Studio and your app. Enter a Test URL into your device and your app will open on the device (you need to enter the test URL from your desktop browser into the browser on your mobile device, but replace the IP address and port number of your localhost with the exact IP address and port of your development computer).

To deploy your app to end users, use the HTML page Omnis Studio creates for you, or use the application wrappers we provide to embed your app into a standalone mobile app. We will cover this in the next and final part of this series.

Next: Deploying your application.

More Information

The content presented here offers a general overview of the Omnis Studio application development process. For more detail, we encourage you to explore the Omnis website, technical notes and product documentation to learn more about the powerful features available in the Omnis Studio software environment.

A 90-day trial version of Omnis Studio is a great place to begin your evaluation, and you can register here to download. Check out the tutorial in the New Users section which is accessible from the Welcome screen when you first start Omnis Studio.

Creating Web & Mobile Apps: Part 3

Creating_Web_Mobile_Apps_blog3

In this series of blog posts, we present the basic steps needed to create a web or mobile app using Omnis Studio. These steps include creating the application file, setting up a connection to your database, creating a form for viewing your data, modifying and testing your form, and finally deploying your finished application. All these steps can be completed in Omnis Studio reasonably quickly and easily using the form templates and ready-made components.

A window into your data

Apart from designing and creating the data structures in your application, another major task is to create the forms or layouts allowing end users to view and enter data, and overall interact with your application. In Omnis Studio, you can create forms from scratch and for more experienced developers this may be  the way to go. However, if you would like to step through and select what fields appear on the form, you can use one of the many form wizards available in Omnis Studio, which allow you to define all the necessary classes to get the results that you want.

Having created and opened a session to connect to your database as well as having created the necessary data classes by dragging your SQL tables onto your Omnis library (these tasks are described in the previous part), you are ready to create a form to view your data. Making sure your library is selected in the Library Browser and that your SQL session is open, click on the ‘Class Wizard’ option and then click on ‘Remote Form’, which will launch the SQL JavaScript Form wizard. 

In the form wizard you need to name your remote form, select or create a new remote task (this handles user connections automatically), and select the type of remote form you want: for single server tables the ‘One field per column’ type is fine. Next you choose the SQL schema class you created based on your server database and then select your SQL session. When you click on ‘Finish’ Omnis Studio will create the JavaScript based remote form automatically, ready for you to modify or test right away in your desktop browser – but that’s for next time.

Next: Modifying and testing a web or mobile form.

More Information

The content presented here offers a general overview of the Omnis Studio application development process. For more detail, we encourage you to explore the Omnis website, technical notes and product documentation to learn more about the powerful features available in the Omnis Studio software environment.

A 90-day trial version of Omnis Studio is a great place to begin your evaluation, and you can register here to download. Check out the tutorial in the New Users section which is accessible from the Welcome screen when you first start Omnis Studio.

Creating Web & Mobile Apps: Part 2

Creating_Web_Mobile_Apps_blog2

In this series of blog posts we will present the basic steps needed to create a web or mobile app using Omnis Studio. These steps include creating the application file, setting up a connection to your database, creating a form for viewing your data, modifying and testing your form, and finally deploying your finished application. All these steps can be completed in Omnis Studio reasonably quickly and easily using the form templates and ready-made components.

It’s all about data access

Before you start building your application, you’ll need to open a session to a SQL database – any serious enterprise application, whether it’s for the desktop or mobile devices will always require access to data. When it comes to connecting to data, one of Omnis’ many strengths is the number of disparate databases it can connect to. If you are new to Omnis, or if you don’t have immediate access to a database, the tutorial available from the Omnis Studio Welcome screen provides a ready-made database including sample data stored in a SQLite database file. Regardless of the database, you can follow the same path outlined here and in the tutorial to connect to your system’s database including Oracle, Sybase, DB2, MySQL, or some other data source connected via ODBC or JDBC – Omnis Studio connects easily to them all.

More about databases

The SQL Browser in Omnis Studio is the tool that you use during development to set up, modify and examine your database. Omnis Studio allows you to connect your application to all the leading databases mentioned above. A template is provided for each of these databases and you can create your own session based on these templates. You’ll be required to supply the logon details including the session name, the vendor name, the DB version, host name, username and password.

Having defined the session template, you’ll now select it and click on Open session. If the logon is successful you should see icons for the tables and views in your database. Drill down into the Tables section to view the tables in your database. Right-click on any table and select Show Data to display the live data — this option will open the Interactive SQL window and initially select all the records in that table in your database.

Once connected to your database you can map it to your Omnis library. Identify the table you want to connect your application to, drag it from the open session in the SQL Browser and drop it onto your Omnis library.

Omnis Studio will create all the necessary data structures (schema classes) in your library automatically, ready for you to build a web or mobile form and start modifying the user interface – but we will look at that stage in Part 3 of this series.

Next: Creating a web or mobile form using a wizard.

More Information

The content presented here offers a general overview of the Omnis Studio application development process. For more detail, we encourage you to explore the Omnis website, technical notes and product documentation to learn more about the powerful features available in the Omnis Studio software environment.

A 90-day trial version of Omnis Studio is a great place to begin your evaluation, and you can register here to download. Check out the tutorial in the New Users section which is accessible from the Welcome screen when you first start Omnis Studio.

Creating Web & Mobile Apps: Part 1

Creating_Web_Mobile_Apps_blog1Title

In this series of blog posts we will present the basic steps needed to create a web or mobile app using Omnis Studio. These steps include creating the application file, setting up a connection to your database, creating a form for viewing your data, modifying and testing your form, and finally deploying your finished application. All these steps can be completed in Omnis Studio reasonably quickly and easily using the form templates and ready-made components.

JavaScript Remote Form Advantages

  • Based on ‘universal’ standards
  • No special client installation required, deploy to virtually any device and any platform
  • More flexible deployment opportunities
  • More extensible
  • Knowledge of HTML5, CSS3 and JavaScript libraries is not required

Get Started

The content presented below offers a general overview of the Omnis Studio application development process. For more detail, we encourage you to explore the Omnis website, technical notes and product documentation to learn more about the powerful features available in the Omnis Studio software environment.

A 90-day trial version of Omnis Studio is a great place to begin your evaluation, and you can register here to download. Check out the tutorial in the New Users section which is accessible from the Welcome screen when you first start Omnis Studio.

Create an app

To create an enterprise web or mobile app in Omnis Studio you first need to download and launch the Omnis Studio SDK which is the development environment version of the product. The Omnis SDK contains all the tools, templates and JavaScript Components that you need to build an application. The Omnis SDK provides functionality allowing you to test your application in your web browser, real-time, without having to compile your app.

The starting point for your Omnis application is an Omnis library. A library file stores all the web and mobile forms, data structures, and business logic (Omnis code methods) in your application. You can manage your Omnis libraries in the Omnis Studio browser, or if you are working in a team you may want to use the Omnis VCS. Initially, your library will be empty except for a few system classes.

Create a form

The main job of application design is to create the business logic to run your application and design the user interface. Almost all applications will also involve data which must be stored, retrieved and managed correctly. If the user interface is to be deployed to web or mobile devices then you have to create a remote form in Omnis Studio. You can do this from scratch and easily drag-and-drop ready-made JavaScript Components onto your form. Alternatively, you can use one of the form wizards that will build your remote form for you automatically, and save you a lot of time. However, before you run the remote form wizard you need to create and open a session to your database – we will discuss this in Part 2 of this blog series.

Next: Creating a database session, and easily browsing your data.