Prof.Yaros Pérez
Vilma Carrasquero
Grerencia: Mención Redes y Telecomunicaciones

Trabajo N4

...: Análisis y Diseño de Sistema:...

 

 

Desarrollo de un Sistema de Información basado en tecnología WEB con acceso a base de datos.

•  Softwares que permitan realizar acceso a base de datos utilizando un sistema de información en la web.(JSP,XML,ASP,PHP,etc) Diferencias.

Lenguaje JSP

La tecnología Java para la creación de páginas web con programación en el servidor.

JSP es un acrónimo de Java Server Pages, que en castellano vendría a decir algo como Páginas de Servidor Java. Es, pues, una tecnología orientada a crear páginas web con programación en Java.

Con JSP podemos crear aplicaciones web que se ejecuten en variados servidores web, de múltiples plataformas, ya que Java es en esencia un lenguaje multiplataforma. Las páginas JSP están compuestas de código HTML/XML mezclado con etiquetas especiales para programar scripts de servidor en sintaxis Java. Por tanto, las JSP podremos escribirlas con nuestro editor HTML/XML habitual.

Motor JSP

El motor de las páginas JSP está basado en los servlets de Java -programas en Java destinados a ejecutarse en el servidor-, aunque el número de desarrolladores que pueden afrontar la programación de JSP es mucho mayor, dado que resulta mucho más sencillo aprender que los servlets.

En JSP creamos páginas de manera parecida a como se crean en ASP o PHP -otras dos tecnologías de servidor -. Generamos archivos con extensión .jsp que incluyen, dentro de la estructura de etiquetas HTML, las sentencias Java a ejecutar en el servidor. Antes de que sean funcionales los archivos, el motor JSP lleva a cabo una fase de traducción de esa página en un servlet, implementado en un archivo class (Byte codes de Java). Esta fase de traducción se lleva a cabo habitualmente cuando se recibe la primera solicitud de la página .jsp, aunque existe la opción de precompilar en código para evitar ese tiempo de espera la primera vez que un cliente solicita la página.

Ventajas:

•    Ejecución rápida del servlets

•    Crear páginas del lado del servidor

•    Multiplataforma

•    Código bien estructurado

•    Integridad con los módulos de Java

•    La parte dinámica está escrita en Java

Desventajas:

•    Complejidad de aprendizaje

Características:

  • Código separado de la lógica del programa.
  • Las páginas son compiladas en la primera petición.
  • Permite separar la parte dinámica de la estática en las páginas web.
  • Los archivos se encuentran con la extensión (jsp).
  • El código JSP puede ser incrustado en código HTML.

Elementos de JSP

Los elementos que pueden ser insertados en las páginas JSP son los siguientes:

  • Código: se puede incrustar código “Java”.
  • Directivas: permite controlar parámetros del servlet.
  • Acciones: permite alterar el flujo normal de ejecución de una página.

 

El lenguaje JSP

JSP ofrece un nuevo conjunto de etiquetas que pueden incluirse en páginas HTML.

  1. Directivas.
  2. Elementos de script.
  3. Acciones.
  4. Comentarios.

Subsecciones

 

Lenguaje XML

XML , sigla en inglés de E x tensible M arkup L anguage (« lenguaje de marcas ampliable»), es un metalenguaje extensible de etiquetas desarrollado por el World Wide Web Consortium (W3C). Es una simplificación y adaptación del SGML y permite definir la gramática de lenguajes específicos (de la misma manera que HTML es a su vez un lenguaje definido por SGML). Por lo tanto XML no es realmente un lenguaje en particular, sino una manera de definir lenguajes para diferentes necesidades. Algunos de estos lenguajes que usan XML para su definición son XHTML , SVG , MathML .

Historia

XML proviene de un lenguaje inventado por IBM en los años setenta, llamado GML ( Generalized Markup Language ), que surgió por la necesidad que tenía la empresa de almacenar grandes cantidades de información. Este lenguaje gustó a la ISO , por lo que en 1986 trabajaron para normalizarlo, creando SGML ( Standard Generalized Markup Language ), capaz de adaptarse a un gran abanico de problemas. A partir de él se han creado otros sistemas para almacenar información.

En el año 1989 Tim Berners Lee creó la web , y junto con ella el lenguaje HTML. Este lenguaje se definió en el marco de SGML y fue de lejos la aplicación más conocida de este estándar. Los navegadores web sin embargo siempre han puesto pocas exigencias al código HTML que interpretan y así las páginas web son caóticas y no cumplen con la sintaxis . Estas páginas web dependen fuertemente de una forma específica de lidiar con los errores y las ambigüedades, lo que hace a las páginas más frágiles y a los navegadores más complejos.

Ventajas del XML

•  Es extensible (una vez que un xml fue diseñado y puesto en producción, es posible extenderlo con la adición de nuevas etiquetas de modo que los antiguos consumidores puedan continuar utilizando el servicio sin complicación alguna).

•  El analizador es un componente estándar, no es necesario crear un analizador específico para cada lenguaje. Esto posibilita el empleo de uno de los tantos disponibles. De esta manera se evitan bugs y se acelera el desarrollo de la aplicación.

•  Si un tercero decide usar un documento creado en XML, es sencillo entender su estructura y procesarlo. Mejora la compatibilidad entre aplicaciones.

Los principales usos de XML son los siguientes:

•  XML aplicado a los sitios web : permite separar contenido y presentación, y que los mismos datos se puedan mostrar de varias formas distintas sin demasiado esfuerzo.

•  XML para la comunicación entre aplicaciones: representación de los datos muy simple, fácil de transmitir por la red, estándar. En los últimos tiempos este uso se está haciendo muy popular con el surgimiento de los Servicios web .

•  XML para la configuración de programas: representación de los datos simple y estándar, en contraposición con los crípticos formatos propietarios.

Estructura de XML

Los documentos XML se componen de unidades de almacenamiento llamadas objetos o entidades (entities), que contienen datos analizados ( parsed ) o datos sin analizar ( unparsed ). Los datos analizados se componen de caracteres , algunos de los cuales forman los datos del documento ( data ) y el resto forman las etiquetas ( markups) o marcas. Las etiquetas codifican la descripción de la estructura lógica y de almacenamiento del documento. XML proporciona un mecanismo para imponer limitaciones en la estructura lógica y de almacenamiento.

Para leer los documentos XML y acceder a su contenido y estructura, se utiliza un software o programa procesador de XML. Cualquier aplicación que trabaje sobre XML necesita ese módulo o procesador XML ( parser ). Dicho módulo lee los documentos y proporciona acceso a su contenido y estructura.

Para poder llevar a cabo esa función, la aplicación debe proporcionar información al procesar XML de cómo se encuentra almacenada esa información a través de un DTD (Document Type Declaration) o de un esquema (schema) , también conocido como vocabulario. El DTD o declaración del tipo de documento y los esquemas, proporcionan la gramática para una clase de documentos XML. Estos mecanismos se utilizan para la llamada validación tanto estructural como formal del documento, esto es, enviar un documento a un destinatario junto con las condiciones que deben cumplir los documentos. En la actualidad, los esquemas se utilizan en mayor medida que los DTDs dentro de XML.

Ventajas y desventajas.

Una gran ventaja de XML es que es gratuito ya que no se requiere adquirir una licencia costosa como sucede con otros sistemas.

Solo requiere un editor de textos ASCII para desarrollar aplicaciones en XML (p. ej. Bloc de notas), y un visualizador con un parser adaptado para XML (p. ej. Microsoft Internet Explorer 5.0 o posterior).

Las aplicaciones de XML pueden ser muchas, ya que no solamente se limita a ser un lenguaje que permita interactuar con sistemas diseñados para Web, sino que está pensado como un lenguaje universal que facilite su uso con casi cualquier plataforma, incluso podemos interactuar con aplicaciones de oficina como Microsoft Excel.

Un punto en contra de XML podría ser el espacio en disco que requieren los datos, ya que un archivo de texto siempre es considerablemente mayor que uno binario, pero hoy en día los costos de los medios de almacenamiento son bastante accesibles y cada vez más contamos con dispositivos con capacidades que llegan comercialmente hasta los Terabytes.

Aplicación y utilidad de XML

En la actualidad existe una imperiosa necesidad de las empresas por contar con la información de manera inmediata, por ello optan por utilizar aplicaciones basadas en Web que permitan obtener datos de manera remota en un corto tiempo y sin la necesidad de desplazarse.

Uno de los sectores que más han explotado esta tecnología son las compañías enfocadas a las ventas, ya que de este modo no requieren esperar a que el personal de sus sucursales, puntos de venta o vendedores lleven la información hasta la matriz o las oficinas principales, simplemente capturan o transmiten los datos recabados por medio de Internet, lo que permite obtenerlos de manera casi inmediata, y por ende, esto redunda en una toma de decisiones más eficiente y rápida.

Otro ejemplo de utilización de bases de datos en documentos XML es el de casi todas las aplicaciones que encontramos en Internet, como directorios, control de usuarios, inventarios en línea, catálogos de productos, etc.

Al final de cuentas y como toda tecnología exitosa lo importante es la utilidad y ventajas que ésta genera y que se traduce en ahorros significativos, así como en mejoras en la toma de decisiones de las organizaciones, aspectos en los que XML definitivamente tiene su fortaleza y que permiten visualizar un amplio desarrollo y aplicación de este lenguaje para la gestión de datos vía Web, y veremos si poco a poco comienza a afianzarse como una opción viable en la gestión en aplicaciones locales.

Estructura del XML

El metalenguaje XML consta de cuatro especificaciones (el propio XML sienta las bases sintácticas y el alcance de su implementación):

DTD ( Document Type Definition ): Definición del tipo de documento. Es, en general, un archivo/s que encierra una definición formal de un tipo de documento y , a la vez, especifica la estructura lógica de cada documento. Define tanto los elementos de una página como sus atributos. El DTD del XML es opcional. En tareas sencillas no es necesario construir una DTD, entonces se trataría de un documento "bien formado"( well-formed ) y si lleva DTD será un documento "validado" ( valid ).

XSL ( eXtensible Stylesheet Language ): Define o implementa el lenguaje de estilo de los documentos escritos para XML. Desde el verano de 1997 varias empresas informáticas como Arbortext, Microsoft e Inso vienen trabajando en una propuesta de XSL (antes llamado "xml-style") que presentaron a W3C. Permite modificar el aspecto de un documento. Se puede lograr múltiple columnas, texto girado, orden de visualización de los datos de una tabla, múltiples tipos de letra con amplia variedad en los tamaños. Este estándar está basado en el lenguaje de semántica y especificación de estilo de documento (DSSSL, Document Style Semantics and Specification Language , ISO/IEC 10179) y, por otro lado, se considera más potente que las hojas de estilo en cascada (CSS, Cascading Style Sheets ), usado en un principio con el lenguaje DHTML. "Se espera que el CSS sea usado para visualizar simples estructuras de documentos XML (actualmente se ha conseguido mayor integración en XML con el protocolo CSS2 ( Cascading Style Sheets, level 2 ) ofreciendo nuevas formas de composición y una más rápida visualización) y, por otra parte, XSL pueda ser utilizado donde se requiera más potencia de diseño como documentos XML que encierran datos estructurados (tablas, organigramas, etc.) (2) ".

XLL ( eXtensible Linking Language ): Define el modo de enlace entre diferentes enlaces. Se considera que es un subconjunto de HyTime ( Hipermedia/Timed-based structuring Language o Lenguaje de estructuración hipermedia/basado en el tiempo, ISO 10744) y sigue algunas especificaciones del TEI ( Text Encoding Initiative o Iniciativa de codificación de texto). Desde marzo de 1998 el W3C trabajo en los enlaces y direccionamientos del XML. Provisionalmente se le renombró como Xlink y a partir de junio se le nombra como XLL. Este lenguaje de enlaces extensible tiene dos importantes componentes: Xlink y el Xpointer . Va más allá de los enlaces simples que sólo soporta el HTML. Se podrá implementar con enlaces extendidos. Jon Bosak (3) establece los siguentes mecanismos hipertextuales que soportará esta especificación:

Denominación independiente de la ubicación.

Enlaces que pueden ser también bidirecccionales.

Enlaces que pueden especificarse y gestionarse desde fuera del documento a los que se apliquen (Esto permitirá crear en un entorno intranet/extranet un banco de datos de enlaces en los que se puede gestionar y actualizar automaticamente. No habrá más errores del tipo "404 Not Found").

Hiperenlaces múltiples (anillos, múltiples ventanas, etc.).

Enlaces agrupados (múltiples orígenes).

Transclusión (el documento destino al que apunta el enlace aparece como parte integrante del documento orígen del enlace).

Se pueden aplicar atributos a los enlaces (tipos de enlaces).

XUA ( XML User Agent ): Estandarización de navegadores XML. Todavía está en proceso de creación de borradores de trabajo. Se aplicará a los navegadores para que compartan todos las especificaciones XML.

Lo primero que debemos saber es que hay dos tipos de documentos XML : válidos y bien formados . Éste es uno de los aspectos más importantes de este lenguaje, así que hace falta entender bien la diferencia:

  • Bien formados: son todos los que cumplen las especificaciones del lenguaje respecto a las reglas sintácticas que después se van a explicar, sin estar sujetos a unos elementos fijados en un DTD (luego veremos lo que es un DTD). De hecho lo s documentos XML deben tener una estructura jerárquica muy estricta, de la que se hablará más tarde, y los documentos bien formados deben cumplirla.
  • Válidos: Además de estar bien formados, siguen una estructura y una semántica determinada por un DTD: sus elementos y sobre todo la estructura jerárquica que define el DTD, además de los atributos, deben ajustarse a lo que el DTD dicte.

Lenguaje ASP

ASP (Active Server Pages) es la tecnología para la creación de páginas dinámicas del lado del servidor desarrollada por Microsoft .

Lenguaje ASP es una tecnología del lado de servidor desarrollada por Microsoft para el desarrollo de sitio web dinámicos. ASP significa en inglés (Active Server Pages), fue liberado por Microsoft en 1996. Las páginas web desarrolladas bajo este lenguaje es necesario tener instalado Internet Information Server (IIS).

ASP no necesita ser compilado para ejecutarse. Existen varios lenguajes que se pueden utilizar para crear páginas ASP. El más utilizado es VBScript, nativo de Microsoft. ASP se puede hacer también en Perl and Jscript (no JavaScript). El código ASP puede ser insertado junto con el código HTML. Los archivos cuentan con la extensión (asp) .

ASP o lenguaje de páginas activas de Microsoft estaría englobado dentro de los lenguajes ISS (Include Server Side) de 2º generación, es decir, que ASP es una evolución de los CGI's (Common Gateway Interface). ASP no define un lenguaje de programación con sus sentencias de control, sus estructuras de almacenamiento, sino que define una serie de objetos de servidor, los cuales tienen una serie de métodos que podremos utilizar para cosas como acceso a base de datos, lectura de ficheros, etc.

Características generales de ASP

Las principales características de la tecnología ASP y de sus páginas asociadas son:

  • Es gratuita. Viene implementada por defecto en los servidores web PWS (Windows 95-98-Millenium) e IIS (Windows NT-2000-XP). Además también es posible implementarla en otros servidores, aunque hace falta la instalación de las extensiones adecuadas.
  • Se puede mezclar código ASP con código HTML y código de script en cliente, sin tener que compilarlos por separado. Esto facilita la construcción de páginas ASP, siendo posible escribirlas en un simple editor de textos (Notepad, Word, etc.).
  • El código ASP se ejecuta en el servidor web, produciendo como salida HTML puro (junto con código de script en el cliente, si así se precisa). Por este motivo, su resultado es interpretado correctamente por cualquier navegador web estándar, aunque se utilice VBScript, compatible tan sólo con Internet Explorer y los navegadores en él basados (aunque es posible ejecutar código VBScript en Nestcape Navigator usando el plug-in ScriptActive, de la casa NetCompass).
  • Permite usar componentes escritos en otros lenguajes de programación, como Visual Basic, Delphi, etc., que pueden ser llamados desde los propios guiones ASP.
  • Se ha portado a la plataforma Java, lo que hace que pueda ser utilizado en casi cualquier sistema operativo.
  • Permite acceder a las bases de datos de una forma rápida y sencilla, siendo éste uno de sus principales usos.
  • También permite el uso de componentes OLE, acceso a ficheros, a login del sistema, enviar correo, etc.
  • Tiene persistencia de variables en memoria entre distintas visualizaciones de página, permitiendo con ello manejar sesiones de usuario, con lo que se resuelve uno de los mayores problemas de la programación web, derivado de la no orientación a conexión del protocolo HTTP.

Ventajas:

  • Usa Visual Basic Script, siendo fácil para los usuarios.
  • Comunicación óptima con SQL Server.
  • Soporta el lenguaje JScript (Javascript de Microsoft).

Desventajas:

  • Código desorganizado.
  • Se necesita escribir mucho código para realizar funciones sencillas.
  • Tecnología propietaria.
  • Hospedaje de sitios web costosos.

Lenguaje PHP

PHP es un lenguaje de programación interpretado , diseñado originalmente para la creación de páginas web dinámicas. Es usado principalmente en interpretación del lado del servidor (server-side scripting) pero actualmente puede ser utilizado desde una interfaz de línea de comandos o en la creación de otros tipos de programas incluyendo aplicaciones con interfaz gráfica usando las bibliotecas Qt o GTK+ .

PHP es un acrónimo recursivo que significa P HP H ypertext P re-processor (inicialmente PHP Tools, o, P ersonal H ome P age Tools). Fue creado originalmente por Rasmus Lerdof en 1994; sin embargo la implementación principal de PHP es producida ahora por The PHP Group y sirve como el estándar de facto para PHP al no haber una especificación formal. Publicado bajo la PHP License , la Free Software Foundation considera esta licencia como software libre.

Historia

PHP fue originalmente diseñado en Perl , seguidos por la escritura de un grupo de CGI binarios escritos en el lenguaje C por el programador danés - canadiense Rasmus Lerdorf en el año 1994 para mostrar su currículum vitae y guardar ciertos datos, como la cantidad de tráfico que su página web recibía. El 8 de junio de 1995 fue publicado " P ersonal H ome P age Tools" después de que Lerdorf lo combinara con su propio Form Interpreter para crear PHP/FI .

PHP 3

Dos programadores israelíes del Technion , Zeev Suraski y Andi Gutmans , reescribieron el analizador sintáctico ( parser en inglés) en el año 1997 y crearon la base del PHP3, cambiando el nombre del lenguaje a la forma áctual. Inmediatamente comenzaron experimentaciones públicas de PHP3 y fue publicado oficialmente en junio del 1998 .

Para 1999 , Suraski y Gutmans reescribieron el código de PHP, produciendo lo que hoy se conoce como Zend Engine o motor Zend, un portmanteau de los nombres de ambos, Zeev y Andi. También fundaron Zend Technologies en Ramat Gan , Israel .

PHP 4

En mayo de 2000 PHP 4 fue lanzado bajo el poder del motor Zend Engine 1.0. El día 13 de julio de 2007 se anunció la suspensión del soporte y desarrollo de la versión 4 de PHP, a pesar de lo anunciado se ha liberado una nueva versión con mejoras de seguridad,la 4.4.8 publicada el 13 de Enero del 2008. Según esta noticia se dará soporte a fallos críticos hasta el 2008-08-08.

PHP 5

El 13 de julio de 2004 , fue lanzado PHP 5, utilizando el motor Zend Engine II (o Zend Engine 2). La versión más reciente de PHP es la 5.2.6 ( 1 de Mayo de 2008 ), que incluye todas las ventajas que provee el nuevo Zend Engine 2 como:

  • Mejor soporte para la Programación Orientada a Objetos , que en versiones anteriores era extremadamente rudimentario, con PHP Data Objects .
  • Mejoras de rendimiento.
  • Mejor soporte para MySQL con extensión completamente reescrita.
  • Mejor soporte a XML ( XPath, DOM, etc. ).
  • Soporte nativo para SQLite .
  • Soporte integrado para SOAP .
  • Iteradores de datos.
  • Manejo de excepciones .

PHP 6

Está previsto el lanzamiento en breve de la rama 6 de PHP. Cuando se lance esta nueva versión quedarán solo dos ramas activas en desarrollo (PHP 5 y 6), pues se abandonó el desarrollo y soporte de PHP 4 el 13 de julio de 2007 .

Las diferencias que encontraremos frente a PHP 5.* son:

  • Soportará Unicode .
  • Limpieza de funcionalidades obsoletas como register_globals , safe_mode ...
  • PECL.
  • Mejoras en orientación a objetos .

Ventajas

  • Es un lenguaje multiplataforma .
  • Capacidad de conexión con la mayoría de los manejadores de base de datos que se utilizan en la actualidad, destaca su conectividad con MySQL
  • Capacidad de expandir su potencial utilizando la enorme cantidad de módulos (llamados ext's o extensiones).
  • Posee una amplia documentación en su página oficial , entre la cual se destaca que todas las funciones del sistema están explicadas y ejemplificadas en un único archivo de ayuda.
  • Es libre , por lo que se presenta como una alternativa de fácil acceso para todos.
  • Permite las técnicas de Programación Orientada a Objetos .
  • Biblioteca nativa de funciones sumamente amplia e incluida.
  • No requiere definición de tipos de variables.
  • Tiene manejo de excepciones (desde php5).

Desventajas

  • No posee una abstracción de base de datos estándar, sino bibliotecas especializadas para cada motor (a veces más de una para el mismo motor).
  • No posee adecuado manejo de internacionalización, unicode, etc.
  • Por su diseño dinámico no puede ser compilado y es muy difícil de optimizar.
  • Por sus características favorece la creación de código desordenado y complejo de mantener.

Si bien PHP no obliga a quien lo usa a seguir una determinada metodología a la hora de programar (muchos otros lenguajes tampoco lo hacen), aún estando dirigido a alguna en particular, el programador puede aplicar en su trabajo cualquier técnica de programación y/o desarrollo que le permita escribir código ordenado, estructurado y manejable. Un ejemplo de esto son los desarrollos que en PHP se han hecho del patrón de diseño Modelo Vista Controlador (o MVC), que permiten separar el tratamiento y acceso a los datos , la lógica de control y la interfaz de usuario en tres componentes independientes (ver más abajo Frameworks en PHP ).

Sintaxis:

La sintaxis utilizada para incorporar código PHP es la siguiente: <? $mensaje = “Hola”; echo $mensaje; ?>

También puede usarse:

<?php $mensaje = “Hola”; echo $mensaje; ?>

Seguridad:

PHP es un poderoso lenguaje e intérprete, ya sea incluido como parte de un servidor web en forma de módulo o ejecutado como un binario CGI separado, es capaz de acceder a archivos, ejecutar comandos y abrir conexiones de red en el servidor. Estas propiedades hacen que cualquier cosa que sea ejecutada en un servidor web sea insegura por naturaleza.

PHP está diseñado específicamente para ser un lenguaje más seguro para escribir programas CGI que Perl o C, y con la selección correcta de opciones de configuración en tiempos de compilación y ejecución, y siguiendo algunas prácticas correctas de programación.

Lenguaje Ruby

Es un lenguaje interpretado de muy alto nivel y orientado a objetos. Desarrollado en el 1993 por el programador japonés Yukihiro “Matz” Matsumoto. Su sintaxis está inspirada en Phyton, Perl. Es distribuido bajo licencia de software libre (Opensource).

Ruby es un lenguaje dinámico para una programación orientada a objetos rápida y sencilla. Para los que deseen iniciarse en este lenguaje pueden encontrar un tutorial interactivo de ruby. Se encuentra también a disposición de estos usuarios un sitio con informaciones y cursos en español.

Sintaxis:

puts "hola" 

Características:

  • Existe diferencia entre mayúsculas y minúsculas.
  • Múltiples expresiones por líneas, separadas por punto y coma “;”.
  • Dispone de manejo de excepciones.
  • Ruby puede cargar librerías de extensiones dinámicamente si el (Sistema Operativo) lo permite.
  • Portátil.

Ventajas:

  • Permite desarrollar soluciones a bajo Costo.
  • Software libre.
  • Multiplataforma.

 

Lenguaje HTML

Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML . Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium ( W3C ). Los archivos pueden tener las extensiones (htm, html) .

Sintaxis:

                                                               <html> (Inicio del documento HTML) <head> ( Cabecera ) </head> <body> ( Cuerpo ) </body> </html>   <b> </b> Negrita <p> </p> Definir parrafo <etiqueta> Apertura de la etiqueta </etiqueta> Cierre de la etiqueta

Ventajas:

  • Sencillo que permite describir hipertexto.
  • Texto presentado de forma estructurada y agradable.
  • No necesita de grandes conocimientos cuando se cuenta con un editor de páginas web o WYSIWYG.
  • Archivos pequeños.
  • Despliegue rápido.
  • Lenguaje de fácil aprendizaje.
  • Lo admiten todos los exploradores.

Desventajas:

  • Lenguaje estático.
  • La interpretación de cada navegador puede ser diferente.
  • Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la corrección.
  • El diseño es más lento.
  • Las etiquetas son muy limitadas.

Lenguaje Javascript

Este es un lenguaje interpretado, no requiere compilación. Fue creado por Brendan Eich en la empresa Netscape Communications. Utilizado principalmente en páginas web. Es similar a Java, aunque no es un lenguaje orientado a objetos, el mismo no dispone de herencias. La mayoría de los navegadores en sus últimas versiones interpretan código Javascript .

El código Javascript puede ser integrado dentro de nuestras páginas web. Para evitar incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar denominado DOM (en inglés Document Object Model, en su traducción al español Modelo de Objetos del Documento).

Sintaxis:

<script type="text/javascript"> ... </script>

Ventajas:

  • Lenguaje de scripting seguro y fiable.
  • Los script tienen capacidades limitadas, por razones de seguridad.
  • El código Javascript se ejecuta en el cliente.

Desventajas:

  • Código visible por cualquier usuario.
  • El código debe descargarse completamente.
  • Puede poner en riesgo la seguridad del sitio, con el actual problema llamado XSS (significa en inglés Cross Site Scripting renombrado a XSS por su similitud con las hojas de estilo CSS ).

Lenguaje Python

Es un lenguaje de programación creado en el año 1990 por Guido van Rossum, es el sucesor del lenguaje de programación ABC. Python es comparado habitualmente con Perl. Los usuarios lo consideran como un lenguaje más limpio para programar. Permite la creación de todo tipo de programas incluyendo los sitios web.

Su código no necesita ser compilado, por lo que se llama que el código es interpretado. Es un lenguaje de programación multiparadigma, lo cual fuerza a que los programadores adopten por un estilo de programación particular:

  • Programación orientada a objetos.
  • Programación estructurada.
  • Programación funcional.
  • Programación orientada a aspectos.

Sintaxis:

Ejemplo de una clase en Phyton:

def dibujar_muneco(opcion): if opcion == 1: C.create_line(580, 150, 580, 320, width=4, fill="blue") C.create_oval(510, 150, 560, 200, width=2, fill='PeachPuff')

Ventajas:

  • Libre y fuente abierta.
  • Lenguaje de propósito general.
  • Gran cantidad de funciones y librerías.
  • Sencillo y rápido de programar.
  • Multiplataforma.
  • Licencia de código abierto (Opensource).
  • Orientado a Objetos.
  • Portable.

Desventajas:

  • Lentitud por ser un lenguaje interpretado.

Tenemos que tener en cuenta que existen muchos software basados en la tecnología WEB. Sus ventajas y desventajas, su sintaxis, etc.

 

2. Caso Práctico. Suponga que usted lo contrata una empresa que tiene un producto y lo quiere comercializar en la web. Usted debería realizar el análisis y diseño de un Sistema de Información de un portal web.

 

Introducción

El presente trabajo muestra el proceso de investigación de un proceso práctico donde se detecta en enlace con los diagramas UML. La solución de errores del sistema de ahorro-ipasme de la Sección de Tesorería del IPC, se elaborará un sitio web, con la finalidad de llevar el control de los registro correcto y efectivo de ahorro-Ipasme de personal del IPC realizado a través de descuento por nómina de un porcentaje mínimo sobre el salario del empleado. El diseño basado en tecnología WEB presentado define como deben realizar el proceso de las cotizaciones de ahorro al IPASME. Actualmente el sistema se lleva a cabo con el lenguaje de Visual fox Pro.

Planificación

La Sección de Tesorería del IPC, es una Institución educativa sin fines de lucro, que ofrece servicios a la comunidad ipecista, relacionado con el control de pago de cheques, impuestos, ley de política habitacional, ahorros-Ipasme, prestamos-ipasme, etc. En está investigación se pretende crear un portal Web para el control de Ahorros- Ipasme del personal del IPC, con la finalidad de ofrecer a los usuarios un servicio mas eficaz y confiable.

Así mismo ofrecerá los siguientes beneficios:

  • Servicio en línea del reporte de sus ahorros solicitado por el usuario ipc.
  • Dar a conocer los servicios prestados por dicha sección.

Antecedentes

10 consejos para diseñar paginas web accesibles.

En esta sección se ofrecen 10 consejos para el diseño de e páginas web accesibles. Para ello nos basamos en la traducción del documento publicado por la WAI: para realizar sitios web accesibles que hemos completado con algunos comentarios y explicaciones.

  1. Imágenes y animaciones: Usar texto alternativo (atributo ALT) para describir la función de los elementos visuales. Esta es la recomendación importante para el acceso a las páginas web de los usuarios con deficiencias visuales, pero tambi é n de aquellos usuarios con conexiones lentas.
  2. Mapas de imagen: Usar mapas de cliente y texto alternativo para las zonas activas.
  3. Multimedia: Facilitar subtitulos y trascripción de los ficheros de sonido, descripción de los videos y versiones accesibles en el caso de usar formatos no accesibles.
  4. Enlaces de hipertexto: Usar texto que tenga sentido cuando se lea fuera de contexto. Por ejemplo, no usar "pincha aquí;. Algunos navegadores ofrecen al usuario la posibilidad de listar los enlaces en una ventana aparte para facilitar la navegación, como una de las opciones de accesibilidad. Por otro lado la atención tiende a fijarse principalmente en el texto resaltado del enlace, por lo que conviene que este sea lo mas significativo posible para acelerar la navegación de todos los usuarios.
  5. Organización de las paginas: Usar encabezados (H1, H2, H3,...), listas y estructura consistente. Usar Hojas de Estilos en Cascada (CSS) para el diseño de estilo. En general se recomienda separar el contenido del formato en los documentos web, estructurando bien el documento y usando correctamente las etiquetas html.
  6. Gráficos de datos: Resumir o usar el atributo LONGDESC. Actualmente los gráficos de datos se muestran como imágenes en la web. Por tanto debemos explicar su contenido textualmente para hacerlo accesible a aquellos usuarios que no son capaces de ver o cuyos equipos no pueden mostrar imágenes.
  7. Scripts, applets y plug-ins: Ofrecer alternativas accesibles. Algunos navegadores antiguos y otros navegadores adaptados para ciegos no pueden representar el resultado de los programas (scripts) integrados en las paginas web.
  8. Marcos (Frames): Titular con los atributos TITLE o NAME. Algunos navegadores usados habitualmente por ciegos como NetTamer y Lynx,
  9. Tablas: Realizarlas de manera que se puedan leer las tabla. Incluir un resumen. Evitar el uso de tablas para alinear el texto en columnas. Las tablas son especialmente problemáticas para los usuarios con visibilidad reducida o ceguera.
  10. Revisa tu trabajo: Validar el código HTML. Usar herramientas de evaluación navegadores de texto para verificar la accesibilidad. Se recomienda usar estas herramientas disponibles en la web para detectar algunos de los fallos comunes de accesibilidad.

Planteamiento de los Objetivos

•  Recopilar toda la documentación relacionada con ahorros Ipasme

•  Formular y analizar el estudio de factibilidad, tomando en cuenta los beneficios que el nuevo proyecto aportará a la Institución.

•  Crear el portal Web, con las políticas de la Institución.

•  Construir base de datos

•  Realizar las pruebas necesarias del portal web

Objetivos de la Sección de Tesorería del IPC.

  • Prestar un servicio confiable
  • Dar respuesta de inmediata a los usuario con respectos a sus ahorrosIpasme
  • Publicidad de la p á gina web

Escalabilidad y Definición del Diseño

En las implementaciones de Exchange, la escalabilidad es la medida de la capacidad de crecimiento de un servicio o de una aplicación para satisfacer demandas de rendimiento cada vez mayores. Para satisfacer las demandas de mayor rendimiento de su infraestructura de mensajería se pueden implementar dos estrategias de escalabilidad: vertical u horizontal. Este con la finalidad de implementar otros servicio on line, por medio de páginas web.

 

Producción y Creación de la página Web.

La página web para la Sección de Tesorería del IPC, contará con el servicio a los usuarios que deseen sus reportes de ahorros-Ipasme de manera rápida y confiable. Ser á una herramienta donde los usuarios sin desplazarse a la institución obtengan por vía Internet, sus reportes de ahorros.

  • Reportes ahorros -Ipasme
  • Base de Datos: contara con una base de datos de los usuarios del IPC.
  • N úmeros de Depósitos
  • Números de Oficios

 

Pruebas del Sistema

Se realizarán pruebas on line con la finalidad de detectar fallas en el funcionamiento del software antes del que el portal esté publicado. Estas son recomendaciones que deben estar siempre presentes antes de que un producto se exponga a la vista del público.

 

Recomendaciones

Compatibilidad de Navegadores (Browsers): Toda página web tiene que poder ser visualizada con las más recientes versiones de Netscape, Internet Explorer y Opera. Y con lo de más recientes versiones no me refiero a que hay que cargarlas de efectos de los últimos navegadores.

Compatibilidad de resoluciones : Hay una gran incomodidad al tener que desplazar la ventana de nuestro navegador hacia la derecha. Para evitar esto es necesario adaptar nuestras páginas para cualquier monitor por medio de tablas que ocupen el 100% de la pantalla o tomar en cuenta la resolución promedio que utilizarán los visitantes.

Tomar en cuenta las actualizaciones: Un sitio o página de Internet nunca está realmente terminado. Simplemente dejas de trabajar en el por un rato. Tomando esta frase muy en cuenta hay que diseñar todo sitio pensando en el futuro y dejando espacio para agregar nueva información o secciones. Un diseño inicial flexible es un factor importante para mantener la apariencia de un sitio y su funcionalidad luego de varios meses y actualizaciones.

Facilidad de Navegación: Todo sitio debe contar con un menú de navegación o estructura bien elaborado para que el visitante no se pierda. Es recomendable incluir en todas las paginas links hacia la página principal y hacia las principales secciones del sitio. De ser posible también un link hacia el email para enviar comentarios y un link para ir al inicio de página. Una recomendación es incluir un Mapa del Sitio para sitios muy extensos.

Finalización

Este proyecto tiene una duración de 2 meses.

 Metodología

La metodología para crear páginas web es el resultado que tenga en los usuarios y la misma comprende las siguientes fases:

1. Preventa : Se definen los parámetros del proyecto con el cliente. Se analizan los costos, las estimaciones de trabajo y se presenta presupuesto para su aceptación.

2.- Análisis: Se establece el timeline del proyecto y se buscan las soluciones tecnológica oportunas (dominio, hosting, etc..)

3.- Diseño: Se hace una propuesta visual que cumpla las expectativas de los clientes y transmita el mensaje de la empresa

4.- Desarrollo : Se empieza a desarrollar el proyecto en el servidor para que el cliente pueda ir evaluandolo sobre la marcha

5.- Control de calidad: Una vez finalizado, nuestro equipo repasa el proyecto a fin de que no hayan fallos.

6.- Promoción : Una vez finalizado el proyecto se da de alta en los principales buscadores para potenciarlo al máximo

 

Infografía

http://www.desarrolloweb.com/articulos/831.php

http://trevinca.ei.uvigo.es/~txapi/espanol/proyecto/superior/memoria/node104.html

http://bredondo.awardspace.com/?Programaci%F3n_web:Lenguaje_JSP

http://es.wikipedia.org/wiki/XML#Historia

http://www.hipertexto.info/documentos/xml.htm

http://www.gestiopolis.com/administracion-estrategia/xml-alternativa-para-el-manejo-de-datos-moviles.htm

http://fesabid98.florida-uni.es/Comunicaciones/f_santamaria/f_santamaria.htm

http://www.mygnet.net/articulos/internet/lenguaje_xml.316

http://es.geocities.com/yennyqm/SIG/T2SIG.html

http://www.tutorialesenlared.com/manual1955.html

http://www.maestrosdelweb.com/principiantes/los-diferentes-lenguajes-de-programacion-para-la-web/

http://es.wikipedia.org/wiki/.php

http://www.maestrosdelweb.com/editorial/estandar/

 

 

 

 

Hosted by www.Geocities.ws

1