Web Interfaces/Implementation Tab

Allows you to define general characteristics of your web interface

Table of Contents

Web Interfaces/Implementation Tab
- Main button bar
  - Open in test mode
  - Open launched process
- Implementation Tab

In a web interface, you can define one web page to launch a process and several web pages to be used within different manual tasks : a web page is called Screen within RunMyProcess Designer tool

Main button bar

save Save
Save your current web interface

save_as Save as
Duplicate your web interface

undo Undo
Revert to your last revision of web interface

RSS Feed
Display corresponding RSS feed of your web interface

link Copy url of the web interface (to add it to your favorite or to use it within your web site).

html_code Display html code to integrate your RunMyProcess web interface in your web site thanks to an iframe.

pill_go Variable
Allow you to display and filter widget according to its variable name within your web interface or custom widget used by your web interface.

Revision
Savings' revision of your web interface

package_link Attach/detach a web interface
Allows you to attach/detach your web interface to/from a project

package_unlink Attach a web interface
Allows you to attach your web interface to a project

This icon only appears if your web interface does not belong to a project. If your web interface does not belong to a project, you won't be able to save it.

package_go Open project
Open the current project that the web interface belongs to

Open in test mode

Open web interface in a new browser's tab. Preview function is currently only working for web page to launch a process

When your web interface is opened in test mode, a js and css tester is now included by default in a top section

Open launched process

Open process definition launched by your web interface

A web interface can only launch one process

Web interface access rights are defined in project Access rights Tab.

Implementation Tab

Name

Name of the web interface. Once save a web interface is available in Desktop/My applications according to Access rights of the project this web interface belongs to.

Description

Description of the web interface.

Type

Select the type of web interface.

Launchable web interface: you want to design with RunMyProcess designer tool your web interface to launch a process and your web interface to be displayed to a user within manual tasks of a process,
Process forms only: you only want to design with RunMyProcess designer tool web interface to be displayed to a user within manual tasks of a process. This web interface won't contain a screen to launch a process.
Custom widget: you only want to design a widget that can be re-used among other RunMyProcess web interface (see Custom Widget).

This type of applications won't be available in "Desktop/My applications" : they can't be run in a standalone mode.

In your Javascript code, so as to be sure to use local widget of your custom widget instead of widget of the web interface using your custom widget, you must add "RMP_this" suffix :

RMP_this.id_myvar.getValue();

Moreover in your Javascript code, so as to be sure to use local variables of your custom widget instead of variables of the web interface using your custom widget, you must add "RMP_this.variable" suffix :

[[RMP_this.variable.myvar]]

For variables, write :

RMP_this.variable.myvar_name

Icon

Allows you to assign an icon to your custom widget when used in another web interface . Icon image must have been downloaded on RunMyProcess server (see Desktop/Files).

Publish to the homepage

Allows you to choose if the web interface is an entry point of your applications and in which environment. More precisely, if checked and if the web interface is in a production version, it will appear in the My Applications list of the allowed users. This list is also used in the default Homepage.

Lastly "Publish to the homepage" can be used to distinguish Web applications from Mobile or Tablet applications, by making them appear on the homepage depending on the environment it is accessed from.

Dynamic Name

Using variables in this field can make the title of the web interface dynamic. The name of the web interface will then be computed at run time for each web interface launched (see Web interface reports).

Like dynamic label for launched process, you can use any variables that are available in your web interface launching screen : Order for ${name}

Text direction

Choose "Left to right" or "Right to left" according to your language.

Visibility

Choose "Private" if you want to authenticate the user who is opening your web interface and launching the process (with his RunMyProcess login/password or with Google Open Id or thanks to your SSO). Choose "Public" if you want your web interface to be public : process launched by this public web interface must be also public (see General Tab of a designed process).

A public web interface must use a Captcha widget.

If you want to design your own web interface (with your own designer tool) but you want them to be hosted by RunMyProcess, just use HTML widget in our designer tools and copy your code in it.

Display the Header

Allows you to configure the header and the menu bar of a Web Interface.

Favicon

Allows you to specify a favicon for your web interface

Allow observer comment

When checked, the observers (see access rights) of the instances will be allowed to add comments (see comment widget).

Thumbnail

Allows you to specify a thumbnail (small image) for your web interface. This image will be displayed in the default Homepage. You can either upload a new picture or use the predefined images (see categorized lists below).

General apps

RMP apps

Finance

Human resources

Marketing

Quality

Stock management

Other

Url of the image	Preview
`/style/images/help.png`
`/style/images/connector.png`
`/style/images/ez.png`
`/style/images/form.png`
`/style/images/i18n.png`
`/style/images/info.png`
`/style/images/monitoring.png`
`/style/images/parameters.png`
`/style/images/partner.png`
`/style/images/report.png`
`/style/images/rusers.png`
`/style/images/shopping.png`
`/style/images/tool.png`
`/style/images/user.png`
`/style/images/users.png`
`/style/images/community.png`
`/style/images/guide.png`
`/style/images/twitter.png`
`/style/images/support.png`

Url of the image	Preview
`/style/images/app/budget-blue.png`
`/style/images/app/budget-green.png`
`/style/images/app/builder.png`
`/style/images/app/delegation-blue.png`
`/style/images/app/delegation-green.png`
`/style/images/app/delegation-gray.png`
`/style/images/app/delegation-red.png`
`/style/images/app/discover.png`
`/style/images/app/guide.png`
`/style/images/app/ide.png`
`/style/images/app/project-blue.png`
`/style/images/app/project-green.png`
`/style/images/app/project-grey.png`
`/style/images/app/project-red.png`
`/style/images/app/report.png`
`/style/images/app/settings-blue.png`
`/style/images/app/settings-green.png`
`/style/images/app/settings-gray.png`
`/style/images/app/settings-red.png`
`/style/images/app/translator.png`
`/style/images/app/user-blue.png`
`/style/images/app/user-green.png`
`/style/images/app/user-grey.png`
`/style/images/app/user-red.png`
`/style/images/app/workload-blue.png`
`/style/images/app/workload-green.png`
`/style/images/app/workload-grey.png`
`/style/images/app/workload-red.png`
`/style/images/app/twitter.png`
`/style/images/app/forum.png`
`/style/images/app/support.png`

Url of the image	Preview
`/style/images/finance/cost-blue.png`
`/style/images/finance/cost-green.png`
`/style/images/finance/cost-grey.png`
`/style/images/finance/cost-red.png`
`/style/images/finance/expense-blue.png`
`/style/images/finance/expense-green.png`
`/style/images/finance/expense-grey.png`
`/style/images/finance/expense-red.png`
`/style/images/finance/invoice-blue.png`
`/style/images/finance/invoice-green.png`
`/style/images/finance/invoice-grey.png`
`/style/images/finance/invoice-red.png`
`/style/images/finance/purchase-blue.png`
`/style/images/finance/purchase-green.png`
`/style/images/finance/purchase-grey.png`
`/style/images/finance/purchase-red.png`
`/style/images/finance/supplier-blue.png`
`/style/images/finance/supplier-green.png`
`/style/images/finance/supplier-grey.png`
`/style/images/finance/supplier-red.png`

Url of the image	Preview
`/style/images/hr/boarding-blue.png`
`/style/images/hr/boarding-green.png`
`/style/images/hr/boarding-grey.png`
`/style/images/hr/boarding-red.png`
`/style/images/hr/holiday-blue.png`
`/style/images/hr/holiday-green.png`
`/style/images/hr/holiday-grey.png`
`/style/images/hr/holiday-red.png`
`/style/images/hr/recruitment-blue.png`
`/style/images/hr/recruitment-green.png`
`/style/images/hr/recruitment-grey.png`
`/style/images/hr/recruitment-red.png`
`/style/images/hr/trips-blue.png`
`/style/images/hr/trips-green.png`
`/style/images/hr/trips-grey.png`
`/style/images/hr/trips-red.png`

Url of the image	Preview
`/style/images/marketing/material-blue.png`
`/style/images/marketing/material-green.png`
`/style/images/marketing/material-grey.png`
`/style/images/marketing/material-red.png`
`/style/images/marketing/price-blue.png`
`/style/images/marketing/price-green.png`
`/style/images/marketing/price-grey.png`
`/style/images/marketing/price-red.png`
`/style/images/marketing/product-blue.png`
`/style/images/marketing/product-green.png`
`/style/images/marketing/product-grey.png`
`/style/images/marketing/provisioning-blue.png`
`/style/images/marketing/provisioning-green.png`
`/style/images/marketing/provisioning-grey.png`
`/style/images/marketing/provisioning-red.png`
`/style/images/marketing/registration-blue.png`
`/style/images/marketing/registration-green.png`
`/style/images/marketing/registration-grey.png`
`/style/images/marketing/registration-red.png`

Url of the image	Preview
`/style/images/quality/access-blue.png`
`/style/images/quality/access-green.png`
`/style/images/quality/access-grey.png`
`/style/images/quality/access-red.png`
`/style/images/quality/audit-blue.png`
`/style/images/quality/audit-dark-blue.png`
`/style/images/quality/audit-green.png`
`/style/images/quality/audit-grey.png`
`/style/images/quality/audit-red.png`
`/style/images/quality/database-blue.png`
`/style/images/quality/database-green.png`
`/style/images/quality/database-grey.png`
`/style/images/quality/database-red.png`
`/style/images/quality/fit2trade-blue.png`
`/style/images/quality/fit2trade-green.png`
`/style/images/quality/fit2trade-grey.png`
`/style/images/quality/fit2trade-red.png`
`/style/images/quality/incident-blue.png`
`/style/images/quality/incident-green.png`
`/style/images/quality/incident-grey.png`
`/style/images/quality/incident-red.png`
`/style/images/quality/ticketing-blue.png`
`/style/images/quality/ticketing-green.png`
`/style/images/quality/ticketing-grey.png`
`/style/images/quality/ticketing-red.png`

Url of the image	Preview
`/style/images/store/office-blue.png`
`/style/images/store/office-green.png`
`/style/images/store/office-grey.png`
`/style/images/store/office-red.png`
`/style/images/store/order-blue.png`
`/style/images/store/order-green.png`
`/style/images/store/order-grey.png`
`/style/images/store/order-red.png`
`/style/images/store/review-blue.png`
`/style/images/store/review-green.png`
`/style/images/store/review-grey.png`
`/style/images/store/review-red.png`

Url of the image	Preview
`/style/images/other/euro-blue.png`
`/style/images/other/euro-green.png`
`/style/images/other/euro-grey.png`
`/style/images/other/euro-red.png`
`/style/images/other/euro-light-blue.png`
`/style/images/other/idea-blue.png`
`/style/images/other/idea-green.png`
`/style/images/other/idea-grey.png`
`/style/images/other/idea-red.png`
`/style/images/other/idea-light-blue.png`