DESARROLLO E IMPLEMENTACIN DE UN SISTEMA DE INFORMACION BASADO EN ENTORNO WEB EN FORMA DINAMICA PARA APOYAR EL PROCESO DE RECONOCIMIENTO DE UNA NUEVA

EMPRESA DE SONIDO PROFESIONAL LLAMADA THE BROTHERS.

CACERES CARVAJAL JHON ALEXANDER CACERES CARVAJAL JONATHAN JAVIER CARVAJAL DIAZ ROBERT JOAN QUINTERO VERGEL JHON BREYNER

PROYECTO DE GRADO

CORPORACION INTERAMERICANA DE EDUCACION SUPERIOR FACULTAD DE SISTEMAS TECNICO PROFESIONAL EN SISTEMAS BUCARAMANGA 2011
1

DESARROLLO E IMPLEMENTACIN DE UN SISTEMA DE INFORMACION BASADO EN ENTORNO WEB EN FORMA DINAMICA PARA APOYAR EL PROCESO DE RECONOCIMIENTO DE UNA NUEVA EMPRESA DE SONIDO PROFESIONAL LLAMADA THE BROTHERS.

CACERES CARVAJAL JHON ALEXANDER CACERES CARVAJAL JONATHAN JAVIER CARVAJAL DIAZ ROBERT JOAN QUINTERO VERGEL JHON BREYNER

Trabajo de grado presentado como requisito para optar al ttulo de: TECNICO PROFESIONAL EN SISTEMAS

YAHIR MARIN JAIMES INGENIERO DE SISTEMAS DIRECTOR

CORPORACION INTERAMERICANA DE EDUCACION SUPERIOR FACULTAD DE SISTEMAS TECNICO PROFESIONAL EN SISTEMAS BUCARAMANGA 2011
2

NOTA DE ACEPTACIN

_________________________________ _________________________________ _________________________________ _________________________________ _________________________________

_________________________________ PRESIDENTE DEL JURADO

_________________________________ JURADO

_________________________________ JURADO

Bucaramanga, junio de 2011.

Dedicamos este logro a DIOS por ser quien ha estado a nuestro lado en todo momento de nuestra carrera, dndonos las fuerzas necesarias para continuar luchando da tras da y seguir adelante y rompiendo todas las barreras que se nos presentan; adems a nuestros profesores los cuales les agradecemos de todo corazn por ensearnos las mltiples cosas que nos han servido de gran utilidad, ya que este camino apenas est empezando y debemos solucionar nuestros problemas con mucho profesionalismo.

CACERES CARVAJAL JHON ALEXANDER CACERES CARVAJAL JONATAN JAVIER CARVAJAL DIAZ ROBERT JOAN QUINTERO VERGEL JHON BREYNER

AGRADECIMIENTOS

A la Ingeniera SANDRA MILENA CARREO; docente de la Universidad Corpocides. Por todo su apoyo durante la carrera. Tambin agradezco de manera especial al ingeniero YAHIR MARIN JAIMES por Su apoy y enseanza para llevar a cabo la culminacin de nuestra carrera Profesional. Al alcalde de Bucaramanga seor FERNANDO VARGAS por darnos la oportunidad de pertenecer al programa universidad del pueblo. A todas las personas que de una u otra forma contribuyeron con su experiencia Y conocimiento en la carrera y en la realizacin de este proyecto.

CACERES CARVAJAL JHON ALEXANDER CACERES CARVAJAL JONATAN JAVIER CARVAJAL DIAZ ROBERT JOAN QUINTERO VERGEL JHON BREYNER

CONTENIDO

PAG

DEDICATORIA....4 AGRADECIEMIENTOS..5 CONTENIDO6 LISTA DE FIGURAS...7 LISTA DE TABLAS..8 INTRODUCCION.9 PROBLEMA11 DESCRIPCION DEL PROBLEMA..12 DELIMITACION..14 OBJETIVOS15 MARCO TEORICO17 DISEO METODOLOGICO33 GLOSARIO35 CONCLUSIONES.41 BIBLIOGRAFIA.43 ANEXOS...45

LISTA DE FIGURAS Figura 1. Grafico encuestapg. 12.

LISTA DE TABLAS

Tabla 1. Etiquetas bsicas para el contenido HTMLpg. 25.

INTRODUCCION

THE BROTHERS PROFESSIONAL SOUND es una empresa que busca ofrecer un excelente servicio con calidad, responsabilidad y compromiso a sus clientes. Teniendo en cuenta los principios de respeto y accesibilidad necesidades que nuestros clientes soliciten. Teniendo en cuenta que THE BROTHERS PROFESSIONAL SOUND en la actualidad no posee un sitio web y conociendo que el internet es el medio de comunicacin ms utilizado por la sociedad moderna, se dise un sitio web, como soporte para dar a conocer los servicios prestados por la empresa y poder obtener un reconocimiento total en el rea metropolitana y sus alrededores. Dentro de los hipervnculos del sitio se resalta con gran importancia la participacin de nuestros clientes logrando satisfacer y despertar inters por adquirir nuestro servicio. Tras analizar lo anterior el sitio web cumple con las condiciones preliminares para dar solucin a dicha necesidad ya que los usuarios pueden tener la informacin de la empresa a la mano y de cada uno de los eventos que realizan a diario. Sin embargo se requiere que su funcionalidad, sea visible y compartida en la web en forma dinmica, para que los usuarios puedan hacer parte de la empresa. Adicionalmente THE BROTHERS PROFESSIONAL SOUND ofrece una gama de servicios para satisfacer distintas necesidades de sus usuarios; entre ellos una serie de contenidos de gran inters en la parte de entretenimiento, el top 10 de la semana, fotografas, publicacin de los mejores momentos antes y despus de la realizacin de los eventos, tutoriales dj y descarga de msica. acorde con las

Todo esto con el fin de brindarles a nuestros usuarios un servicio calificado, teniendo informacin actualizada as como un interfaz totalmente dinmica, con contenidos que sean de gran importancia que despierten inters de interactuar con el sitio web.

10

PROBLEMA

THE BROTHERS PROFESSIONAL SOUND es una empresa creada en septiembre de 2010 con el fin de prestar un servicio de alquiler de sonido y luces para diferentes tipos de evento, entre ellos: Matrimonios Quince aos Despedidas de solteros Fiestas Empresariales Piatas

Ante la falta de reconocimiento se dio la necesidad de crear un sitio web que cumpliera con la funcin de informar a nuestros clientes todos los servicios que THE BROTHERS PROFESSIONAL SOUND ofrece. Este proyecto se realizara ante la necesidad de suministrar informacin actualizada de la empresa sobre los servicios que ofrece con gran profesionalismo.

11

DESCRIPCION DEL PROBLEMA

Con la creacin de este sitio web THE BROTHERS busca obtener mejores beneficios, ya sean econmicos y/o publicitarios. Tras una serie de investigaciones realizadas por medio de encuestas en la red social Facebook, se obtuvieron resultados que dan viabilidad en la realizacin del proyecto. Ver figura 1.
Visitaria un sitio web de Sonido Profesional para Eventos?

Si 95% No 5%

Figura 1 Al visitar este sitio web el usuario podr aportar sugerencias, inquietudes y Contactarse de manera inmediata con la persona encargada de la administracin de la empresa.

La informacin ms reciente podr ser actualizada por la empresa de tal forma que los usuarios de la zona virtual tengan acceso a la informacin en tiempo real, para ello se recopila la informacin semanal o de inters inmediato que se subir a la plataforma sin alterar su funcionamiento.

12

La constante bsqueda del crecimiento y mejoramiento continuo de la empresa de sonido profesional THE BROTHERS, se personaliza a travs de la utilizacin de las nuevas tecnologas de la informacin para estar a la vanguardia.

13

DELIMITACION

El sitio web le permitir a la empresa THE BROTHERS PROFESSIONAL SOUND, a primera instancia dar a conocer los servicios ofrecidos por la empresa, y tener un reconocimiento total en el rea metropolitana de Bucaramanga y sus alrededores. Al ser implementado sobre la web se podr obtener informacin de la empresa y eventos que esta realiza, que estarn dirigidos directamente a los usuarios que estn interesados en obtener nuestros servicios y todo lo relacionado con este medio; ya sea msica, informacin de eventos, fotografas, videos musicales, etc. Cada uno de los hipervnculos diseados en nuestro sitio web lograra un inters y una satisfaccin en los usuarios, por su contenido e ilustraciones, que le permiten interactuar de forma directa con la empresa. Nuestro sitio web se restringe en publicar lbumes originales de diferentes artistas, por problemas de derechos de autor, ya que esto nos implicara cuestiones legales. Con los beneficios econmicos obtenidos a travs de nuestro sitio web, se podr contrarrestar dicho inconveniente. Con este sitio web la empresa THE BROTHERS PROFESSIONAL SOUND se impone al ser una de las organizaciones pioneras en innovar utilizando este servicio.

14

OBJETIVOS

GENERAL Disear un sitio web con una serie de aplicaciones e ilustraciones que permitan al usuario conocer el servicio que presta la empresa THE BROTHERS PROFESSIONAL SOUND.

ESPECIFICOS Conseguir patrocinio para el sostenimiento anual de la pgina.

Permitir la realizacin de consultas para el apoyo de toma de decisiones de promociones o eventos especiales.

Implantar un sistema de descargas de archivos, en el que el usuario pueda obtener msica y formatos que la empresa disponga.

Crear mdulos de entretenimiento donde los usuarios puedan hacer parte de la pgina.

Implementar nuevos diseos grficos que sean soporte para pginas futuras.

Informar y asesorar a nuestros usuarios, por medio de hipervnculos de los servicios ofrecidos, costos y productos de una manera dinmica.

15

Brindar

mayor

reconocimiento

innovacin

THE

BROTHERS

PROFESSIONAL SOUND en el mbito publicitario.

Mantener un contacto directo con los usuarios por medio de un formulario donde podrn aportar sugerencias e inquietudes.

Publicar informacin semanal o de inters inmediato a los clientes que soliciten nuestros servicios.

16

MARCO TEORICO

Para llevar a cabo la realizacin de nuestro proyecto se utilizaron las siguientes herramientas: Sistema: Conjunto de partes o elementos organizadas y relacionadas que interactan entre s para lograr un objetivo. Los sistemas reciben (entrada) datos, energa o materia del ambiente y proveen (salida) informacin, energa o materia.

Un sistema puede ser fsico o concreto (una computadora, un televisor, un humano) o puede ser abstracto o conceptual (un software). Cada sistema existe dentro de otro ms grande, por lo tanto un sistema puede estar formado por subsistemas y partes, y a la vez puede ser parte de un supersistema. Los sistemas tienen lmites o fronteras, que los diferencian del ambiente.

Tipos de Sistemas:

En cuanto a su constitucin, pueden ser fsicos o abstractos: Sistemas fsicos o concretos: compuestos por equipos, maquinaria, objetos y cosas reales. El hardware. Sistemas abstractos: compuestos por conceptos, planes, hiptesis e ideas. Muchas veces solo existen en el pensamiento de las personas. Es el software.

En cuanto a su naturaleza, pueden cerrados o abiertos:

17

 Sistemas cerrados: no presentan intercambio con el medio ambiente que los rodea, son hermticos a cualquier influencia ambiental. No reciben ningn recurso externo y nada producen que sea enviado hacia fuera. En rigor, no existen sistemas cerrados. Se da el nombre de sistema cerrado a aquellos sistemas cuyo comportamiento es determinante y programado y que opera con muy pequeo intercambio de energa y materia con el ambiente. Sistemas abiertos: presentan intercambio con el ambiente, a travs de entradas y salidas. Intercambian energa y materia con el ambiente. Son adaptativos para sobrevivir. Su estructura es ptima cuando el conjunto de elementos del sistema se organiza, aproximndose a una operacin adaptativa. La adaptabilidad es un continuo proceso de aprendizaje y de autoorganizacin.

Los sistemas abiertos no pueden vivir aislados. Los sistemas cerrados, cumplen Con el segundo principio de la termodinmica que dice que "una cierta cantidad llamada entropa, tiende a aumentar al mximo".

Elementos del Sistema: Las corrientes de entrada Proceso de conversin Corriente de salida La comunicacin retroalimentacin El enfoque corriente entrada salida

Sistemas de Informacin Un sistema de informacin es un conjunto de elementos que interactan entre s con el fin de apoyar las actividades de una empresa o negocio.

18

Equipo computacional: Es hardware necesario para que el sistema de Informacin pueda operar. El recurso humano que interacta con el Sistema de Informacin, el cual est formado por las personas que utilizan el sistema. Un sistema de informacin realiza cuatro actividades bsicas: entrada, almacenamiento, procesamiento y salida de informacin.

Entrada de Informacin: Es el proceso mediante el cual el Sistema de Informacin toma los datos que requiere para procesar la informacin. Las entradas pueden ser manuales o automticas. Las unidades tpicas de entrada de datos a las computadoras son las terminales, las cintas magnticas, las unidades de diskette, los cdigos de barras, los escner, la voz, los monitores sensibles al tacto, el teclado y el Mouse, entre otras.

Almacenamiento de informacin: El almacenamiento es una de las actividades o capacidades ms importantes que tiene una computadora, ya que a travs de esta propiedad el sistema puede recordar la informacin guardada en la seccin o proceso anterior.

Procesamiento de Informacin: Es la capacidad del Sistema de Informacin para efectuar clculos de acuerdo con una secuencia de operaciones Preestablecida. Estos clculos pueden efectuarse con datos introducidos recientemente en el sistema o bien con datos que estn almacenados.

Salida de Informacin: La salida es la capacidad de un Sistema de informacin para sacar la informacin procesada o bien datos de entrada al exterior. Las unidades tpicas de salida son las impresoras, terminales, diskettes, cintas magnticas, la voz, los graficadores y los plotters, entre otros. Es importante

19

aclarar que la salida de un Sistema de Informacin puede constituir la entrada a otro Sistema de Informacin o mdulo.

Definicin de Software

Software, programtica, equipamiento lgico o soporte lgico a todos los componentes intangibles de una computadora, es decir, al conjunto de programas y procedimientos necesarios para hacer posible la realizacin de una tarea especfica, en contraposicin a los componentes fsicos del sistema (hardware). Esto incluye aplicaciones informticas tales como un procesador de textos, que permite al usuario realizar una tarea, y software de sistema como un sistema operativo, que permite al resto de programas funcionar adecuadamente, facilitando la interaccin con los componentes fsicos y el resto de aplicaciones.

Aplicaciones web

En la ingeniera software se denomina aplicacin web a aquellas aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a travs de internet o de una intranet mediante un navegador. En otras palabras, es una aplicacin software que se codifica en un lenguaje soportado por los navegadores web (HTML, JavaScript, Java, etc.) en la que se confa la ejecucin al navegador. Las aplicaciones web son populares debido a lo prctico del navegador web como cliente ligero, as como a la facilidad para actualizar y mantener aplicaciones web sin distribuir e instalar software a miles de usuarios potenciales. Existen aplicaciones como los web mails, wikis, blogs, tiendas en lnea y la propia Wikipedia que son ejemplos bien conocidos de aplicaciones web. Es importante mencionar que una pgina Web puede contener elementos que permiten una comunicacin activa entre el usuario y la informacin. Esto permite que el usuario acceda a los datos de modo interactivo, gracias a que la pgina responder a
20

cada una de sus acciones, como por ejemplo rellenar y enviar formularios, participar en juegos diversos y acceder a gestores de base de datos de todo tipo.

Antecedentes

En los primeros tiempos de la computacin cliente-servidor, cada aplicacin tena su propio programa cliente que serva como interfaz de usuario que tena que ser instalado por separado en cada ordenador personal de cada usuario. El cliente realizaba peticiones a otro programa -el servidor- que le daba respuesta. Una mejora en el servidor, como parte de la aplicacin, requera normalmente una mejora de los clientes instalados en cada ordenador personal, aadiendo un coste de soporte tcnico y disminuyendo la productividad. A diferencia de lo anterior, las aplicaciones web generan dinmicamente una serie de pginas en un formato estndar, como HTML o XHTML, que soportan por los navegadores web comunes.

Interfaz

Las interfaces web tienen ciertas limitaciones en las funcionalidades que se Ofrecen al usuario. Hay funcionalidades comunes en las aplicaciones de Escritorio como dibujar en la pantalla o arrastrar-y-soltar que no estn Soportadas por las tecnologas web estndar. Los desarrolladores web Generalmente utilizan lenguajes interpretados o script en el lado del cliente para Aadir ms funcionalidades, especialmente para ofrecer una experiencia interactiva que no requiera recargar la pgina cada vez (lo que suele resultar molesto a los usuarios). Recientemente se han desarrollado tecnologas para coordinar estos lenguajes con tecnologas en el lado del servidor, como por ejemplo PHP.
21

Consideraciones tcnicas

Una ventaja significativa es que las aplicaciones web deberan funcionar igual independientemente de la versin del sistema operativo instalado en el cliente. En vez de crear clientes para Windows, Mac OS X, GNU/Linux, y otros sistemas Operativos, la aplicacin web se escribe una vez y se ejecuta igual en todas partes. Sin embargo, hay aplicaciones inconsistentes escritas con HTML, CSS, DOM y otras especificaciones para navegadores web que pueden causar problemas en el desarrollo y soporte de las aplicaciones web. Adicionalmente, la posibilidad de los usuarios de personalizar muchas de las caractersticas de la interfaz (tamao y color de fuentes, tipos de fuentes, inhabilitar JavaScript) puede interferir con la consistencia de la aplicacin web. Otra aproximacin es utilizar Adobe Flash Player o Java applets para desarrollar parte o toda la interfaz de usuario. Como casi todos los navegadores incluyen soporte para estas tecnologas (usualmente por medio de plug-ins), las aplicaciones basadas en Flash o Java pueden ser implementadas con aproximadamente la misma facilidad. Dado que ignoran las configuraciones de los navegadores, estas tecnologas permiten ms control sobre la interfaz, aunque las incompatibilidades entre implementaciones Flash o Java puedan crear nuevas complicaciones. Por las similitudes con una arquitectura cliente-servidor, con un cliente "no ligero", existen discrepancias sobre el hecho de llamar a estos sistemas aplicaciones web; un trmino alternativo es Aplicacin Enriquecida de Internet.

22

Estructura de las aplicaciones Web

Aunque existen muchas variaciones posibles, una aplicacin web est normalmente estructurada como una aplicacin de tres-capas. En su forma ms comn, el navegador web ofrece la primera capa y un motor capaz de usar alguna tecnologa web dinmica (ejemplo: PHP, Java Servlets o ASP, ASP.NET, CGI, ColdFusion, embPerl, Python (programming language) o Ruby on Rails) constituye la capa de en medio. Por ltimo, una base de datos constituye la tercera y ltima capa. El navegador web manda peticiones a la capa de enmedio que ofrece servicios valindose de consultas y actualizaciones a la base de datos y a su vez proporciona una interfaz de usuario.

Lenguaje HTML (Hyper Text Markup Language o Lenguaje de Marcas De Hipertexto) es un lenguaje de marcas orientado a la publicacin de documentos en Internet. Este tipo de documento son las pginas Web, que gracias a este lenguaje se Puede describir texto de forma estructurada y agradable, las cuales se disean para ser accedidas a travs de Internet. El lenguaje HTML es extensible, se le pueden aadir caractersticas, etiquetas y funciones adicionales para el diseo de pginas web, generando un producto vistoso, rpido y sencillo. Es un lenguaje tipo WYGIMYM (What You Get Is What You Meant, Lo que se obtiene es lo que se quiere exponer) que significa que a la vez que se disea el documento HTML estamos viendo su aspecto final, los cuales estn formados por una identidad lgica llamado elementos que pueden ser textos, scripts, programas java, hiperenlaces, tablas, elementos multimedia (imgenes, audio y video,

animaciones), formularios, etc.

23

Elementos Bsicos de HTML

Est compuesto por un conjunto de elementos que son la base de su estructura. Sus elementos principales son las marcas, los elementos vacos y los atributos. Las marcas son las etiquetas que contienen un bloque de texto entre ellas, estn englobadas en los smbolos de mayor qu y menor que, de forma: <etiqueta>, casi siempre se encuentra una al inicio y otra al final de cada bloque de texto como por ejemplo <marca> bloque de texto </marca>. Los elementos vacos son aquellos que no afectan a los bloques de texto y que no contienen marcas de fin, como por ejemplo cuando se quiere realizar una lnea horizontal en el documento <HR> o al realizarse un salto de lnea <BR>. Los atributos son las propiedades, caractersticas o parmetros (por ejemplo, altura, ancho, color, etc.) que son declarados dentro de la marca de apertura separados del nombre y de otros atributos por un espacio y su valor debe ir entre comillas dobles como por ejemplo: <marca atributo1=valor1 atributo2=valor2> bloque de texto </marca>.

Estructura de un Documento HTML

Un documento empieza con la etiqueta <HTML>, luego le siguen dos secciones que son la cabecera <HEAD> que contiene el ttulo del documento encerrado por el elemento <TITLE>, y el cuerpo <BODY> donde se encuentra todo el contenido del documento, ya sea texto, imgenes, hipervnculos, etc.

24

Pgina bsica en HTML

<HTML> <HEAD> <TITLE> Ttulo de la pgina </TITLE> </HEAD> <BODY> Contenido del documento que se va a mostrar. </BODY> </HTML>

Tabla 1. Etiquetas bsicas para el contenido HTML

25

Tablas

Es un elemento de HTML que permite ordenar los contenidos, enmarcarlos y realizar determinadas presentaciones. Su caracterstica principal es que estn formadas por celdas. Aparte del nmero de celdas, las tablas tienen una serie de parmetros modificables: fondo, anchura, longitud y borde entre otras. Dentro de cada celda se puede alinear el texto o cualquier contenido, cambiar el color de fondo, con las etiquetas habituales para texto, prrafos o imgenes. Las etiquetas que identifican a una tabla son las siguientes: <Table></table> Define dnde comienza y termina la tabla. <table width="XX"> Determina la anchura de la tabla. Puede darse en pxeles o En porcentaje de la pgina. <table height="XX> Determina la altura de la tabla en pxeles. <table border="X"> Establece el grosor en pxeles del borde de la tabla. <table cellspacing="X"> Define el espacio en pxeles entre las celdas. <table cellpadding="X"> Define el espacio en pxeles entre el borde y el texto.

26

<tr><tr> Determina cada una de las filas de la tabla. <td></td> Determina cada una de las columnas dentro de las filas. <th></th> Determina una celda normal, con texto centrado y resaltado.

Ejemplo: <table width="100%" height="200" border="1" cellspacing="3" cellpadding="5"> <tr> <td> primera columna de la fila 1</td> <td> segunda columna de la fila 1</td> <td> tercera columna de la fila 1</td> </tr> <tr> <td> primera columna de la fila 2</td> <td> segunda columna de la fila 2</td> <td> tercera columna de la fila 2</td> </tr> </table>

Lenguaje PHP

Es el acrnimo de Hypertext Pre-Processor, es un lenguaje de programacin, concebido principalmente como herramienta para el desarrollo de aplicaciones web. Adems es un lenguaje interpretado de alto nivel embebido en pginas HTML y ejecutado en el servidor tomando el cdigo en PHP como su entrada y creando pginas web como salida, de libre distribucin y multiplataforma que contiene una gran librera de funciones y mucha documentacin.

27

Historia

Fue creado por Rasmus Lerdorf en 1994 como un conjunto de utilidades para aadir dinamismo a las pginas web. PHP fue diseado inicialmente como un simple conjunto de scripts de Perl llamado Personal Home Page Tools en 1995. Como se fue requiriendo ms funcionalidad, Rasmus fue escribiendo una implementacin C mucho mayor que le permitiera guardar ciertos datos. Aceptado este primer PHP, Rasmus decidi crear un sistema para procesar formularios al que le dio como nombre FI (Form Interpreter), luego combin estas dos herramientas para crear la primera versin del lenguaje PHP/FI, liberando el cdigo para que cualquiera pudiera utilizarlo, as como arreglar errores y mejorar el cdigo. Una segunda contribucin del lenguaje PHP/FI fue liberada oficialmente en noviembre de 1997, cuando se incluyeron nuevas funcionalidades como el soporte a nuevos protocolos de Internet y el soporte a la gran mayora de las bases de datos comerciales. Todas estas mejoras fueron sucedidas en breve tiempo por las primeras versiones de PHP 3.0.

En la actualidad PHP se encuentra en su versin 5.2.6, que utiliza el motor Zend, Desarrollado para un mejoramiento de las versiones anteriores. Algunas mejoras de esta nueva versin son su rapidez gracias a que primero se compila y luego se ejecuta, ya que antes se ejecutaba mientras se interpretaba el cdigo.

Funcionamiento de PHP

Este lenguaje es escrito dentro del cdigo HTML, lo que lo hace realmente fcil de Utilizar, permitiendo la generacin dinmica de contenido en servidores web. PHP es desarrollado del lado del servidor el cual se ejecuta en la mayora de los servidores web y en casi todos los sistemas operativos y en mltiples plataformas,
28

ste es ejecutado justo antes que se enve la pgina a travs de Internet al cliente. Cuando el cliente hace una peticin al servidor para que le enve una pgina web, el servidor llama al intrprete de PHP. ste ejecuta los script solicitado (interactuando con la base de datos) generando el contenido de manera dinmica. El documento es interpretado en el servidor, quien a su vez se lo enva al cliente en formato HTML, el cual es interpretado por cualquier navegador, ejecutndose los scripts del lado del cliente y presentndose el resultado en pantalla. Las pginas que se ejecutan en el servidor pueden realizar accesos a bases de datos, conexiones en red, y otras tareas para crear la pgina final que ver el cliente.

Aplicaciones En PHP existen muchas aplicaciones algunas de ellas son las siguientes Gestin de archivos El lenguaje PHP permite crear, borrar, mover, modificar cualquier tipo de operacin que pueda ser realizada a partir de una amplia librera de funciones para la gestin de archivos por PHP. Tambin permite la transferencia de archivos por FTP a partir de sentencias en cdigo PHP, protocolo para el cual PHP ha previsto tambin gran cantidad de funciones.

Funciones de correo electrnico este lenguaje permite con gran facilidad el envo de correo electrnico a un solo destinatario o a una lista de destinatarios. Otras funciones menos frecuentes pero de indudable utilidad para gestionar correos electrnicos son incluidas en su librera.

Lenguaje CSS (Cascading Style Sheets u Hojas de Estilo en Cascada) es un lenguaje que se usa para definir y controlar el aspecto o presentacin de un documento escrito en HTML o XML, es decir, describe cmo se va a mostrar un documento en la pantalla, o cmo va a ser expuesta la informacin.

29

El lenguaje CSS se utiliza para dar estilo a documentos HTML o XML separando la estructura del documento de su presentacin, los estilos definen la forma de mostrar los elementos de estos documentos. Las hojas de estilos en cascada se utilizan adems para crear pginas web complejas, al crear una pgina web en primer lugar se utiliza el lenguaje HTML para marcar los contenidos, es decir, para designarle una funcin a cada elemento dentro de la pgina: prrafo, titular, texto destacado, tabla, lista de elementos, etc. Luego de creados estos contenidos, se utiliza el leguaje CSS para definir el aspecto de cada elemento: color, tamao y tipo de letra del texto, separacin horizontal y vertical entre elementos, posicin de cada elemento dentro de la pgina, etc. Cualquier cambio en el estilo marcado para un elemento en la CSS afectar a todas las pginas vinculadas a esa CSS en las que aparezca ese elemento. CSS permite utilizar estos estilos de varias formas para aplicarlos a una pgina web:

Incluir el CSS en el mismo documento HTML los estilos son definidos en la cabecera del documento HTML <HEAD> o en cada etiqueta mediante el atributo <STYLE>, este mtodo es empleado cuando se define un nmero pequeo de estilos o cuando se quieren incluir estilos especficos en un documento HTML. El inconveniente para la utilizacin de este tipo de mtodo es que si se hace una modificacin en los estilos que se definieron es necesario modificar todas las pginas que incluyen el estilo que se modific.

Ejemplo: <style type="text/css"> H1 { color:orange; font-style:italic } </style>

30

Definir CSS en un archivo externo: Es una hoja de estilo que est almacenada en un archivo simple de texto cuya extensin es .css, el cual es enlazado con la pgina HTML mediante la etiqueta <LINK> definida en la cabecera del documento HTML. Ejemplo: <link rel = stylesheet type = text/css href = estilos.css> La etiqueta <LINK> incluye cuatro atributos que son: REL: que indica el tipo de relacin que tiene el recurso enlazado (en este caso, el archivo CSS) y la pgina HTML. Para los archivos CSS, siempre se utiliza el valor stylesheet. TYPE: Indica el tipo de recurso enlazado. Sus valores estn estandarizados y para los archivos CSS su valor siempre es text/css. HREF: Indica la URL del archivo CSS que contiene los estilos, esta URL puede ser relativa o absoluta y puede apuntar a un recurso interno o externo a la aplicacin web. La principal ventaja es que se puede enlazar un mismo archivo CSS en varias pginas HTML variando en forma instantnea los estilos de todas las pginas que enlazan a este archivo, garantizando la aplicacin homognea de los mismos estilos a todas las pginas que forman un sitio web.

Incluir un CSS en un elemento de HTML: Es un mtodo que se realiza directamente dentro de las etiquetas de HTML. Este modo se utiliza de manera ocasional en las que se incluye un estilo muy especfico para un solo elemento, esto es una forma muy tediosa y larga para resolver los estilos. Ejemplo: <p style = color:blue; background:lightblue; font-weight:bold> es un prrafo en azul, resaltado y en negrita </p> Se pueden crear todos los archivos CSS que sean necesarios y cada pgina HTML puede enlazar tantos archivos CSS como necesite. Los componentes de los estilos del lenguaje CSS se integran de un selector, una llave de apertura, una declaracin y por ultimo una llave de cierre. El

31

selector indica el elemento o elementos a los cuales se les aplica un estilo, la declaracin est compuesta por las propiedades y valores que especifica los estilos que se aplican a los elementos, definiendo las propiedades en un mismo bloque separada por un punto y coma.

Por ejemplo: p { font-family: arial, helvetica; color: black; }

Lenguaje ActionScripts

Es un lenguaje de programacin utilizado para crear scripts en Flash, que permite realizar aplicaciones web con elementos interactivos y de navegacin para darle dinamismo a las pginas web, adems para controlar acciones, operadores, objetos, clases y otros elementos en las aplicaciones de Flash. Est basado en la especificacin ECMA-262, al igual que otros lenguajes como JavaScript y C++. Este lenguaje acta del lado del cliente y adems permite conectar con lenguajes del lado del servidor, y a travs de ellos, con bases de datos.

ActionScript es un lenguaje de creacin de scripts orientado a objetos. Esto significa que, cuando se dan determinados eventos, las acciones controlan objetos. El evento es la accin del usuario, el objeto es la instancia de una determinada accin y la accin es una sentencia a ejecutar. Pero los script no reaccionan a eventos a menos que se utilicen manejadores de eventos. Estos manejadores de eventos se establecen de la siguiente manera: cuando (ocurra el evento) { ejecuta este cdigo} Lo que en cdigo real queda as: on (evento) { Instrucciones; } ActionScript permite especificar de forma explcita tipos de datos para variables, parmetros de funcin y tipos de devolucin de funciones, adems advertencias y mensajes de errores en compilacin. Se pueden utilizar dos formas para aplicar cdigo de ActionScript en Flash:
32

Escribir scripts que forman parte del documento de Flash, es decir scripts que sern incorporados en el archivo FLA y que luego sern ejecutados, este script es editado en el panel de Acciones el cual contiene el editor ActionScript y herramientas para facilitar la escritura de los scripts. Este panel de Acciones hace referencia a Fotogramas u objetos.

Escribir scripts en archivos externos: Para crear script externos se debe Utilizar la ventana Script del editor de ActionScript para su edicin o tambin el editor de texto creando un archivo con extensin .as. Los script son una serie de instrucciones que ejecutan unas tareas especficas, las instrucciones son lneas de cdigo que se aaden a una instancia o a un fotograma clave, es decir cada una de estas lneas de cdigo pueden estar aadidos en varios fotogramas, botones y clips de pelcula. Si dichas lneas de cdigo se encuentran en un botn, cuando el usuario acte con el ratn sobre dicho botn, las sentencias aadidas se ejecutan, si el cdigo se encuentra en una instancia de un clip de pelcula, las acciones se ejecutarn cuando ocurra el evento adecuado a dicha instancia, en caso de estar aadidas a un fotograma clave, cuando la cabecera de reproduccin de la lnea de tiempo pase sobre el fotograma clave que contiene el script, las instrucciones aadidas al fotograma clave se ejecutarn.

33

DISEO METODOLOGICO DEL PROYECTO

Existen muchas metodologas para el desarrollo de aplicaciones las cuales permiten al desarrollador definir procedimientos, tcnicas, herramientas que ayudan a realizar un producto fiable, til y adaptable al usuario. Por esta razn se escogi la Metodologa incremental. Este es un modelo de ciclo de vida en el que se desarrolla el sistema en diferentes fases, cada fase se divide en:

Anlisis Diseo Codificacin Pruebas

La ejecucin de las actividades consiste en desarrollar las fases inciales del modelo, hasta el diseo general para el sistema completo, a partir de ah, se realiza el diseo detallado, la codificacin, las pruebas y se entrega el primer incremento del sistema, posteriormente el segundo incremento y as

sucesivamente hasta el incremento final, entregando por partes el producto como resultado de cada una de las etapas de desarrollo.

Esta metodologa, proporciona una funcionalidad til al cliente an sin haber concluido al 100% el proyecto, adems de permitir un seguimiento preciso del avance. Se fundamenta en tcnicas que permiten obtener de forma rpida

versiones del sistema presentando signos tangibles de progreso.

La metodologa incremental fue escogida por las siguientes razones: Esta metodologa es constituida por una serie de fases lo cual permite tener al final de cada etapa una versin totalmente funcional y usable, cuyas
34

funcionalidades van creciendo respecto a la anterior fase, permitiendo al cliente dar sugerencias de cambios en cada una de las etapas tempranas del proyecto. Su escogencia se fundamenta en unas de las ventajas de esta metodologa que es la minimizacin de riesgos, es decir, que en el momento de no satisfacer alguna funcionalidad que se haya propuesto en el proyecto, dada la independencia entre las funcionalidades en cada una de las fases, las dems funcionalidades no se ven afectadas. El aprendizaje y experiencia de los desarrolladores en incremento tras incremento, mejora exponencialmente el trabajo, aumenta la productividad y permite optimizar el proceso en un corto plazo. Esta metodologa aplicada al desarrollo de la aplicacin web contiene las Siguientes actividades: Entrando en cada proceso de incremento se analiza la recoleccin de la informacin para empezar a trabajar en cada uno de los tres incrementos mencionados. Se aplica una abstraccin a los datos obtenidos para definir los requerimientos de la aplicacin a desarrollar, punto esencial para el diseo y construccin de la misma.

35

GLOSARIO

Acceso a Internet: Corresponde a la posibilidad que posee una persona Usuario- de acceder a Internet, ya sea en su hogar, empresa, colegio o Universidad.

Aplicacin web: Se denomina aplicacin web a aquellas aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a travs de Internet o de una intranet mediante un navegador. En otras palabras, es una aplicacin software que se codifica en un lenguaje soportado por los navegadores web (HTML, PHP, Javascrip, Java, etc.) en la que se confa la ejecucin al navegador.

Las aplicaciones web son populares debido a lo prctico del navegador web como cliente ligero, as como a la facilidad para actualizar y mantener aplicaciones web sin distribuir e instalar software a miles de usuarios potenciales. Existen aplicaciones como los webmails, wikis, weblogs, tiendas en lnea y la propia Wikipedia que son ejemplos bien conocidos de aplicaciones web.

Es importante mencionar que una pgina Web puede contener elementos que permiten una comunicacin activa entre el usuario y la informacin. Esto permite que el usuario acceda a los datos de modo interactivo, gracias a que la pgina responder a cada una de sus acciones, como por ejemplo rellenar y enviar formularios, participar en juegos diversos y acceder a gestores de base de datos de todo tipo.

Atributos: Son caractersticas especficas que se le atribuyen a algo en particular.

Atributo o campo: Son las cualidades que describen a la entidad en una tabla o campo.
36

Campo: un campo es un espacio de almacenamiento para un dato en particular. En las bases de datos, un campo es la mnima unidad de informacin a la que se puede acceder.

Comandos: Serie de sentencias, que permiten realizar una tarea parcial o final.

CSS: hojas de estilo en cascada (Cascading Style Sheets) es un lenguaje formal usado para definir la presentacin de un documento estructurado escrito en HTML o XML. El W3C (World Wide Web Consortium) es el encargado de formular la especificacin de las hojas de estilo que servir de estndar para los agentes de usuario o navegadores.

DHTML: designa el conjunto de tcnicas que permiten crear sitios Web interactivos utilizando una combinacin de lenguajes HTML estticos, un lenguaje interpretado en el lado del cliente (como JavaScript) y el lenguaje de hojas de estilo en cascada (CSS).

Descarga Archivos: Descargar es la accin informtica por la cual un archivo que no reside en la mquina de un usuario pasa a estarlo mediante una transferencia a travs de una red desde otra computadora que s lo alberga; la accin se denomina download en ingls. En espaol tambin se usa la palabra bajar. La duracin del proceso variar en funcin del tamao del fichero, de la velocidad de envo de la mquina que lo alberga y de la velocidad de descarga del que lo recibe.

E-mail: Correo electrnico, o en ingls e-mail, es un servicio de red que permite a los usuarios enviar y recibir mensajes rpidamente (tambin denominados mensajes electrnicos o cartas electrnicas) mediante sistemas de comunicacin
37

electrnicos. Principalmente se usa este nombre para denominar al sistema que provee este servicio en Internet, mediante el protocolo SMTP, aunque por extensin tambin puede verse aplicado a sistemas anlogos que usen otras tecnologas. Por medio de mensajes de correo electrnico se puede enviar, no solamente texto, sino todo tipo de documentos. Su eficiencia, conveniencia y bajo costo estn logrando que el correo electrnico desplace al correo ordinario para muchos usos habituales.

Entidad o tabla: Designacin principal a un campo, del cual se desprenden una serie de atributos que lo identifican.

Formulario: a una plantilla o pgina con espacios vacos que han de ser rellenados con alguna finalidad, por ejemplo una solicitud de empleo en la que has de rellenar los espacios libres con la informacin personal requerida.

Host: Es una mquina perteneciente a algn usuario que publica contenido accesible a travs de Internet. Tambin es conocido como servidor y existen mquinas dedicadas a los servicios de mail, noticias o http.

Hosting: Para tener un sitio Web es necesario tener un espacio en Internet. Este espacio es proporcionado por un servidor que garantiza una conectividad a Internet y al mismo tiempo capacidad de almacenamiento de las pginas estticas (HTML), dinmicas, motores de bases de datos, servidor web, aplicaciones web y bases de datos entre otras. A este espacio con sus caractersticas se le denomina hosting.

HTML: Lenguaje para desarrollar pginas web que permite componentes hipertexto y multimedia.

38

HTTP: Es el protocolo que define el lenguaje de comunicacin de las arquitecturas web entre un cliente y un servidor.

Internet: Conjunto de redes interconectadas que permiten la comunicacin entre los ms de 30 millones de usuarios en todo el mundo que acceden a la "red de redes". El acceso se realiza tras obtener un password que identifica al usuario, y permite acceder a bases de datos de diferentes organismos, empresas y entidades en todo el mundo. Se trata de una red no comercial, derivada de la que se mont para conectar a universidades y centros de investigacin de todo el mundo.

IP: internet protocolo. Protocolo de Internet. Bajo este se agrupan los protocolos de Internet. Tambin se refiere al nmero que identifica a un dispositivo dentro de una red.

JPEG: join photograph expert group. Unin de Grupo de Expertos Fotogrficos. Formato grfico que se utiliza para la compresin de imgenes.

Link: Elemento de una pgina que la vincula con otra. Mediante un Click en un link, el usuario descarga en su navegador en una ventana nueva o en la actual la pgina vinculada.

Navegador: Es un programa cuya funcin principal es visual la informacin almacenada en los servidores web en forma grfica a travs de internet.

Nombres de dominio: La Corporacin de Internet para los Nombres y los Nmeros Asignados (ICANN) es la autoridad que coordina la asignacin de identificadores nicos en Internet, incluyendo nombres de dominio, direcciones de Protocolos de Internet, nmeros del puerto del protocolo y de parmetros. Un
39

nombre global unificado (es decir, un sistema de nombres exclusivos para sostener cada dominio) es esencial para que Internet funcione.

PHP: Es un lenguaje de programacin interpretado usado normalmente para la creacin de pginas Web dinmicas. PHP es un acrnimo recursivo que significa "PHP Hypertext Pre-processor" (inicialmente PHP Tools, o, Personal Home Page Tools). Actualmente tambin se puede utilizar para la creacin de otros tipos de programas incluyendo aplicaciones con interfaz grfica usando las bibliotecas Qt o GTK+. El gran parecido que posee PHP con los lenguajes ms comunes de programacin estructurada, como C y Perl, permiten a la mayora de los programadores crear aplicaciones complejas con una curva de aprendizaje muy corta. Tambin les permite involucrarse con aplicaciones de contenido dinmico sin tener que aprender todo un nuevo grupo de funciones. Aunque todo en su diseo est orientado a facilitar la creacin de pgina Web, es posible crear aplicaciones con una interfaz grfica para el usuario, utilizando la extensin PHPQt o PHP-GTK. Tambin puede ser usado desde la lnea de rdenes, de la misma manera como Perl o Python pueden hacerlo, a esta versin de PHP se la llama PHP CLI (Command Line Interface). Cuando el cliente hace una peticin al servidor para que le enve una pgina Web, el servidor ejecuta el intrprete de PHP. ste procesa el script solicitado que generar el contenido de manera dinmica (por ejemplo obteniendo informacin de una base de datos). El resultado es enviado por el intrprete al servidor, quien a su vez se lo enva al cliente. Mediante extensiones es tambin posible la generacin de archivos PDF, Flash, as como imgenes en diferentes formatos. Permite la conexin a diferentes tipos de servidores de bases de datos tales como MySQL, Postgres, Oracle, ODBC, DB2, Microsoft SQL Server, Firebird y SQLite. PHP tambin tiene la capacidad de ser ejecutado en la mayora de los sistemas operativos, tales como UNIX (y de ese tipo, como Linux o Mac OS X) y

40

Windows, y puede interactuar con los servidores de Web ms populares ya que existe en versin CGI, mdulo para Apache, e ISAPI.

USOS DE PHP

Programacin de pginas web dinmicas, habitualmente en combinacin con el motor de base datos MySQL, aunque cuenta con soporte nativo para otros motores, incluyendo el estndar ODBC, lo que ampla en gran medida sus posibilidades de conexin. Programacin en consola, al estilo de Perl o Shell scripting. Creacin de aplicaciones grficas independientes del navegador, por medio de la combinacin de PHP y Qt/GTK+, lo que permite desarrollar aplicaciones de escritorio en los sistemas operativos en los que est soportado.

Registro: un campo o un conjunto de ellos forman un registro.

Relacin: Son asociaciones entre atributos similares de dos entidades diferentes, que permiten la conexin entre ellos.

Servidor Web: Servidor que utiliza el protocolo HTTP para transferir, funciona como soporte para aplicaciones web servidor cliente.

W3C: World Wide Web consortium. Es una organizacin que produce estndares para la World Wide Web. Est dirigida por Tim Berners-Lee, el creador original de URL (Uniform Resource Locutor), HTTP (HyperText Transfer Protocol) y HTML sobre el que se basa la Web.

WWW: Acrnimo de World Wide Web. Se refiere al conjunto global de Web Sitios que pueden ser accesados desde una terminal conectada a Internet.
41

CONCLUSIONES

Como Tcnicos Profesionales en Sistemas e Informtica es necesario brindar soluciones a los problemas aplicando todos los conceptos vistos durante el ciclo de la carrera, y de esta manera brindar a la sociedad un aporte valido tanto en el desempeo laboral, como personal.

Este proyecto da solucin a la necesidad encontrada; por medio del dise de un sitio web dinmico, que cumple con la funcin de informar a nuestros clientes todos los servicios que THE BROTHERS PROFESSIONAL SOUND ofrece.

El objetivo del presente proyecto es mejorar el servicio ofreciendo al usuario un recurso en internet de mayor calidad y veracidad de informacin como lo son las pginas web, mediante aplicaciones animadas que permitan el usuario interactuar con la empresa.

Este objetivo se alcanz despus de un anlisis realizado, por medio de encuestas que arrojaron resultados satisfactorios, concluyendo as que la msica es un medio por el cual se puede llegar fcilmente a los seres humanos.

Es por ello que no fue fcil, la construccin y mejora continua de este sistema, pero gracias a la participacin de personas interesadas en el proyecto tales como VENTO DJ, una empresa encargada en la venta de equipos y luces para sonido profesional; el inters y la calidad sobre el mismo iran en aumento.

Pero es necesario respetar los alcances y las limitaciones del presente proyecto, sin dejar olvidados algunos de los aspectos que an pueden y deben ser mejorados y que debern ser tratados a futuro para que el sistema siga evolucionando.
42

Es importante tener una fuente de informacin basada en la investigacin y formacin de procesos informativos que nos den resultados concretos a la hora de planear un proyecto.

Concluimos finalmente que se superaron diferentes obstculos durante el proceso del proyecto mediante las asesoras de nuestros tutores y el trabajo en grupo.

43

BIBLIOGRAFIA

Piattini Mario y otros. Alfa omega. Anlisis y diseo de aplicacin informticas De gestin

Kendall y Kendall. Pressman. Anlisis y diseo de sistemas

Seen James. Anlisis y diseo de sistemas

Pginas web consultas:

http://es.tldp.org/Tutoriales/NOTAS-CURSO-BBDD/notas-curso-BD/

http://rinconastur.net/php/

http://www.php.net/docs.php.

http://postgresql.org/

http://www.netpecos.org/docs/mysql_postgres/x15.html

http://es.wikipedia.org/wiki/Notepad%2B%2B

http://www.desarrolloweb.com/articulos/839.php

http://www.hipertexto.info/documentos/b_datos.htm

44

http://atenea.udistrital.edu.co/profesores/jdimate/basedatos1/tema2_3.htm

http://es.wikipedia.org/wiki/Ingenier%C3%ADa_de_sistemas

http://www.maestrosdelweb.com/principiantes/que-son-las-bases-de-datos/.

http://www.librosweb.es/ajax/capitulo1.html.

http://atenea.udistrital.edu.co/profesores/jdimate/basedatos1/tema2_5.htm

http://www.programar.net

http://www.programacion.com/

http://www.monografias.com/trabajos7/sisinf/sisinf.shtml

http://www.desarrolloweb.com/articulos/1767.php

http://www.webtaller.com/construccion/programas/editores/dreamweaver/lecciones /comportamientos_dreamweaver.php

http://mundogeek.net/archivos/2005/10/15/instalar-php-y-mysql/

45

ANEXOS

46

MANUAL DE USUARIO SITIO WEB THE BROTHERS PROFESSIONAL SOUND

CACERES CARVAJAL JHON ALEXANDER CACERES CARVAJAL JONATAN JAVIER CARVAJAL DIAZ ROBERT JOAN QUINTERO VERGEL JHON BREINER

CORPORACION INTERAMERICANA DE EDUCACION SUPERIOR BUCARAMANGA 2011

47

NDICE

Introduccin1

ndex.2

Estructura del sitio web.3

Banner.4

Botones5

Cuerpo de pgina..6

Pie de pgina.7

Men De Inicio. 8

48

Consultar Por Servicios .9

Consultar Por Msica 10

Consultar Por Tutoriales 11

Consultar Por Galera.....12

Formulario De Contacto.13

49

1. INTRODUCCION

El manual de usuario es un documento que tiene como objetivo dar apoyo al usuario final sobre las caractersticas principales que poseen cada mdulo o proceso del sitio Web The Brothers Professional Sound entre los procesos tenemos las consultas de: servicios que presta la empresa, msica por gnero, y contacto directo con el gerente. Es un sistema basado en la publicidad y entretenimiento acerca de la empresa.

50

2. INDEX O PRIMERA PGINA

BOTON

El ndex ser la primera pgina que encontrara el usuario cuando ingrese a nuestro sitio web. Para ingresar a la pgina principal o men de inicio, solo tenemos que dar clic en el botn ingresar, y seremos re direccionados a la pgina principal.

51

3. ESTRUCTURA DEL SITIO WEB

1 2

1. BANNER O CABEZA: En el podremos encontrar el logo de la empresa, los iconos de las redes sociales como Facebook y twitter que nos llevaran a la cuenta de la empresa y una serie de imgenes diseadas e adobe flash player. 2. BOTONES O HIPERVINCULOS: Los botones son un diseo flash, los cuales nos llevaran a diferentes partes de la pgina y cada una tiene diferente contenido.

52

3. CUERPO: En el cuerpo veremos todo el contenido segn el modulo en el que nos encontremos. 4. PIE: En el encontraremos la informacin necesaria para contactarnos a nosotros los diseadores si alguna persona le llamo la atencin el diseo de nuestra pgina.

53

4. BANNER O CABEZA

1. Logo empresarial. 2. Imgenes alusivas a la msica. 3. Iconos con funcin de hipervnculos que nos envan a las diferentes cuentas de redes sociales de la empresa.

54

5. BOTONES

1. Al dar clic en el botn de inicio nos mostrara los datos ms novedosos acerca de los servicios de la empresa y los ltimos lbumes musicales de diferentes artistas. 2. Al dar clic en el botn de servicios nos mostrara los tipos de eventos que realiza la empresa The Brothers Professional Sound. 3. Al dar clic en el botn de msica mostrara las producciones de audio propiamente de la empresa. 4. Al dar clic en el botn de tutoriales mostrara las producciones de video propiamente de la empresa. 5. Al dar clic en el botn de galera mostrara las fotografas de los eventos que realice la empresa. 6. Al dar clic en el botn de contacto nos mostrara un formato en el cual el cliente pueda contactar al dueo de la empresa.

55

6. CUERPO DE PGINA

En esta parte del sitio web, se pretende colocar toda la informacin o contenido necesario segn el modulo en el que nos encontremos. En ella pueden ir contenidos como: - Texto - Imgenes - Videos - Msica - Publicidad

56

7. PIE DE PGINA

Esta parte del sitio web tiene como objetivo, ilustrar al usuario informacin para contactar a los diseadores de dicho sitio. Est dividido en tres partes: - Derechos reservados - Contacto celular - Direccin de correo electrnico

57

8. MENU DE INICIO

En el men de inicio podremos encontrar todas las novedades acerca de los eventos realizados por la empresa, como las imgenes de cada una de sus fiestas; adems se publicar las novedades sobre los lbumes de diferentes artistas y el logo de nuestro patrocinador.

58

9. CONSULTAR POR SERVICIOS

En el mdulo de servicios podremos encontrar los diferentes tipos de eventos que realiza la empresa, los cuales sirven como gua al cliente que desee adquirir estos servicios. Adems nos muestra tambin el logo de nuestro patrocinador.

59

10. CONSULTAR POR MUSICA

Stop Play

En el mdulo de msica el usuario podr escuchar lo ltimo de diferentes artistas, oprimiendo el botn de play comenzara a reproducir el sonido y oprimiendo el botn de stop detendremos la reproduccin del sonido.

60

11. CONSULTAR POR TUTORIALES

PLAY

En el mdulo de tutoriales el usuario interesado en cursos dj o edicin de audio, la empresa regalara tutoriales realizados por ellos mismos para infundir en sus clientes el amor por la msica y como estrategia para atraer ms clientes, ya que estos tutoriales sern totalmente gratuitos y de fcil acceso. El usuario que desee reproducir el video solo tiene que dar clic en el botn play.

61

12. CONSULTAR POR GALERIA

lbum miniatura

En el mdulo de galera el usuario podr encontrar todas las imgenes tomadas en su evento en un lbum interactivo y de fcil uso ; para ver una foto en tamao real , solo basta con ir al lbum miniatura y pararse encima de la imagen que deseamos ver y darle clic , automticamente la imagen tomara su tamao real.

62

13. FORMULARIO DE CONTACTO

El mdulo de contactos est dividido de la siguiente manera: - Informacin del gerente de la empresa - Formulario para cliente interesado - Botn de enviar - Botn de borrar

63

Si el usuario desea contactar directamente con el gerente lo puede hacer por medio del nmero celular o por otra parte llenando el formulario al cual se ingresaran los siguientes datos: - NOMBRE: nombre de la persona interesada en contactar directamente al gerente. - APELLIDO: apellido de la persona interesada en contactar directamente al gerente. - E-MAIL: direccin de correo electrnico que sirve al gerente para dar respuesta al cliente que tenga alguna inquietud acerca de lo que desea. - MENSAJE: el cliente podr describir que servicios desea adquirir o qu tipo de eventos desea que la empresa les maneja, o simplemente alguna inquietud que sirva a la empresa para mejorar la calidad de su servicio.

64