INTRODUCCION

El siguiente trabajo muestra el informe de una pgina web desarrollada en

Adobe Dreamweaver, la cual trata de una tienda de telefona y
computadoras a dar publicidad, por medio de este medio informtico las
diferentes variedades de productos y servicios que existen en dicha
empresa, mostrando as; el tipo, precios , marcas entre otras propiedades
de cada producto proporcionar los datos de las diferentes categoras que
ofrece as tambin mostrar a sus visitantes su visin, misin, servicios, y la
informacin de la empresa.
El desarrollo de la pgina web es un proyecto asignado en la clase de
Computacin II asignando Adobe Dreamweaver para su desarrollo.

TIPO DE ARQUITECTURA
El tipo de arquitectura que se utilizar en esta pgina web ser la de tres
capas porque permite el diseo de arquitecturas escalables donde se pueda
modificar conforme las necesidades vayan aumentando, as ser ms
sencillo al momento de dar de alta un producto, o modificar cualquier otro
aspecto.

3
LENGUAJE DEL LADO DE SERVIDOR

La eleccin principal de este programa es porque es una de las

herramientas de diseo de pginas web ms avanzadas, adems este
programa dispone de funciones para acceder al cdigo HTML generado .La
aplicacin permite crear sitios de formato talmente grfica, tambin la
conexin a un servidor, a base de datos, soporte para programacin en ASP,
PHP, JavaScript, cliente FTP integrado, etc. Dreamweaver Cumple

perfectamente el objetivo de disear pginas con aspecto profesional, y

soporta gran cantidad de tecnologas, adems muy fciles de usar:

Hojas de estilo y capas

JavaScript para crear efectos e interactividades
Insercin de archivos multimedia.
Adems es un programa que se puede actualizar con componentes, que
fabrica tanto Macromedia como otras compaas, para realizar otras
acciones ms avanzadas. En resumen, el programa es realmente
satisfactorio, incluso el cdigo generado es de buena calidad. La nica pega
consiste en que al ser tan avanzado, puede resultar un poco difcil su
manejo para personas menos experimentadas en el diseo de webs.
Adobe Dreamweaver es una aplicacin en programa de estudio (basada en
la forma de estudio de Adobe Flash) que est destinada a la construccin,
diseo y edicin de sitios, vdeos y aplicaciones Web basados en estndares.
Creado inicialmente por Macromedia (actualmente producido por Adobe
Systems) es uno de los programas ms utilizados en el sector del diseo y la
programacin web por sus funcionalidades, su integracin con otras
herramientas como Adobe Flash y, recientemente, por su soporte de los
estndares del World Wide Web Consortium.

Sus principales competidores son Microsoft Expresin Web y BlueGriffon

(que es de cdigo abierto) y tiene soporte tanto para edicin de imgenes
como para animacin a travs de su integracin con otras. Hasta la versin
MX, fue duramente criticado por su escaso soporte de los estndares de la
web, ya que el cdigo que generaba era con frecuencia slo vlido para
Internet Explorer y no validaba como HTML estndar. Esto se ha ido
corrigiendo en las versiones recientes.
La gran ventaja de este editor sobre otros es su gran poder de ampliacin y
personalizacin, puesto que en este programa sus rutinas (como la de
insertar un hipervnculo, una imagen o aadir un comportamiento) estn
hechas en JavaScript-C, lo que le ofrece una gran flexibilidad en estas
materias. Esto hace que los archivos del programa no sean instrucciones de
C++ sino rutinas de JavaScript que hace que sea un programa muy fluido y
todo ello permite que programadores y editores web hagan extensiones
para su programa y lo pongan a su gusto.
Como editor WYSIWYG que es, Dreamweaver permite ocultar el cdigo
HTML de cara al usuario, haciendo posible que alguien no entendido pueda
crear pginas y sitios web fcilmente sin necesidad de escribir cdigo.
LENGUAJE DEL LADO DE CLIENTE
El lenguaje de lado de cliente ser HTML, como ya lo habamos visto y
manipulado, adems se tom a consideracin la compatibilidad con el
lenguaje del lado de servidor, adems de que la forma de utilizacin de este

lenguaje no es complicada y puede ser creado y editado con cualquier

editor de textos bsico, como puede ser el bloc de notas.
HERRAMIENTAS DE DESARROLLO A UTILIZAR
Adobe Dreamweaver
Windows, como sistema operativo
Apache, como servidor web; que en nuestro caso no se utilizara pero lo
recomiendo a prximas generaciones.
MySQL, como gestor de bases de datos igual nuestro caso no lo
utilizaremos, pero se utilizara la pgina web en funcin para el almacenaje
de sus datos
HTML con css5 como lenguaje de programacin web.
Photoscape pada dar animacin a la pgina web.

GESTOR PARA LA BASE DE DATOS MySQL

La eleccin de este sistema de BD fue porque ya se tienen conocimientos
bsicos a cerca del mismo, por clases anteriores en otras materias como lo
fue Base de datos, adems de que permite la conexin con el servidor PHP
que se utilizar. Por un lado se ofrece bajo la GNU GPL para cualquier uso
compatible con esta licencia. Otro de los motivos de la eleccin es que para
realizar la base de datos es que MySQL est patrocinado por una empresa
privada, que posee el copyright de la mayor parte del cdigo. Esto es lo que
posibilita el esquema de licenciamiento anteriormente mencionado. Adems
de la venta de licencias privativas, la compaa ofrece soporte y servicios.
Para sus operaciones contratan trabajadores alrededor del mundo que
colaboran va Internet.
METODOLOGIA
TIPOS DE USUARIOS
El usuario administrador. Por el momento no tenemos un registro de
usuarios lo involucro como parte de informe para una actualizacin de dicha
pgina pero explicare que esta parte.
Es la persona a la que va destinada dicho producto de software una vez que
ha superado las fases de desarrollo correspondientes. En principio es el
propietario del mismo aunque ste puede designar ms administradores.
El usuario annimo (Cliente).
Aquel que navegara en el sitio web sin autenticarse como usuario
registrado. Normalmente, el usuario registrado goza de mayores privilegios
que el usuario annimo; en este caso se utilizara solo usuarios annimos.
ROLES DE USUARIO

El usuario administrador. En nuestro caso es el mismo desarrollador Miguel

Pineda
Tiene acceso a todas las operaciones de gestin que se pueden realizaren
la pgina
Trabajar en tareas de configuracin de la aplicacin, como dar
mantenimiento a la base de datos, actualizarla, hacer cambios en la interfaz
dela misma, puede publicar y editar los artculos; todo en cuanto a
modificaciones se refiera.
Principalmente el software se desarrolla pensando en la comodidad del
usuario final, y por esto se presta especial inters y esfuerzo en conseguir
una interfaz de usuario lo ms clara y sencilla posible.
El usuario annimo (Cliente).
Estos usuarios podrn navegar en la pgina Web sin la necesidad de
registrarse para acceder a otras partes de la misma, as tambin no podr
hacer modificaciones, ni editar aspectos de la pgina.

DISEO DE NAVEGACIN
Descripcin de la pgina
En la primera vista de la pgina web mostrara parte de informacin de la empresa al
lado izquierdo del usuario muestra unos botones de enlace a las dems paginas as
dando click, mandara a otro sitio donde se encontraran varias novedades como
servicios que ofrece la empresa, productos en ventas, visin, misin de la empresa as
como las propiedades de cada una (modelo, tipo, textura, color, precio, material, etc.).
As el cliente tendr una idea ms clara y se sentir motivado para visitar la sucursal de
su preferencia o a fin de futuras actualizaciones podr hacer compras en la misma
pgina o reservaciones de producto con tiempo limitado.

Diagramas

Dar click a
estas opciones

Muestra los servicios que da la

de

Funcin de la pagina

empresa

Muestra los productos que

tiene la empresa

Servicios

Informacin
de la
empresa

Productos
Vision

Muestra la visin de la
empresa

Mision
Muestra la Misin de la
empresa

Ingresa a la pgina
Cliente
Consulta la informacin
Artculos, servicios
Operaciones de gestin

Mantenimiento BD
Administrador
Actualizaciones

Cambios de interfaz etc.

Detectar
Publicar y editar
Corregir
artculos
errores

DISEO DE LA INTERFAZ

CONCLUSIONES
Al trmino de este documento, que tan solo es un avance terico, se desea
llevar a cabo realmente, con la utilizacin de las herramientas antes
mencionadas. Gracias a la investigacin previa para la realizacin del
mismo, se tiene un concepto ms claro de lo que se quiere llegar con el
desarrollo de la pgina y las necesidades que el cliente requiere; as como
las problemticas que pudieran presentarse. Los conocimientos obtenidos
en la materia de Computacin II han sido un apoyo eficiente, ya que motiva
a seguir aprendiendo a cerca del desarrollo y programacin de pginas, no
solo en lo que estamos acostumbrados sino, abriendo caminos a nuevas
expectativas
Ya concluido el reporte y haber recopilado la informacin necesaria, sobre
cmo hacer una pgina web me dejo los conocimientos necesarios para
poderla realizar ms adelante. Ms adelante se planea poderla realizar e
implementarla ya al pblico para hacer publicidad al negocio y a la vez
tener mayor productividad. Se obtuvieron buenos resultados en la
elaboracin de este reporte para poderlo hacer en un futuro.