search
Introduction to Components
A standard web page has a very limited set of fields available. Experienced users get used to have powerfull fields in desktop applications, but until recent days they couldn't find the same kind of performance and usability in the web interfaces.

InforQuali has developed a very interesting set of web components over the last 14 years. These components expand the normal usage of web fields. All the components below can be used in a HTML standard page. All these tools use web technologies, namely, HTML, Javscript, Ajax and some of them Flash. They are also compatible with the most comon browsers, namely, Internet Explorer 6, Internet Explorer 7, Mozzila Firefox 2, Opera 9.5 and Safari 3.1 .

We call application to complete solutions that provide a service for a client on their own.
We call tools to those small parts of software that provide functionalities that require a window with a specific layout to perform a somehow complex functionality.
We call components to the small pieces of software that ocupy a small portion of the screen and can be included in a web page with many other html elements.

The components are presented in families of similar components using as reference the standard fields available in HTML. However you are able to buy each component individualy.

For those users less acquainted with HTML technologies we would like to provide you with a small introduction to the standard fields of HTML so that you can understand why the components we have developed are so powerfull and usefull.

A usual web page only has text, images and simple fields. Most pages are just a well concieved combination of these simple elements, and you can create beutifull and usefull sites with just these HTML elements. You can also add sound and video with flash inside a web page, or you can have a full site done with flash where you bring animation of elements to all new level. However sites completly done in flash have 3 main problems: they are slow to load; computers can't make use of cache to load pages faster; the content in the web page can't be found by search engines, which means that web users won't find your site unless they already know you exist.

Although you have tremendous flexibility with what you can do with text formating and images, the fields available in standard HTML are really poor.


In a standard web page you can only have the following fields:

String
Password
Memo
Hidden
Checkbox
Radiobutton Option 1
Option 2
Option 3
Select
Button
Image
Upload

When you have focus on a field, that is having the cursor blinking on that field, you can move from one field to the next using the TAB key. You can move back using Shift+TAB key combination. That is the only navigation tool you have with standard HTML.

Fields are independent from each other, that means that what you do on one of them doesn't affect the other. This is true with the exception of radio buttons that work together in a group, only allowing one of them to be selected at a time.


But these standard fields also have specific limitations, namely:
  • The String, Password and Memo fields only support simple text and they don't do any king of validation on their content. This means that if you wish to have a numeric field (only accepting numbers) or a email (with a specific format) you won't be able to have it with these simple fields.

  • Hidden fields have no use in terms of user interfaces since they are invisible to users.

  • The checkbox field allows a user to set an option is checked or unchecked. In the real world we usualy need to have three options for a checkbox: checks, unchecked or undefined.

  • The radio button allows users to choose an option. After choosing an option standard html forces you to have that one of the options selected... you can't get back to the original state.

  • The selectbox allows to choose an option from a list. When you have a huge list like countries or products, this kind of field becomes very dificult to use.

  • In standard html buttons fields can have a specific behavior: submit (for sending data to the web server); clear (to clean up all fields in the form); or without any behavior (which is useless in a standard web page because it does nothing at all).

  • There is an field called image, but again it is like a button without any behavior, it is useless in standard HTML.

  • The upload field allows users to upload one file (and only one) to the webserver.

As you go though the families of components presented in this section, you will be able to see how InforQuali has developed very powerfull components that overcome this deficiencies and build up much more powerfull fields to be used in web pages.

Add to: Blink this del.ico.us Digg do melhor Furl Google Magnolia
  My Web Reddit Simpy Spurl Stumble It! Technorati ThisNext
  Y! MyWeb