Metayota Editor

Features

• Fully Programmable Full-Stack ComponentsA full-stack component uses the Metayota HTML Engine (JavaScript), the Metayota PHP Engine, and is defined with the Metayota Editor. It has many advantages to use Metayota for the entire stack.
• Program Web ApplicationsCreate powerful web applications with PHP, MySQL, HTML, JavaScript, CSS, etc. / Archive your changes to see them in the history / define the dependencies
• Manage Your AppCreate to-do's, outsource tasks, document and describe your software, manage access to resources, ...
• Test and Use ResourcesUse the tools from Metayota to update your applications and to test all components individually!
• DesignUse your existing components to create a new design or component!
• Other SoftwareThe framework could execute any type of code on the machine or call scripts. It has a plugin to compile Java, C, C++, etc.

Here you find an easy overview of all functions the software provides for you.

A: Metayota menu (blue)

In this menu, you find general settings and management functions for your account and server.

• Server

  Choose the currently connected server, add new servers or update existing servers.

• Tasks

  See your own outsourced work, work on tasks to earn money, approve and test work.

• Account

  See and update your account details like your mail address, password, coins (1 coin = 1 USD), etc.

• Skills

  Please check all the skills, where you have some knowledge. With these we can optimize the tasks we offer you, to earn money.

• Documentation
  Learn everything you need to know to work with our products. Including help for creating dynamic internet sites with the HTML engine, how to get data from the database, how to use the Metayota Editor, and much more.

• Buy coins

  Get coins to buy new servers, upgrade your servers or outsource work.

• Help Mode

  All forms in the editor display additional help text below the input fields.

• Logout

  Logout from the editor.

B:

resource menu

In the resource menu, you find all the functions to manage your resources, like adding, deleting, submitting, searching, and archiving resources.

• Add Resource...
  Add a resource to your server. A resource can be anything like
  • Tag (HTML, CSS, JavaScript, PHP, ...)
    A tag is a package which can contain a custom HTML tag (which is described in the HTML engine tutorial) but can also contain PHP to deliver data to your tag.
  • Web service
    A web service is just a PHP file, that can for example deliver data from a database.
  • HTML Tag
    An HTML tag is a definition (documentation) of a standard HTML tag or a tag that is programmed in another framework, like Angular.
  • Object (definition)
    An object is a generic resource, which can be used to define data used for a form, for example.
  • Database table
    You can define here a database table and automatically create this on your database. You can manage who can add, edit or delete data from this database.
  • Validator
    A validator is a type to introduce new kinds of checks for data. There are already a lot of validators predefined, like for email, custom checks with RegEx, etc.
  • PHP Library
    A PHP library can be used to create functions or classes, which you can include in other resources.
• Delete Resource...
  If you no longer need a resource, you can delete it with this function.
• Create Project...
  Create multiple projects within your server to group your resources.
• Open Project...
  When you open a project, you see all the files in your project when you click on the "Resource Finder" (E).
• Search...
  Searches all your resources within your server.
• Archive
  Archive your resource.
• Update...
  Get new tags, update and reset current tags from repositories like the Metayota repository.
• Clear cache
  Clears the resource cache, if you have issues not seeing the updated version.

History

Archives your resource (code, design, etc.) as a backup. See exactly who changed what in your resource with the history feature.

C: The view menu

In the view menu you can view all configurations, defaults, code, etc. from the currently selected resource.

In the view menu, you find all the possible options to edit the currently selected resource (E).

Info

Get a complete overview of this resource. You can see the title, documentation, version, type, project, parameters, license, etc.

Configuration

In the config section you can edit the title, name, documentation, defaults, vendor, version, extends (base resource), type, license, project, allowed subitems (for tags), etc.

Defaults

Set the default parameters for your resource. This allows you to prefill form values or set standard values for web services.

Editor

In the implementation view, you can program your tags and web services with HTML, CSS, JavaScript, and PHP. You have a code editor with intelligent code completion, which helps you to write and update your code.

Parameters

Here you enter your parameters, which is for all resource types the same. These are the main parameters to call your resource. So for a tag, it would be the parameters for your HTML tag, the parameters for your web service, the fields of your form (definition), the columns of your database table, etc. When you want to preview your tag, just click on the "preview with settings" (F), which will automatically generate a form to preview your tag or test your web service, etc.

Dependencies

All your resources can have dependencies. These are the resources that are needed to run your tag, your web service, etc. These dependencies will be loaded prior to your resource. For a web service you can add library resources (with functions you need), for a tag you can add other tags you need, etc.

View

View your resources. When you have a tag, you can watch the tag in an HTML frame. A database table type will for example just list all the items in your table. For all the resource types, you get a suitable preview.

Design

Instead of writing HTML code, you can easily define your layout in the design section. There you can add all the tags you want to display and the Metayota Editor will automatically generate suitable forms for each resource (defined in the parameters section).

Tasks

The task section helps you to outsource complicated programming work. Do you have an idea for a tag or a web service? Do you want to optimize an existing resource? Just tell us how much you want to spend, and we will try to find a worker for you! Starting from USD 3.00, you can already outsource work. The editor automatically offers this work to other users and each task will also be reviewed by one of our workers.

To-do List

The to-do list helps you to remind what kind of work is still needed for the resource. Here you can enter your ideas. These to-dos are only visible to you (tasks are public). When you want to have a to-do outsourced, you can convert it into a task easily.

Debug

Do you want to test your component? Here you can see a preview of the resource (like in View mode), but with more information. In a tag, for example, you see the events fired and you can modify the parameters.

Access Control

Here you can control who can see your tag, who can call your web service, who can update data in your database table, etc.

D:

view button

If you just want to have a short preview of your current resource, you can click view. It will automatically switch to view in the "View menu" (C) and displays a button to go back to your previous view.

• TagsTest your tags by clicking the view button. The tag is loaded with the default parameters.
• Web servicesYou will see a form to execute your web service. If parameters are defined, they are displayed.
• Database tableIt shows a table with the contents of the defined table in the parameters. You are able to edit the database row by clicking the edit button.

E: Resource search

When you click the search box, you see a list of all your resources (tags, web services, tables, libraries, etc.) in your current project. You can type a search text, and it will search through all your resources (search by name and title). You can click on a resource to open it.

F:

display resource / enter values for parameters

View your resource! This button displays the resource. If you have defined parameters it will display a form to fill them out. All types of resources can be viewed like tags, database tables, results of web services, results of functions, etc.