INSTITUTO TECNOLOGICO DE MERIDA

CAPTULO 2. ESTADO DEL ARTE

Taller de Investigacin II
03/10/2012

ANTONIO GNGORA GARCA DANIEL BASTO COUOH PABLO GNZALEZ TORRES

2.1 Estado del Arte. 2.1.1 investigaciones recientes La pgina ser diseada para las personas que quieran aprender a programar en html, php y java con mysql, estara constituido por un sistema experto para verificar los conocimientos de programacin, ser una herramienta til para los maestros del instituto tecnolgico.

Estndares web (W3C)

En nuestro estudio, desarrollamos sitios web respetando los estndares y recomendaciones de los organismos internacionales que como el W3C World Wide Web Consortium han definido un conjunto de normas y especificaciones sobre desarrollo web con la finalidad de crear un entorno ms amigable, documentado y accesible para los usuarios. Utilizamos plataformas sobradamente contrastadas y testeadas, que estn orientadas a una audiencia muy amplia y que cuentan con una comunidad muy amplia de desarrolladores. Desarrollando las pginas web con estndares se optimizan los costes de produccin y de mantenimiento y se hace ms flexible cualquier posible cambio que se quiera implementar en el futuro.

HTML5 (HyperText Markup Language, versin 5) es la quinta revisin importante del lenguaje bsico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: un clsico HTML la variante conocida como HTML5 y una variante XHTML conocida como sintaxis XHTML5 que deber ser servida como XML . Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo. Todava se encuentra en modo experimental, lo cual indica la misma W3C; aunque ya es usado por mltiples desarrolladores web por sus avances, mejoras y ventajas. Al no ser reconocido en viejas versiones de navegadores por sus nuevas

etiquetas, se le recomienda al usuario comn actualizar a la versin ms nueva, para poder disfrutar de todo el potencial que provee HTML5.El desarrollo de este lenguaje de marcado es regulado por el Consorcio W3C. W3C Technical Reports and Publications . W3C. Consultado el 19-01-2009. Jorge Franganillo (6 de septiembre de 2010). HTML5: el nuevo estndar bsico del web Novedades Incorpora etiquetas (canvas 2D y 3D, audio, video) con codecs para mostrar los contenidos multimedia. Actualmente hay una lucha entre imponer codecs libres (WebM + VP8) o privados (H.264/MPEG-4 AVC). Etiquetas para manejar grandes conjuntos de datos: Datagrid, Details, Menu y Command. Permiten generar tablas dinmicas que pueden filtrar, ordenar y ocultar contenido en cliente. Mejoras en los formularios. Nuevos tipos de datos (eMail, number, url, datetime) y facilidades para validar el contenido sin Javascript. Visores: MathML (frmulas matemticas) y SVG (grficos vectoriales). En general se deja abierto a poder interpretar otros lenguajes XML. Drag & Drop. Nueva funcionalidad para arrastrar objetos como imgenes. Web Semntica Aade etiquetas para manejar la Web Semntica (Web 3.0): header, footer, article, nav, time (fecha del contenido), link rel= (tipo de contenido que se enlaza). Estas etiquetas permiten describir cual es el significado del contenido. Por ejemplo su importancia, su finalidad y las relaciones que existen. No tienen especial impacto en la visualizacin, se orientan a buscadores. Los buscadores podrn indexar e interpretar esta meta informacin para no buscar simplemente apariciones de palabras en el texto de la pgina. Permite incorporar a

las pginas ficheros RDF / OWL (con meta informacin) para describir relaciones entre los trminos utilizados. Adems de ofrecer versatilidad en el manejo y animacin de objetos simples, imgenes etc.

2.1.2 Opiniones de los expertos.

2.1.3 Proyectos similares. Mi proyecto va ser un sitio web diseado para aprender los lenguajes de programacin (java, mysql, html, php), va constar de niveles de aprendizaje en las cuales va ver tutoriales y videos en la cual van a estar explicados y con una calidad de audio y video de alta resolucin para as poder facilitar el aprendizaje. Mundo Tutoriales es un blog dedicado a recopilar tutoriales relacionados al mundo de la informtica. En el mismo podrs encontrar guas sobre sistemas operativos, diseo web, programas de oficina, bases de datos, entre otros.
(http://mundotutoriales.blogspot.mx/ consultado el 1 de octubre del 2012).

Programacin en Java pretende ser una web de referencia en castellano sobre programacin en Java. Aqu encontrars trucos de programacin, resolucin de dudas comunes, artculos, reseas de libros y mucho ms Si quieres contactar con nosotros, puedes escribir un correo

a info@programacionenjava.com.
(http://www.programacionenjava.com/acerca-de/ consultado el 1 de octubre del 2012)

w3schools.com es un sitio web donde podemos encontrar mucha informacin acerca de tutoriales, referencias, ejemplos, sobre HTML, PHP, CSS, ASP, y libros que se pueden descargar desde esta pgina. Cuenta con certificados online que tienen un costo y una gran de publicidad constituye el entorno.

2.1.4 Cuadro comparativo Mundo Tutoriales Videos Programacin en Java w3schools.com Nuestro proyecto

Ejemplos

Libros (pdf) Correo Electrnico gratuito Contiene ms de un curso Utiliza algn sistema experto Asesora personal

2.2 Contenido del tema 2.2.1 Teoras, principios y leyes

LA LEY DE HICK - HYMAN EN EL DISEO WEB Ha quedado claro: Muchas opciones donde elegir paralizan al usuario, tarda ms tiempo en reaccionar y le hace infeliz .En nuestros diseos debemos minimizar las

opciones para lograr nuestros objetivos, convirtiendo usuarios neutros en clientes felices. Pero cmo: Composicin Cada vez que un usuario entra a una web, ya sea a la portada, a una Landing Page o a cualquier otra, se enfrenta a un universo de opciones: mens, submens, banners, enlaces de texto, imgenes, iconos. Todos ellos diferentes a la web que ha visitado hace tan slo unos segundos. Nuestro deber como diseadores ser lograr que el usuario no conciba esa pgina como una seleccin de opciones, aunque realmente lo sean. Debemos componer con la armona suficiente para que el usuario no quede paralizado, para minimizar su tiempo de reaccin, y sobre todo, para conducirlo: o bien hacia lo que l estaba buscando, o bien hacia donde nosotros queramos llevarlo. Un ejemplo muy ilustrativo y que conocers, es la portada de elmundo.es: slo en esta captura vers ms de 50 opciones donde elegir, pero no resulta paralizante, resulta estimulante.

Ley de Murphy en el Diseo Web 1. Un sitio web siempre est en construccin. 2. El sitio web siempre se caer justo antes de hacer el respaldo. 3. Todo proyecto llevar al menos el doble del tiempo que se espera incluso si desde el comienzo esperas que lleve el doble de tiempo. 4. Ese maravilloso tono de verde en la porttil de tu casa lucir HORRIBLE en la PC de tu trabajo. 5. Si todo luce bien en IE entonces lucir horrible en FF y viceversa. 6. Es imposible hacerlo bien desde el principio.

La ley de Pareto Se conoce popularmente como 80/20, porque como distribucin de probabilidad continua que es, suele ser usada en comercio electrnico para identificar al 20 % de los clientes que producen el 80 % de las ventas. Claro que tambin podemos perseguir la estrategia contraria: trabajar una plataforma para dar servicio a una gran cantidad de usuarios o clientes, de forma que la suma de sus compras pueda ser superior a ese 20 %. Segn el caso, encontraremos distribuciones de 95/5, 60/40, etc.

La ley de Zipf Es una de las ms conocidas distribuciones de tipo power law, o leyes de potencias, y es muy usada en el mundo del diseo web y el comercio electrnico (en concreto en SEO). Se trata de una distribucin estadstica enunciada desde el mbito de la lingstica: para cualquier idioma, hay un pequeo conjunto de palabras que se repiten muchsimo (y que se buscan muchsimo), y un nmero enorme de palabras ms especficas. La ley de Zipf tiene tambin sus corolarios. Por ejemplo, sabemos que por una aplicacin de esta ley, demostrada por Downey (Mitzenmacher), el nmero de visitas a las pginas interiores de un sitio web es menor cuanto mayor es la profundidad del sitio; esto es, cuantos ms enlaces necesitemos para llegar a esa pgina o ms profunda sea la navegacin vertical. Eso no quiere decir que cualquier contenido deba ser accesible directamente desde la portada, sino que para realizar cada tarea se debera llegar con el mnimo nmero posible de enlaces o niveles de profundidad, ni ms ni menos que los necesarios. Por eso, no es infrecuente ver portales que utilizan un elevado nmero de enlaces a diferentes secciones o contenidos concretos mediante atajos o shortcutspara llegar antes a las zonas que se quiere promocionar especialmente, por ejemplo los ya clsicos ms vistos, mejor

valorados, etc. Otro corolario demostrado empricamente por Mitzenmacher es que las pginas web con ms posibilidades de recibir nuevos enlaces son las que ya tienen otros enlaces, por lo que cuantos ms enlaces se tengan, ms enlaces nuevos se irn recibiendo ( a ms puntos de acceso, ms visitas).

La ley de Fitts Indica que el tiempo para alcanzar un objetivo con el ratn est en funcin de la distancia y el tamao del objetivo. A menor distancia y mayor tamao, ms facilidad para usar un mecanismo de interaccin (como un botn de compra, por ejemplo). El modelo de procesos cognitivos aplicados a la resolucin de problemas nos dice que la realizacin de una tarea exige memorias activas, esto es, a corto plazo. Adems, estos procesos ocurren de modo serial, no en paralelo. Tendemos a trabajar en una sola cosa a la vez (Pinto, 2002). Aunque el usuario veterano puede generar una memoria a largo plazo mediante la repeticin de visitas y, por tanto, de estructuras de navegacin, no podemos (salvo que sea intencionadamente) pedir al usuario que reaprenda una y otra vez cmo interactuar en nuestro sistema con xito.

2.2.2 Conceptos: HTML, siglas de HyperText Markup Language hace referencia al lenguaje de

marcado predominante para la elaboracin de pginas web que se utiliza para describir y traducir la estructura y la informacin en forma de texto, as como para complementar el texto con objetos tales como imgenes. El HTML se escribe en forma de etiquetas, rodeadas por corchetes angulares. HTML tambin puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script, el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.1

HTML tambin sirve para referirse al contenido del tipo de MIME text/html o todava ms ampliamente como un trmino genrico para el HTML, ya sea en forma descendida del o en forma descendida directamente de SGML. PHP PHP es un lenguaje de programacin interpretado o framework para HTML, diseado originalmente para la creacin de pginas web dinmicas. Se usa principalmente para la interpretacin del lado del servidor pero actualmente puede ser utilizado desde una interfaz delnea de comandos o en la creacin de otros tipos de programas incluyendo aplicaciones con interfaz grfica usando las bibliotecas Qt o GTK+. Java Java es un lenguaje de programacin de alto nivel orientado a objetos, desarrollado por James Gosling en 1995. El lenguaje en s mismo toma mucha de su sintaxis de C, Cobol y Visual Basic, pero tiene un modelo de objetos ms simple y elimina herramientas de bajo nivel, que suelen inducir a muchos errores, como la manipulacin directa de punteros o memoria. La memoria es gestionada mediante un recolector de basura. Las aplicaciones Java estn tpicamente compiladas en un bytecode, aunque la compilacin en cdigo mquina nativo tambin es posible. En eltiempo de ejecucin, el bytecode es normalmente interpretado o compilado a cdigo nativo para la ejecucin, aunque la ejecucin directa porhardware del bytecode por un procesador Java tambin es posible.

Pgina Web Es un archivo disponible en la World Wide Web que tiene el formato necesario para aparecer en ella. Visualmente se muestra en la pantalla como si fuera una pgina, con elementos diversos: textos, colores, imgenes, etc.

Un sitio web es un conjunto de pginas web que enlazadas hipertextualmente constituyen un conjunto homogneo al cual se puede acceder a travs de su direccin o URL, que llevar a su pgina de inicio. Normalmente se considera un sitio web a un conjunto de pginas que se encuentran relacionadas con una temtica limitada y generalmente una esttica comn.

Portal Web, es un sitio web que rene recursos web generales o sobre determinado tema. Buscadores, noticias, foros, compras, contactos.

2.2.3 Metodologa La Metodologa para creacin de sitios web comprender de las fases de: Anlisis: En est primera etapa se contestarn algunas preguntas que permitirn aclarar las expectativas existentes; 1. Se necesita realmente el sitio Web? 2. Para qu se necesita el sitio Web? 3. Qu es lo que buscarn los usuarios en el sitio Web? 4. Qu imagen se quiere proyectar con el sitio Web a los usuarios? 5. Qu servicios interactivos se integrarn a travs del sitio Web? 8. Qu impacto causar el sitio Web en los usuarios?

Planificacin: Definir cules son los requerimientos tcnicos para este fin, quines sern los miembros del equipo, seleccionar la estructura, planear un sitio bien organizado, y realizar estudios comparativos.

Diseo: El diseo del sitio Web es un trabajo extenso y detallado, puesto que abarca la interaccin de mltiples elementos, como tecnologa multimedia (audio, sonido, imgenes, animaciones, entre otros).

Programacin: Esta etapa corresponde a la utilizacin de las herramientas de programacin Web. En este punto es primordial seleccionar los lenguajes de programacin en los que se desarrollar el sitio Web.

2.3 Contenido del software 2.3.1 Lenguajes de programacin Para poder llevar a cabo el proyecto usaremos los siguientes lenguajes de programacin: *Mysql con el servidos Xampp *Html con php

2.3.2 Base de datos Una base de datos o banco de datos es un conjunto de datos pertenecientes a un mismo contexto y almacenados sistemticamente para su posterior uso. En este sentido, una biblioteca puede considerarse una base de datos compuesta en su mayora por documentos y textos impresos en papel e indexados para su consulta. Actualmente, y debido al desarrollo tecnolgico de campos como la informtica y la electrnica, la mayora de las bases de datos estn en formato digital (electrnico), que ofrece un amplio rango de soluciones al problema de almacenar datos. Sistemas gestores de bases de datos (SGBD) Permiten almacenar y posteriormente acceder a los datos de forma rpida y estructurada. Las propiedades de estos SGBD, as como su utilizacin y administracin, se estudian dentro del mbito de la informtica. Las aplicaciones ms usuales son para la gestin de empresas e instituciones pblicas. Tambin son ampliamente utilizadas en entornos cientficos con el objeto de almacenar la informacin experimental.

MYSQL Es un sistema de gestin de bases de datos relacional, multihilo y multiusuario Motivo: Mysql es un sistema gestor de base de datos gratuito en la cual nos proporciona el almacenamiento de datos para la consulta. Otro punto es que el servidor que vamos a usar (XAMPP) soporta lo que es mysql y es ms sencillo. 2.3.3 Sistema Operativo *Windows 7

2.5 Contenido del Tutorial El sitio web contendr los instrumentos adecuados para el desarrollo de los programas que se van a desarrollar en los diferentes tipos de lenguaje. *El IDE en donde se va a programar (NetBeans 7.3). *Servidor local (XAMPP). *Contendr videos explicativos acerca de los temas. *Cdigo fuente de cada programa. *Contacto con los administradores de la pgina web para aclaraciones de algunos temas. *Pequeas conferencias prximamente. en vivo acerca de los nuevos temas dados

*Asesoras personales presenciales (stream video conferencia en vivo en la web).