Este documento describe el desarrollo de un sitio web de descargas musicales llamado "El rincón de la música". Se utilizará una arquitectura de tres capas con Apache, PHP y MySQL. Los usuarios podrán descargar música como miembros registrados o solo ver contenido como visitantes. El sitio tendrá funciones de administración, comentarios de usuarios y protocolos de seguridad HTTPS/SSL.

1. Instituto Tecnológico Superior
de Rioverde
Ingeniería en Sistemas Computacionales
Cátedra: Programación Web
“El rincón de la música“
Alumnos:
Rosario Guadalupe Torres Monasterio
Eric Gueylor Medina Arguelles
Juan Diego Belmares Maldonado
Catedrático: I.S.C. Bernardo Martínez Santiago
Rioverde S.L.P. a 08 de Octubre de 2010

2. El rincón de la música
Contenido
TIPO DE ARQUITECTURA ................................................................................. 3
LENGUAJE DE PROGRAMACIÓN DEL LADO DEL SERVIDOR ....................... 4
Apache .................................................................................................................... 4
PHP ......................................................................................................................... 4
MySQL .................................................................................................................... 4
LENGUAJE DE PROGRAMACIÓN DEL LADO DEL CLIENTE .......................... 5
HTML....................................................................................................................... 5
JavaScript................................................................................................................ 5
HERRAMIENTAS DE DESARROLLO A UTILIZAR ............................................. 5
Dreamweaver .......................................................................................................... 5
Adobe Photoshop .................................................................................................... 6
METODOLOGÍA .................................................................................................. 6
TIPOS DE USUARIOS. ........................................................................................... 6
ROLES DE USUARIOS........................................................................................... 6
DISEÑO DE INTERFAZ ....................................................................................... 7
DISEÑO DE NAVEGACIÓN ................................................................................ 7
DIAGRAMA CASO DE USO ................................................................................ 9
SEGURIDAD ..................................................................................................... 10
Secure Socket Layer (SSL) ................................................................................... 10
Hypertext Transfer Protocol Secure ...................................................................... 10
Características del HTTPS ................................................................................ 10
Conclusión ......................................................................................................... 11
Página 2

3. El rincón de la música
TIPO DE ARQUITECTURA
La arquitectura que se ha seleccionado es la de 3 niveles, ya que satisface las
necesidades que presenta la pagina web a desarrollar.
En la anterior figura se muestra como es la comunicación entre los diferentes
niveles.
La ventaja principal de este estilo es que el desarrollo se puede llevar a cabo en
varios niveles y, en caso de que sobrevenga algún cambio, sólo se ataca al nivel
requerido sin tener que revisar entre código mezclado. Un buen ejemplo de este
método de programación sería el modelo de interconexión de sistemas abiertos.
Además, permite distribuir el trabajo de creación de una aplicación por niveles; de
este modo, cada grupo de trabajo está totalmente abstraído del resto de niveles,
de forma que basta con conocer la API que existe entre niveles.
Página 3

4. El rincón de la música
LENGUAJE DE PROGRAMACIÓN DEL LADO DEL
SERVIDOR
 Apache
 PHP
 MySQL
Apache
Apache es un servidor web flexible, rápido y eficiente, continuamente actualizado
y adaptado a los nuevos protocolos (HTTP 1.1).
PHP
Se ha llegado a esta decisión ya que:
 Es gratuito e independiente.
 Rápido.
 Compatible con Linux.
 Completamente orientado al desarrollo de aplicaciones web dinámicas con
acceso a información almacenada en una Base de Datos.
 La programación en PHP sea segura y confiable.
 Capacidad de conexión con la mayoría de los motores de base de datos
que se utilizan en la actualidad.
 Destaca su conectividad con MySQL y PostgreSQL.
MySQL
Es un sistema de gestión de bases de datos relacional. Su diseño multihilo le
permite soportar una gran carga de forma muy eficiente. El manejo de este gestor
no es muy complicado, es seguro, y además de que satisface las necesidades que
tiene la página web a desarrollar.
Página 4

5. El rincón de la música
LENGUAJE DE PROGRAMACIÓN DEL LADO DEL
CLIENTE
 HTML
 JavaScript
HTML
Es un lenguaje diseñado para estructuras textos para generar páginas web, se
tomo la decisión de utilizar este lenguaje ya que es muy sencillo su manejo
además de que tiene una gran difusión.
JavaScript
Es un lenguaje de scripting basado en objetos sin tipo y liviano, utilizado para
acceder a objetos en aplicaciones. Principalmente, se utiliza integrado en un
navegador web permitiendo el desarrollo de interfaces de usuario mejoradas y
páginas web dinámicas.
HERRAMIENTAS DE DESARROLLO A UTILIZAR
Dreamweaver
Dreamweaver es la herramienta de diseño de páginas web más avanzada, tal
como se ha afirmado en muchos medios. Aunque sea un experto programador de
HTML el usuario que lo maneje, siempre se encontrarán en este programa
razones para utilizarlo, sobre todo en lo que a productividad se refiere.
Cumple perfectamente el objetivo de diseñar páginas con aspecto profesional, y
soporta gran cantidad de tecnologías, además muy fáciles de usar:
 Hojas de estilo y capas
 Javascript para crear efectos e interactividades
Página 5

6. El rincón de la música
 Inserción de archivos multimedia.
Adobe Photoshop
Es una aplicación informática en forma de taller de pintura y fotografía que trabaja
sobre un lienzo, que está destinado para la edición, retoque fotográfico y pintura a
base de imágenes de mapa de bits
Se pretende utilizar esta herramienta para crear imágenes que puedan servir a la
página web para que tenga una interfaz más atractiva para los usuarios.
METODOLOGÍA
TIPOS DE USUARIOS.
 Administrador
 Cliente
 Visitantes
 Miembros
ROLES DE USUARIOS
Administrador. La función del administrador será de mantener actualizado el
contenido del sitio web, ya sea subir nuevos post o crear algún tipo de dinámica
dentro del sitio.
Cliente. Acceder a la información que se encuentra en el sitio web.
Visitante. Solo podrá ver la información de los post, mas no podrá acceder a
los links de descarga.
Miembros. Con el hecho de registrarse a la página web tendrán acceso a
toda la información publicada.
Página 6

7. El rincón de la música
DISEÑO DE INTERFAZ
DISEÑO DE NAVEGACIÓN
La siguiente figura muestra la navegación permitida de clientes visitantes
Página 7

8. El rincón de la música
La siguiente figura muestra la navegación permitida de clientes Miembros
La siguiente figura muestra la navegación de Administrador
Página 8

9. El rincón de la música
DIAGRAMA CASO DE USO
Acceder a la información
Crear Cuenta
No puede acceder a las
Usuario-Visitante
Descargas
Acceder a la información
Realizar comentario
Usuario-Miembro Acceder a las Descargas
Actualizar información
Subir Nuevos Archivos
Administrador Cancelar Usuarios
Página 9

10. El rincón de la música
SEGURIDAD
Secure Socket Layer (SSL)
Se escogió gracias a que proporciona servicios de seguridad cifrando los datos
intercambiados entre el servidor y el cliente con un algoritmo de cifrado simétrico y
cifrando la clave de sesión. La clave de sesión es la que se utiliza para cifrar los
datos que vienen del y van al servidor seguro. Se genera una clave de sesión
distinta para cada transacción, lo cual permite que aunque sea reventada por un
atacante en una transacción dada, no sirva para descifrar futuras transacciones.
Proporciona cifrado de datos, autenticación de servidores, integridad de mensajes
y, opcionalmente, autenticación de cliente para conexiones TCP/IP.
Cuando el cliente pide al servidor seguro una comunicación segura, el servidor
abre un puerto cifrado, gestionado por un software llamado Protocolo SSL Record,
situado encima de TCP. Será el software de alto nivel.
Hypertext Transfer Protocol Secure
Es una combinación del protocolo HTTP y protocolos criptográficos. Se emplea
para lograr conexiones más seguras en la WWW, por ejemplo, claves en internet.
De esta manera la información sensible, en el caso de ser interceptada por un
ajeno, estará cifrada.
El nivel de protección que ofrece depende de la corrección de la implementación
del navegador web, del software y de los algoritmos criptográficos soportados.
Además HTTPS es vulnerable cuando es aplicado a contenido estático
públicamente disponible.
Características del HTTPS
Para distinguir una comunicación o página web segura, la URL debe comenzar
con "https://" empleando el puerto 443 por defecto; en tanto la tradicional es
"http://" empleando el puerto 80 por defecto.
Originalmente HTTPS sólo utilizaba encriptación SSL, luego reemplazado por
TLS.
HTTP opera en la capa más alta del modelo TCP/IP, la capa de Aplicación. Pero el
protocolo de seguridad trabaja en una subcapa inferior, codificando el mensaje
HTTP antes de ser transmitido y decodificando el mensaje antes de que llegue.
Página 10

11. El rincón de la música
Conclusiones
Se comprende la estructura de una página de descargas basado en una
arquitectura de tres capas que son las de presentación, negocios y datos, y la
ventaja de un servidor Apache y la implementación de MySQL para la base de
datos, para el desarrollo de la interfaz se ocupa Dreamweaver que una
herramienta muy útil además de fácil manejo, los clientes o en este caso son
usuarios van a poden disfrutar de la interfaz creada en un ambiente amigable al
usuario y de fácil entendimiento.
Y acceder a realizar descargas que se muestran en la pagina, aunque para ello
tienen que estar registrados. Se implementa un protocolo de seguridad SSL y
Https para el manejo de las claves de usuarios que van a pasar del servidor al
cliente y que la navegación sea segura.
Todo esto va a ser controlado por un administrador el cual es el encargado de
realizar actualizaciones, mejoras o cambio al sistema.
Eric G. Medina Arguelles
La página de descargas estará creada con arquitectura de tres capas ya que con
esta arquitectura es más fácil de trabajar y mucho mas optima ya que si vemos
algún error no necesitamos cambiar toda la información sino que solo la capa
donde se encontró el error ya que está dividida por niveles.
En cuanto a los usuarios estos pueden realizar la búsqueda de lo que necesitan
descargar y realizar su descarga. Contando con un tiempo de descarga muy
bueno y muy ordenado. Los cuales tendrán una interfaz muy agradable. Con un
contenido ordenado de manera lógica así el usuario no se sentirá perdido.
Los administradores se encargaran de subir los archivos para que sean
descargados y realizaran una interfaz muy agradable para los usuarios que visiten
la página de descargas.
Todo esto contara con una seguridad de http como son SSL que se encarga de
que la navegación sea un poco más segura aunque esta se debe poner en todo
para lograr que sea más segura.
La base de datos que se utilizara será MySql ya que es la más óptima para crear
la base de datos de la página de descargas.
Rosario Guadalupe Torres Monasterio
Página 11

12. El rincón de la música
Al finalizar el anterior escrito comprendí como se realizar una página web desde
cero, al igual de su complejidad.
Se tiene pensado llevar a cabo la creación de páginas web, y la creación de este
archivo será de gran ayuda para llevarlo a cabo.
Juan Diego Belmares Maldonado
Página 12

13. El rincón de la música
Contactos
Eric G. Medina Arguelles
er.09m@msn.com
Rosario Gpe. Torres Monasterio
cha_yo_20@hotmail.com
Juan Diego Belmares Maldonado
jd_89@hotmail.com
Página 13