Informe Pagina Web JPCELL

7
INTRODUCCION El siguiente trabajo muestra el informe de una página web desarrollada en Adobe Dreamweaver, la cual trata de una tienda de telefonía y computadoras a dar publicidad, por medio de este medio informático 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 categorías que ofrece así también mostrar a sus visitantes su visión, misión, servicios, y la información de la empresa. El desarrollo de la página web es un proyecto asignado en la clase de Computación II asignando Adobe Dreamweaver para su desarrollo. TIPO DE ARQUITECTURA El tipo de arquitectura que se utilizará en esta página web será la de tres capas porque permite el diseño de arquitecturas escalables donde se pueda modificar conforme las necesidades vayan aumentando, así será más sencillo al momento de dar de alta un producto, o modificar cualquier otro aspecto. 3 LENGUAJE DEL LADO DE SERVIDOR

description

aqui subo un prototipo de un informe de pagina web para que siva de apoyo al que lo nesecite

Transcript of Informe Pagina Web JPCELL

INTRODUCCIONEl 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 ARQUITECTURAEl 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.

3LENGUAJE 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 capasJavaScript 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 CLIENTEEl 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 UTILIZARAdobe Dreamweaver Windows, como sistema operativoApache, 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 MySQLLa 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.METODOLOGIATIPOS DE USUARIOSEl 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 USUARIOEl usuario administrador. En nuestro caso es el mismo desarrollador Miguel Pineda Tiene acceso a todas las operaciones de gestin que se pueden realizaren la pginaTrabajar 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.

Muestra los servicios que da la empresa

Diagramas de Dar click a estas opcionesMuestra la visin de la empresa

Muestra los productos que tiene la empresa

MisionVisionProductosServiciosInformacin de la empresaMuestra la Misin de la empresa

Funcin de la pagina

AdministradorPublicar y editar artculos ActualizacionesDetectar y Corregir erroresCambios de interfaz etc.Mantenimiento BDOperaciones de gestinClienteConsulta la informacin Artculos, serviciosIngresa a la pgina

DISEO DE LA INTERFAZ

CONCLUSIONESAl 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 expectativasYa 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.