Tag: devices

Connect devices for Live preview

Connect devices for Live preview

As you develop your iiziApp, you can update and view instantly on connected devices with iiziRun Developer mobile app. In addition to the live updates in Design Editor, you can connect as many devices as you wish for viewing and testing your Java code, UI Components or any other app functionality as you develop.

Set up iiziServer for live development

To use the iiziServer included in iizi, minimal server configuration is required.

  • Choose the menu item ‘Run > Run configuration’, select and press  to create a ‘New Launch Configuration’.
  • Fill in the Name to e.g. iizi Development Server and enter the File name for the server configuration that is required.

When your iiziServer has been configured and is running in iiziGo:

  • Download iiziRun Developer from the App Store and Google Play for free.
  • Open iiziRun Developer to ‘Open a Panel’ or ‘Add application’.

Design viewer

Test your designs and code in real-time on any device. To access the iizi Design Viewer, click on  in the toolbar above the Design Editor for a desktop viewer and download the iiziRun Developer app for a phone and tablet viewer on a real device.

In iiziRun Developer:

  • Click ‘Open Panel’, then select ‘iiziGo instance’ or add your iiziGo by entering your DNS computer name and the default port 2800, make sure ‘Secure’ is off.

Choose the language and theme (for now, only iOS is available).

  • Enter the ‘address’ of the iiziGo machine. The ‘address’ can be either a DNS name (recommended) or an IP address.
  • Launch the app and see how the app simultaneously adapts when changes are made in iiziGo.
  

Tip: On the main screen of iiziRun Developer, you can choose another language for the panel to display, e.g. in Russian or Chinese (all texts are translated automatically without checking in the panels below).

 

If you see the little  sign next to the panel name, you can choose language to display in the opened panel (of course, this requires that you app is configured for multiple languages).

Tip: To quickly restart iiziRun Developer, touch the screen with 5 fingers at the same time, and you will get a message box about restarting.

Test your iiziApp live

After having created your iiziApp and configured the iiziServer – this will enable you to test your iiziApp in real-time and on any device to get a look and feel of the app.

    • Tap “Add Application”, then select ‘Server’ and tap ‘Add Server’.
    • Add your computer’s local IP or local network IP and type port 8080.
    • Click the blue ‘Save’ icon at the top.
    • Upon tapping ‘Application’, select your current iiziApp and click the blue “Save” icon.
    • Click on your iiziApp and select ‘Launch’.
    • Your iiziApp is ready to use!
  • Repeat the above process for any phone or tablet you wish to use for development and testing.
  
Adding a New Server, selecting Application, then the launched app, in this case ServerAdmin.

Again, use your 5 fingers and touch the display to restart iiziRun Developer if you wish to perform some other operation.

Create your iiziApp

Create your iiziApp

The iiziGo environment makes it possible to develop iiziApps from either the UI side-first, or the data provider-first, or Java code-first, or any combination of these techniques. Your iiziGo allows both mobile-first or desktop browser oriented development. UI designers and UX professionals can also use the iiziGo to create the user interface without programming expert skills.

Creating your first iiziApp

How to create iiziProfile wizard helps you to create the base for your first iiziApp.

 
The iiziGo project Quickstart followed by multi-language Text table for you project.
  • Enter your Project name.
  • Tick the device types you want: Phone, Tablet, Desktop.
  • If you wish to target multiple languages, leave the tick to ‘Create text tables with automatic translation’.
  • Choose the target languages by typing in the language code or by filtering the languages and click “Add”. The first language specified is the base language, i.e. the language you intend to use when you develop the application. When you use automatic translation, English (en) is recommended as Google Translate or Microsoft Azure Cognitive Service to translation gives the best result as it translates accurately.
  • Click “Finish” and you’re ready to go!

Creating a new iiziApp

  • Right click in Project Manager and choose ‘New > Project’.
  • Under ‘iizi’, choose to create a ‘New iizi Module Project’ in Quickstart mode.

Alternatively,

  • Choose in the main Eclipse Menu Bar ‘File > New’ or type Alt + f.
  • Select ‘New iizi Module Project’ in Quickstart mode.

After the New iizi Module Project Wizard is open, repeat the instructions as explained in the section above Creating your first iiziApp.

Module project and Project properties

Your new project is referred to as an iiziApp or/and iizi Module Project.

Your new iiziApp will appear in the iizi Explorer with the project’s folder structure already created for you.

Inside the VirtualSpaces folder you will find a default VirtualSpace named ‘mainVirtualSpace’.

The Panels package contains folders and a ‘mainPanel’ for each device: one for phone, tablet and desktop.

The iizi Explorer is used instead of the Eclipse Package Explorer because it is tailored for the iizi Platform. If you choose to enable additional connector plug-ins, there will be additional folders displayed in the iizi Explorer for the respective connector.

Application properties

By creating your new iiziApp through Quickstart, your project will have default initial-focus which indicates the Panel that will open first when your application launches.

  • Right-click your project and choose ‘Properties > iizi > App’ to find iiziApp Application Properties.
  • Further global application settings can be found at ‘Windows > Preferences > iizi’.
How iiziApps run on iizi Platform

How iiziApps run on iizi Platform

The iizi Platform allows immediate results on both desktop and the devices connected as you design and code your iiziApp. The optimal set-up in iiziGo gives you an immediate result in a web browser on both desktop and the devices connected to your development environment. In this way, the entire life cycle of your app can be previewed in the development stage.

The UI properties of your web application are mirrored using streaming between the server side and the client over a WebSocket. This connection is maintained during development, testing and exists between your server and client devices when your iiziApp is in the hands of your customers.

On the client side, your app is a web application with access to native capabilities for smart phones and tablet by means of the Cordova plug-in (formally PhoneGap).

Server and client on the iizi Platform

iiziApps operate browser-based web applications running on the server-side in association with the iiziRun app for mobile, downloaded by the end-user. All your application coding is done in Java on the server side. On smartphone and tablet devices, your iiziApp controls a hybrid application which is partly native – using the device functions directly – and partly a web application using HTML5 and JavaScript. This is achieved by iiziRun mobile app, the runtime app built on Apache Cordova, formally known as PhoneGap, tailored for use on the iizi Platform. Your version of iiziRun is customized to reflect the branding of your iiziApp business application.

iiziApps are streamed from the iiziServer to the client. The server side application requires an iiziServer that enables open communication through a web socket connection. There is constant and immediate communication between your server-side iiziApp and the end-user. It provides very fast communication protocol with low latency, meaning that the end-user gets data to and from the server instantaneously. If you are targeting desktop, no client-side app is necessary; on desktop systems, a pure web application interface is used through the installed browser.

iiziApps and clients

Focus driven iiziApps

The UI flow is governed by the focus in the iizi VirtualSpace and a Deployment of iiziApps to the end-user. This is done using the two focus engines built into AppGyro and ClientGyro. The focus model makes it possible to enable devices that are related to the user in question. The application could also continue to run off-line on the end-user device depending on how the iiziApp is designed. The off-line support is not yet available, but is planned.

When an end-user starts an iiziApp, a new client session is created in the server’s ClientGyro engine. The ClientGyro is then either starting a new AppGyro application session, or connected to an existing AppGyro application session of the same user. This enables an end-user to start an iiziApp from a phone or other device and then, even in parallel, pick up the same application session from a different phone, a tablet or a desktop system, or to start a new application session. The server and/or application is configured for parallel session support by default, but is optional and can be reconfigured either in the server or the iiziApp in question.

Deployment of iiziApps

Your iiziApp can consist of iiziModule projects and Java projects. It can also refer to libraries and directories containing Java code, both project-based and external. To run the application on an iiziServer, the iiziApp must be compiled into a Jar file. This compiled Jar file – the Application Distribution – is produced in the Application Distributor utility integrated into the iiziGo. The Application Distributor is also available as a stand-alone Java program that you can run from a batch file or build system such as Maven, Ant or Gradle.

Other technologies employed

The UI of your iiziApp uses Dojo Toolkit JavaScript framework for desktop and mobile. Although JavaScript is used on the end-user to run the iiziApp, the JavaScript and Dojo source code are hidden from the development process; all development is maintained in Java on the server side. The JavaScript source code of your components is not available to you. However, the skinning, sizing, positioning – and much more – are exposed as component properties in the Property Editor. When running in Eclipse, the iizi integration with Eclipse Data Tools Platform (DTP) is used, while the server uses a direct JDBC implementation.

An automatic translation engine using Microsoft Azure Cognitive Translation and/or Google Translate services is provided to speed up simultaneous development of the localized application for preparing a world-ready application. Select the source language for development and you get automatic foreign language translation in the background. You can view your UI design and data representation on any device, in any language, at any time. Your application’s text content, once translated automatically, can be flagged for verification by a translator or language specialist.

The iizi Platform Java API

The many methods exposed by the iizi Platform Java API are available to you through Eclipse’s Java code completion. The iizi Core and Plugin Libraries are not visible in the iizi Explorer, but only in the Eclipse Java Editor. For the complete iizi Platform Java API Specification see the iizi® Java API Specification – version 1.0.0 at https://support.iizi.co/downloads/javadoc/1.0.0/

Overview

Overview

iizi is the remaking of app: it is a unified platform to simplify application creation by targeting all devices and exploiting native mobile capabilities. The new technology provided by iizi mixes solid and sustainable Java code with mobile technologies to design and build web-oriented enterprise applications. The iizi Platform is the smart and quick way to make cross-platform applications, for small businesses to enterprises – it offers the best of traditional enterprise IT and emerging rapid IT. iizi is the “aPaas” – application Platform as a Service targeting any kind of businesses.

It offers the following key features:

  • Simplicity: one code for everything and all media/OS
  • Security: integrated data protection, everything is stored on servers, not on devices
  • Sustainability: adaptive applications for all current and future OS
  • Analytics: integrated Big Data analysis tool
  • Integration: apps ready to integrate existing systems to create great value

iizi integrates innovative features such as:

  • Streaming: any OS supporting the configuration can be used to run the server, serve multiple domains and provide streaming of multiple iiziApps
  • Communication: live share apps, “Share” and “Follow me”
  • Independence: free to choose its support
  • Spirit: simple and different, almost everybody can code
  • Kick back program: developers are rewarded for their contribution to iizi

The iizi Platform consists of iiziGo, an Eclipse-based IDE, a development version of the iiziServer, an iiziServer in the cloud or in-house, and one or more module projects called iiziApps. Your iiziApp can have multiple specialized UI designs making it possible to target different devices of varying capabilities, formats and languages. Your iiziApp is a data consumer application and is not intended to provide data to other systems, only to be used to stream itself to the end-user devices.

 

iiziGo – Development environment

The state-of-the-art development tool for building iiziApps is named iiziGo, a fully-fledged Eclipse Oxygen 4.7 IDE (or better) environment using Java SE 64-bit version 8 and later. iiziGo runs on 64-bit operating systems only: Microsoft Windows 7 (with IE 11) or better; a release for Linux GTK and macOS is scheduled for later. The development tool allows workflow from the iizi Explorer, Panel Editor tree, and Design Editor, including all familiar Eclipse integrated tools.

(IMG)

To access the iizi Design Viewer, click on  for a desktop viewer or download the iiziRun Developer app for a phone and tablet viewer on a real device (Android and iOS). Go to Google Play or App Store and search for “iizi Mindus”.

As a plugin, iiziGo is nested in the Java Core of Eclipse and is integrated in the editing, compiling, refactoring and searching of Java code. Changes in Java code are reflected immediately in the iizi Design Editor and Java code is automatically refactored for all iizi references.

Developping to the iizi VirtualSpace

Multi-device and cross-platform development are achieved in the iiziGo by developing to the iizi VirtualSpace: a unique concept to app development with the iizi Platform. This distinctive programming model offers multi directional data-binding by developing to the iizi VirtualSpace and its components, rather than coupling code directly to the UI. The resulting system is focus driven; changes on the end-user device will change focus in the VirtualSpace which, in term, controls the application flow.

Real-time on devices during development

The iizi Platform enables simultaneous development for all devices and platforms. The native capabilities of today’s tablets and smartphones are made available to your iiziApp web-based product through the free and customizable iiziRun mobile app downloaded to your end-user’s device.

Connect any target device to your iiziGo installation and observe how the iiziApp looks and behaves in real-time, both in the drag and drop UI design stage and when you write the application business logic in Java. You can even choose to see the application in one of the target languages as you design it in your original language.

Your iiziApp, which runs on the iiziServer, programmatically accesses the end-user’s mobile device functionality using iizi’s ClientGyro engine. In this way, device functions are extended to the server and application control.

Data providers and iiziServer

Data providers are plug-ins to iiziGo. Database and Web Services plug-ins are provided out-of-the-box, but new custom data providers can be created and added to the system as well.

The iiziServer runs stand-alone in a 64-bit Java SE 8 JDK (Java Development Kit) or better. There are two versions of the server; the Development iiziServer that runs not yet finished and/or completed iiziApp’s, and the Standard iiziServer used in production.

You can run your iiziServer in-house or in the cloud. The iiziServer is platform-independent, running on Linux, Windows, macOS, Mainframe, etc. – the choice is yours.

Social media & sharing icons powered by UltimatelySocial

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close