UNIDAD 1: ELEMENTOS BASICOS

TEMA LINUX GCC 9: FORMA O PAGINA DE ENTRADA

Como ya se indico antes en este modelo de programación, es una pagina html que proporciona los datos al programa en c++ ( que correctamente se llama cgi), el programa los toma a travez de unas funciones incluidas en la libreria lcnet.h los procesa y construye una pagina html con los resultados, misma pagina que el usuario recibira para su información.

Resolvemos el problema de calcular el area de un triangulo con la formula area = base por altura sobre dos.

En este caso la pagina html de captura de datos, debera tener elementos para capturar la base y la altura y mandar dicha información al programa en cpp, esta sera toda la funcion de la pagina html.

El codigo de dicha pagina sera:

 
<HTML>
 
<FORM ACTION=/~lauro/cgi-bin/prog1.cgi METHOD=post>
 
BASE <INPUT TYPE=text NAME=BASE><BR>
 
ALTURA <INPUT TYPE=text NAME=ALTURA><BR>
 
<INPUT TYPE=submit VALUE=OK>
 
</FORM></HTML>

Una pagina html solo tiene unas cuantas instrucciones basicas, muy faciles de aprender sobre todo si consiguen un tutorial sencillo de html de los cuales muchos abundan en internet.

Como se observa una pagina empieza con

y termina con

,

Lleva un tag <FORM ACTION > que solo se utiliza cuando una pagina tiene que comunicar datos a otras paginas o programas y termina con </FORM>

Las instrucciones INPUT TYPE son las que generan objetos, controles o componentes html en una forma html tambien hay 6 clases diferentes de INPUT TYPE (ver su tutorial de html y una apendice al final de este capitulo que solo trae los objetos html's, no todas las instrucciones del lenguaje de programación html).

En este programa html (es verdad que una pagina o forma html es un programa y su compilador es el browser, pero si a los usuarios les decimos haz un programa-pagina-forma.html y compilalo con el browser internet explorer o netscape se asustarian muchisimo, mejor les decimos haz una pagina y subela a tu sitio), se estan usando dos objetos HTML de tipo “input type=text” mismos que se usan para capturar los datos que proporciona el usuario.

Otros tipos de INPUT TYPE en HTML son equivalentes a objetos, controles o componentes de orden o comando como el INPUT TYPE=submit que se carga con el letrero OK y recordar que existen otros tipos de INPUT TYPE para comboboxs, etc., cuando el usuario realiza un click en el, este componente de orden activa las instrucciones del FORM ACTION, que en este caso consisten en mandar los datos al servidor de paginas y avisarle que ejecute el prog1.cgi (observar la extension que tendra el programa executable en linux, a diferencia que en windows que seria prog1.exe)

Mensajes a desplegar se pueden enviar directamente como en la frase DAME LA BASE, ALTURA o utilizando instruciones especiales de HTML como son <P>mensaje</P>, <B>mensaje</B>, <H1>mensaje</H1>, etc, pero es mejor consultar el tutorial de HTML.

INPUT TYPE=text, crea una caja que contendra texto o numeros NAME=BASE, es el nombre que tendra la caja.

Cuando el usuario carga los datos en los controles y hace un click en OK, FORM ACTION avisa al servidor de paginas (web server) que ejecute el prog1.cgi y ademas le pasa los nombres y los datos de las cajas de texto y aqui termina el trabajo de esta pagina o forma de captura de HTML.

Para crearla solo copiar el codigo al notepad o wordpad de windows, es mas recomendable este ultimo, grabarla con el nombre de prog1.html, este programa1.html subirlo a su sitio en tu servidor usando el ftp del INTERNET EXPLORER.

Recordar que prog1.html(esta pagina) debera quedar dentro de directorio public_html de tu sitio en linux. (ya realizaron la practica TELNET con PuTTy que viene en el apendice )

Forma en ejecución:

image48.jpg

Observar que en mi caso /susitio/ es /~lauro/ y la direccion numerica que se esta usando es porque mi servidor esta dentro de mi red interna, ustedes deberan usar algo asi como tudominioen/~tusitio/prog1.html

Continuamos con el programa que recibira los datos que le mandara esta pagina.

Politica de Privacidad