TECNOLGICO DE ESTUDIOS SUPERIORES DE VALLE DE BRAVO

MATERIA

Arquitectura de Software para Computo Mvil.

PRESENTAN

Vctor Alfonso Garduo Velzquez.

PROFESOR

M. en I.S.C Roque Matas Lpez.

PRACTICA
Prctica # 1 Pgina Web Fluida

Valle de Bravo, Estado de Mxico; 27 de Marzo del 2015.

INTRODUCCIN.

Hoy en da los usuarios acceden nuestras pginas web desde diferentes medios:
un ordenador de Escritorio, un mvil, una Tablet. Partiendo de la base de que el
diseo de una web, para que funcione, tiene que estar centrada en el usuario, es
importante que nuestra web se adapta a cualquier medio para su correcta
visualizacin. Es por ello que ltimamente se estn utilizando lo que se llama
Responsive Web Design.

OBJETIVO GENERAL.

Realizar un programa HTML que muestre los datos y caractersticas de que

parte se est visitando el sitio ejemplo (pc, navegador, direccin IP etc.)

OBJETIVOS ESPECFICOS.

Abordar de forma concreta y prctica el diseo Web Responsive para lograr

sitios que se adapten a las distintas resoluciones de pantalla y los distintos
tipos de dispositivos mviles.

MATERIAL/EQUIPO.

Laptop

Servidor XAMPP.

Dreamweaver Editor de HTML.

PROCEDIMIENTO.

Se Realiza un programa web mediante el uso del diseo web adaptable y el uso de
diferentes mtodos para que se muestre el las caractersticas de donde o de que
dispositivo se est visualizando la pgina realizada como el navegador donde se
navega, la plataforma, la direccin IP del dispositivo.

TRATAMIENTO DE DATOS.
PGINA WEB PROPIEDADES DEL SISTEMA

1.- Se crea un nueva pgina en el cual va a tener un estilo llamado Diseo Web.

2.Se crea la pgina web que va a contener las propiedades del sistema y en
cuando se ejecute se tiene que ir adaptando a la propiedades del sistema.

3.-Ejecuta el XAMPP y los Servicios de Apache.

4.-Ejecuta la pgina web y se verifica que todo est bien.

5.-Haciendo ms pequea la pgina para ver que se est adaptando el texto con
la pantalla.

6.-Se verifican las propiedades del sistema.

RESULTADOS.

Esta pgina al cambiar el tamao el texto que se encuentra en la pantalla se

va ajustando automticamente conforme se va cambiando el tamao de la
ventana.

Muestra las Caractersticas del dispositivo donde se est viendo o ejecutando

la pgina web (pc, mvil, Tablet etc.)

CONCLUSIONES.

El diseo web adaptativo es definitivamente una solucin eficaz con el fin de ofrecer
una experiencia deseada al usuario. Es una evolucin superior del diseo web que
invita a los diseadores a un nuevo desafo y asegura a los usuarios una experiencia
enriquecida. En cuanto a los inconvenientes de esta tcnica, se solucionan con una
mayor inversin al nivel del diseo y al nivel del desarrollo del sitio web.

VICTOR ALFONSO GARDUO VELAZQUEZ.

BIBLIOGRAFA.

http://www.revista.unam.mx
http://www.emenia.es
http://www.sail.com.mx
http://www.genbetadev.com