Instituto Tecnolgico Superior de San Martn Texmelucan

Programacin Web

Docente: L.C.C. Ivn Rafael Snchez Jurez

Prctica 2 Aplicacin Web Vista en Diversos Navegadores Web

(FIREFOX, GOOGLE CHROME, INTERNET EXPLORER 10, OPERA 19.0)

Grupo: 8 A

Integrantes: Ramrez Domnguez Ubaldo Jurez Flores Francisco Castillo Mungua Jos Benigno

12-Febrero-2014

Programacin Web [AEB-1055]

NDICE
1.- INTRODUCCIN. ....................................................................................................................... 3 2.- OBJETIVO. .................................................................................................................................. 4 3.- MATERIAL, EQUIPO, REACTIVO o SOTFWARE A UTILIZAR ....................................... 4 4.- COMPETENCIAS ESPECFICAS ........................................................................................... 4 5. RESULTADOS ............................................................................................................................. 5 Pgina principal de ContosoConf en Firefox V 27.0 ............................................................... 5 Pgina principal de ContosoConf en Google Chrome V 32.0.1700.107 m ......................... 7 Pgina principal de ContosoConf en Internet explorer V 10.0 ............................................. 8 Pgina principal de ContosoConf en opera V 19.0 ................................................................ 9 Diferencias de cada navegador. .............................................................................................. 10 6. CONCLUSIONES ...................................................................................................................... 11 7.- BIBLIOGRAFA ........................................................................................................................ 11

Fecha de Actualizacin 22/08/2013

Pgina 2

Programacin Web [AEB-1055]

Prctica

APLICACIN WEB VISTA EN DIVERSOS NAVEGADORES WEB (FIREFOX, GOOGLE CHROME, INTERNET EXPLORER 10, OPERA 19.0).
1.- INTRODUCCIN.
Con el nacimiento de los servicios web, y la difusin de internet. La enorme proliferacin de sitios web. Se hizo necesaria alguna forma de registrar buscar, y ponerlos al alcance de los usuarios. De esta forma, nacieron las pginas ndices con colecciones de enlaces. La difusin, ampliacin y orientacin hacia el mercado de consumo, hizo necesario la ampliacin de estos sencillos ndices. Y aparecieron los directorios, que eran ndices mejorados con posibilidad de buscar en una base de datos, en la que los visitantes y webmasters solicitaban el ingreso de una direccin, url de internet. Sus algoritmos eran ms refinados y verstiles, pudiendo mejorar el diseo y presentacin de los resultados. Cada navegador decide en funcin de las posibilidades grficas de cada ordenador las lneas de documento que va a presentar y es posible que ignore los caracteres fin de lnea introducida.

Fecha de Actualizacin 22/08/2013

Pgina 3

Programacin Web [AEB-1055]

2.- OBJETIVO.
Observar las diversas modificaciones que hace cada navegador Web al correr una aplicacin.

3.- MATERIAL, EQUIPO, REACTIVO o SOTFWARE A UTILIZAR Sistema Operativo Procesador de Textos Navegador Web (Chrome, Firefox, Explorer, Opera) 4.- COMPETENCIAS ESPECFICAS
Organizar por equipos a los alumnos (3 integrantes mximo). Observen bien las diferencias entre cada navegador y coloquen en una lista de esas diferencias.

Fecha de Actualizacin 22/08/2013

Pgina 4

Programacin Web [AEB-1055]

5. RESULTADOS
Pgina principal de ContosoConf en Firefox V 27.0

Fecha de Actualizacin 22/08/2013

Pgina 5

Programacin Web [AEB-1055]

Fecha de Actualizacin 22/08/2013

Pgina 6

Programacin Web [AEB-1055]

Pgina principal de ContosoConf en Google Chrome V 32.0.1700.107 m

Fecha de Actualizacin 22/08/2013

Pgina 7

Programacin Web [AEB-1055]

Pgina principal de ContosoConf en Internet explorer V 10.0

Fecha de Actualizacin 22/08/2013

Pgina 8

Programacin Web [AEB-1055]

Pgina principal de ContosoConf en opera V 19.0

Fecha de Actualizacin 22/08/2013

Pgina 9

Programacin Web [AEB-1055]

Diferencias de cada navegador.

Men principal Firefox 27.0
Quita el diseo colocndolo de forma vertical y las opciones del men sobresalen de este. Esta mejor ordenado pero l seleccionar una opcin, no aparece el objeto principal de seleccin. Se observa de una forma ms ordenada y con un buen diseo

Registro de usuarios
Lo coloca de un color traslucido y pierde todo el diseo. Borra el botn de registro de usuario.

conferencistas
Las coloca de forma vertical y el nombre de cada uno pierde el orden. Los coloca de forma vertical pero los nombres de ellos estn bien ordenados. Los coloca de forma horizontal (correctamente) y sus nombres estn alineados a cada uno d ellos. Los coloca de una forma vertical con los nombres desordenados.

Nombre de patrocinadores
De igual manera los coloca de forma vertical perdiendo el orden. Los coloca de forma vertical y sin sentido.

Video
Si se visualiza y no lo cambia de lugar ni tamao. No se aprecia el video.

Google Chrome 32

Internet Explorer 10.0

Lo coloca de forma correcta y no pierde el diseo.

Aparecen de forma horizontal con un buen diseo.

Se aprecia claramente.

Opera 19.0

Pasa lo mismo que en Firefox, pierde el diseo y coloca las opciones de forma vertical pero el seleccionar esta correcto (un poco ancho.

No se visualiza el diseo pero el botn sirve.

Aparecen de forma vertical y desordenada.

El video aparece pero el tamao se reduce.

Fecha de Actualizacin 22/08/2013

Pgina 10

Programacin Web [AEB-1055]

6. CONCLUSIONES
Cada navegador sirve de forma correcta segn sea su contenido, para las aplicaciones Web del gobierno, por lo regular solo estn diseadas para que sirvan de manera correcta en los navegadores Internet Explorer o Firefox, debido a su seguridad y diversas herramientas que cuentan cada una de estas aplicaciones Web. En esta prctica la aplicacin se cre en ASP.NET, se visualiz mejor en el navegador Internet Explorer ya que es propio de Windows y el lenguaje de programacin ASP.NET pertenece a la familia del Visual Studio el cual es un ID de Windows. Depende del ID y el lenguaje de programacin que se use para crear la aplicacin Web, pero existen diversas herramientas las cuales pueden hacer que la aplicacin Web creada, pueda visualizarse en cualquier navegador sin necesidad de que pierdan su estructura.

7.- BIBLIOGRAFA
1. Fernando, H., Motores de Bsqueda [Documento en http://especializacion.una.edu.ve/Internet/paginas/Lecturas/Fernandez.pdf [12-02-2014]. lnea]. En:

2. Universidad de Ciencias y Administracin (UCAD), Buscadores [Documento en lnea]. En: http://www.ucad.edu.sv/archivos/MANUAL%20BUSCADORES.pdf [12-02-12014]. 3. Universidad Federal Fluminense, Navegadores Web [Documento en lnea]. En: http://www2.ic.uff.br/~otton/graduacao/informaticaI/navegadores_Web.pdf [12-02-2014]. 4. Universidad Tcnica de Manab, Manual de uso Internet y Herramientas Tecnolgicas. [Documento en lnea]. En: http://www.utm.edu.ec/seguimosavanzando/wpcontent/uploads/carrusel/manuales/fcae/uso.int.her.tec.pdf [12-02-2014].

Fecha de Actualizacin 22/08/2013

Pgina 11