Vistas de página en total

martes, 18 de junio de 2013

Programación Internet con Html 4



Podemos continuar y terminar la aplicación muy simple con html de la Evolucion y Desarrollo Humano, siguiendo como ejemplo el blog anterior de la evolucion-fisica, podemos crear las páginas restantes de la evolucion-biologica, evolucion-social, presente-desarrollo y futuro-proyecto. La aplicación la podemos desarrollar en un teléfono inteligente o una computadora laptop o desktop. Solo necesitamos un editor de texto como el bloc de notas y un navegador como firefox  u otros.
Para desarrollar nuestra aplicación sencilla, creamos una carpeta html1 que contiene las páginas index html, evolución-fisica, evolución-biologica, evolución-social, presente-desarrollo y la de futuro-proyecto, además las subcarpeta image que contendrá, todas las imágenes de nuestra aplicación y la subcarpeta menú que tendrá los menus de la aplicación.
Una vez que  se complete la aplicación se checa localmente con un navegador como firefox o explorer y si existen errores se corrigen hasta que la aplicación quede sin errores. Para publicar nuestra aplicación en internet debemos buscar un proveedor de servicios de internet gratis o de paga. En mi caso yo obtuve un servicio gratis de Hostinger  tiene servicio de html, php y mysql. Primero debe crear una cuenta dando un nombre de usuario, el mail, se crea un subdominio o dirección web y un password. Por correo envían la aceptación o registro de la cuenta, junto con información para administrar la cuenta y los datos  del servidor ftp para subir nuestras páginas de html.  Utilizo el programa Filezilla3 para subir mi aplicación de la Evolución y desarrollo humano en el proveedor de servicios de internet Hostinger.

Para conectarse al servidor ftp se pone los datos que fueron enviados por mail en la parte superior el nombre del host, el user name y el password, se  presiona el botón de quikconnect y listo inicia la conexión, si no se conecta alguno de los datos del servidor ftp son erróneos. Al conectarse aparece en la ventana local site la carpeta y archivos de la computadora local y en la ventana remote site la carpeta de la computadora remota. Se seleccionan la carpeta y archivos locales y se envían a la carpeta del servidor o computadora remota y ahora se puede acceder a nuestra aplicación sencilla de la Evolución y Desarrollo Humano desde cualquier computadora que se conecte a internet.

Después de seguir todo lo anterior la aplicación de html de la Evolución y Desarrollo Humano  quedo en la siguiente dirección web que se puede visitar:


El lenguaje Html ha evolucionado y mejorado en diferentes versiones y se ha complementado con varias técnicas, entre ellas con CSS para facilitar el desarrollo de grandes proyectos de html. CSS es la técnica de hojas o páginas de estilo en cascada que permite utilizar archivos en común a varias páginas y definir características de ellas, como encabezados, tipo de texto, colores, etc. También se han creado lenguajes script como JAVA SCRIPT y SCRIPT BASIC que dan gran versatilidad a las aplicaciones de internet con html, principalmente en la computadora local. La última versión de Html es HTML5 con más atributos y elementos, también se tiene acceso a una base de datos local Sqlite3. 
La aplicación de html de  la Evolucion y Desarrollo Humano es una presentación estática, no existe una interacción del usuario con la aplicación, solo pueden leerse las páginas. Para crear una aplicación interactiva se han desarrollado varias técnicas como CGI, o los lenguajes de PHP, ASP, NET.ASP que refuerzan a html y permiten acceder a archivos y base de datos como mySql, Access, SqlServer entre otros y poder actualizar los datos. Hemos visto como nuestra aplicación sencilla de html se carga o sube a un proveedor de servicios de internet, utilizando un programa de servicio ftp, así también se debe de hacer con las aplicaciones con Php y Asp, de  subirlos e instalarlos en un servidor web como Apache o IIS de Microsoft. Normalmente las bases de datos están en el mismo servidor web, pero puede estar en otro servidor.

Con todo lo anterior podemos resumir que una aplicación Html puede ser estática o dinámica, con esta el usuario puede interactuar con las aplicaciones y hacerlas más interesantes. La aplicación se sube o carga a un servidor web que contiene solo archivos o una base de datos en el mismo servidor o en otro para actualizarla por el usuario.

La figura muestra una aplicación dinámica por internet y describiremos como funciona. De una PC desktop, laptop o de un teléfono inteligente que utilice wi-fi o la red telefónica, se hace una petición de un cliente por medio de un navegador de internet, a una página que está en Html y Php y consulta una base de datos mySql, a un servidor web Apapache por internet,  el motor Php hace una petición a un servidor de base de datos mySql que está en otra computadora. El motor Php recibe el resultado de la base de datos mySql y formatea el código en Html para enviar los resultados por medio del servidor web Apache y poder desplegarse en la pantalla de la computadora PC o del teléfono inteligente.