UNIVERSIDAD NACIONAL TORIBIO

RODRIGUEZ DE MENDOZA
AMAZONAS

FACULTAD DE CIENCIAS INGENIERÍA DE SISTEMAS Y MECÁNICA

ELECTRICA – FISME

Escuela Profesional de Ingeniería de sistemas

DESARROLLO DE APLICACIONES
MULTIMEDIA

PROYECTO FINAL MULTIMEDIA

“Proyecto PHP”

DOCENTE: óscar ñañez campos

ALUMNO: Pérez Sánchez miguel ángel

22 de Junio de 2017, Chachapoyas

 UNIVERSIDAD NACIONAL TORIBIO DE MENDOZA AMAZONAS

INDICE
I. GENERALIDADES DE LA EMPRESA
I.1. Justificación proyecto multimedia
I.2. Objetivos
I.2.1. Objetivo General
I.2.2. Objetivos específicos
I.3. Tipo de Proyecto Multimedia
II. Bases Teóricas.
II.1. Proyecto multimedia
II.2. Sistema de navegación multimedia
II.3. Tema a desarrolla
II.4. Video
II.5. Multimedia
II.6. Diagrama Gantt
II.7. Que es PHP
II.8. Uso
III. Inicio
III.1. Diagrama de Gantt
III.2. Costo
IV. Diseño
IV.1. Diseño de interfaz de la app multimedia
IV.2. Diseño del guion (colocar todo lo que va hablar en el video)
IV.3. Diseño del sistema de navegación
V. Conclusiones
VI. Recomendaciones
VII. Bibliografía
VIII. Anexos

APELLIDO1/APELLIDO2 2
 UNIVERSIDAD NACIONAL TORIBIO DE MENDOZA AMAZONAS

I. GENERALIDADES DE LA EMPRESA

I.1. Justificación proyecto multimedia

En este Proyecto Multimedia se va a tratar sobre cómo hacer o diseñar
una página web en el lenguaje de programación PHP con el fin de
mostrar y dar a conocer al público el todo lo que se puede hacer con
este lenguaje de programación.
I.2 OBJETIVOS
I.2.1 OBJETIVO GENERAL
Nuestro objetivo general es llegar a lo planeado desde un inicio para
demostrar nuestro trabajo final y poder llegar a ofrecer lo terminado
como producto de nuestro esfuerzo.
I.2.2 OBJETIVO ESPECÍFICO
Nuestro objetivo específico es enseñar a dar uso como programar en
PHP usando el software Wamp Server para lograr distintos objetivos
y como parte final de nuestro proyecto será ver quien lo necesita el
proyecto y venderlo para su uso.
I.3 TIPO DE PROYECTO MULTIMEDIA
Mi proyecto multimedia va a tratar sobre el diseño de una página web
con el lenguaje de programación PHP y el tipo de proyecto será
educativo porque va a tratar de enseñar a las personas que necesitan
diseñar una página web para la necesidad del usuario.

II. BASES TEORICAS

II.1. Proyecto Multimedia
Como bien se sabe Multimedia surge por primera vez en el laboratorio
de Massachusetts en 1989. Y se dijo que proyecto multimedia es una
iniciativa encaminada a realizar un programa o una aplicación que
incorpora diversos elemento que denominaremos a partir de este
momento “medias” o “medios” video, texto, grafico, animación, etc.
II.2. Sistema De Navegación Multimedia
Aquí tenemos tres tipos:
 LINEAL: es la más familiar de todas las estructura, porque la
información impresa tradicional tiende a seguir este tipo de
organización.

APELLIDO1/APELLIDO2 3
 UNIVERSIDAD NACIONAL TORIBIO DE MENDOZA AMAZONAS

 REGILLA: Es una estructura lineal doble, en la que sus

elementos se relacionan tanto vertical como horizontalmente,
puesto que un a regilla tiene una organización especial.
 JERARQUICA: conocida como árbol, esta estructura puede
esconder o mostrar tanta información como se desee. esta
estructura comienza con una página principal o raíz, se
presentan varias opciones que permite ir visualizando páginas
más específicas.
II.3. Tema A Desarrollar
El tema que voy a desarrollar en este proyecto y en mi video
tutorial será diseño de una página web en PHP usando Wamp
Server también indicando como utilizar, como programar, a
cada uno de los usuarios.
II.4. Video
Es la tecnología de la grabación, procesamiento,
almacenamiento, transmisión de imágenes y reconstrucción por
medios electrónicos digitales o analógicos de una secuencia de
imágenes que representan escenas en movimiento.
II.5. Multimedia
Este término se utiliza para referirse a cualquier objeto o
sistema que utiliza múltiples medios de expresión físicos o
digitales para presentar o comunicar información. Los medios
pueden ser variados, desde texto, imágenes, hasta animación,
sonido y video.
II.6. DIAGRAMA DE GANTT
El diagrama de Gantt es una herramienta gráfica cuyo objetivo
es exponer el tiempo de dedicación previsto para diferentes
tareas o actividades a lo largo de un tiempo total determinado.
A pesar de esto, el diagrama de Gantt no indica las relaciones
existentes entre actividades.

II.7. ¿Qué es PHP?

Es un lenguaje de programación que sirve para hacer páginas webs dinámicas,

PHP (acrónimo recursivo de PHP: Hypertext Preprocessor) es un lenguaje de
código abierto muy popular que puede ser incrustado en HTML.

APELLIDO1/APELLIDO2 4
 UNIVERSIDAD NACIONAL TORIBIO DE MENDOZA AMAZONAS

Ejemplo.
<!DOCTYPE HTML>
<html>
<head>
<title>Ejemplo</title>
</head>
<body>

<?php
echo "¡Hola, soy un script de PHP!";
?>

</body>
</html>

En lugar de usar muchos comandos para mostrar HTML (como en C o en Perl),

las páginas de PHP contienen HTML con código incrustado que hace "algo" (en
este caso, mostrar "¡Hola, soy un script de PHP!). El código de PHP está
encerrado entre las etiquetas esenciales de comienzo y final que permiten
entrar y salir del "modo PHP".

Lo que distingue a PHP de algo del lado del cliente como JavaScript es que el
código es ejecutado en el servidor, generando HTML y enviándolo al cliente. El
cliente recibirá el resultado de, por ejecutar el script, aunque no se sabrá el
código subyacente que era. El servidor web puede ser configurado incluso para
que procese todos los ficheros HTML con PHP lo que no hay manera de que los
usuarios puedan saber qué se tiene debajo de la manga.

Lo mejor de utilizar PHP es su extrema simplicidad para el principiante, pero a

su vez ofrece muchas características avanzadas para los programadores
profesionales de características de PHP.

Aunque el desarrollo de PHP está centrado en la programación de scripts del

lado del servidor, se puede utilizar para muchas otras cosas.

Para generar el código de edición de PHP usaremos un Notepadd++

 Notepadd++: es un editor de texto código fuente libre con soporte para

varios lenguajes de programación y solo funciona en microsoft-windows

APELLIDO1/APELLIDO2 5
 UNIVERSIDAD NACIONAL TORIBIO DE MENDOZA AMAZONAS

III. INICIO

I.1. DIAGRAMA DE GANTT

I.2. COSTO
En este proyecto multimedia hemos tenido distintos gastos y también
nos hemos tomado nuestro tiempo lo que como parte final tenemos a
la venta en un costo de 1100 nuevos soles, ya que una licencia del
software que hemos utilizado cuesta 150 dólares, más el tiempo de
demora que hemos hecho la página web tomándolo por partes a solo
100 nuevos soles diarios ya que el proyecto me ha demorado 11 días.

IV. INICIO.
IV.1. Diseño de la Interfaz de la App Multimedia
Esta herramienta incluye además con un administrador de base de
datos PHPM y Admin con el cual podremos crear una nueva base de
datos e ingresar la data de las tablas creadas en ella, realizar consultas

APELLIDO1/APELLIDO2 6
 UNIVERSIDAD NACIONAL TORIBIO DE MENDOZA AMAZONAS

y generar scripts SQL, como exportar e importar scripts de base de

datos. WampServer ofrece a los desarrolladores herramientas
necesarias para realizar aplicaciones web de manera local, con un
sistema operativo (Windows), un manejador de base de datos
(MySQL), un software de programación script web PHP. WampSever
se caracteriza por que puede ser usado de forma libre es decir no
debemos de contar con alguna licencia el cual nos permita el uso de
la misma, ya que pertenece a la corriente de “open source”.

IV.2. Diseño del Guion (Video Tutorial)

IV.2.1. Como Instalar el Wamp Server
Primero descargaremos la interfaz al final los dejare el link de descarga
ahí elegirán descargar de acuerdo a su sistema operativo.
Una vez descargado les aparecerá un archivo WinRar le daremos en
extraer aquí y luego aparecerá una carpeta de la extracción, iremos a
ella y buscaremos el instalador y lo ejecutaremos luego una vez
instalado empezaremos a trabajar en el Wamp Server
Link De Descarga: http://www.wampserver.com/en/

IV.2.2. Como Empezar a Trabajar en Wamp Server

Lo primero que haremos es ir a nuestro disco local C de nuestro
computador ahí buscaremos una carpeta que se llama Wamp le
daremos doble clic y buscaremos una carpeta de dice WWW le
daremos doble clic ahí una vez dentro crearemos una carpeta

APELLIDO1/APELLIDO2 7
 UNIVERSIDAD NACIONAL TORIBIO DE MENDOZA AMAZONAS

llamándolo lo que queráis pero teniendo en cuenta que ese será tu

proyecto.
Aquí iremos a nuestro disco local y buscaremos la carpeta wamp
como lo está ahí

Una vez ingresado ahí, buscamos la carpeta WWW como aparece

en pantalla.

Cuando hayamos ingresado en aquella carpeta, crearemos una

dentro de ella y lo llamaremos lo que sea pero de acuerdo al

proyecto como ven en pantalla.

APELLIDO1/APELLIDO2 8
 UNIVERSIDAD NACIONAL TORIBIO DE MENDOZA AMAZONAS

Cuando ya tengamos creado nuestra capeta de nuestro proyecto

usaremos un bloc de notas o un Notepadd++ les recomendaría un
Notepadd++ porque hace que se note un poco mejor, una vez con el
Notepadd++ empezaremos a generar código de acuerdo como
vemos en la siguiente imagen.

Una vez ya generado el código iremos a la parte superior izquierda donde

dice archivo y bajaremos hasta donde dice guardar como luego nos

APELLIDO1/APELLIDO2 9
 UNIVERSIDAD NACIONAL TORIBIO DE MENDOZA AMAZONAS

aparecerá una ventana como en la siguiente imagen y haremos el

siguiente procedimiento.

Aquí en la parte inferior donde dice tipo le pondremos all types, para todos
los tipos y en Nombre de Archivo le pondremos Index.lo que queramos
como aparece en la siguiente imagen, una vez hecho eso buscaremos la
carpeta que habíamos creado en el caso mío lo he llamado Pagina Web y
le daremos en guardar.

APELLIDO1/APELLIDO2 10
 UNIVERSIDAD NACIONAL TORIBIO DE MENDOZA AMAZONAS

Y cuando nuestro código cuando ya esté guardado aparecerá de esta

forma.

Una vez ya de esta forma el código ejecutaremos nuestro programa

Wamp server luego iremos a nuestro navegador o a nuestro Google
Chrome y buscaremos Local host y le daremos enter y nos aparecerá
una venta como esta.

APELLIDO1/APELLIDO2 11
 UNIVERSIDAD NACIONAL TORIBIO DE MENDOZA AMAZONAS

Una vez ya en esa ventana daremos clic en la carpeta con el nombre

del proyecto que le habíamos dado, y finalmente nos aparecerá el
diseño de nuestra web como vemos aquí.

IV.2.1. Diseño del Sistema de Navegación

 Un buen sistema de navegación es imprescindible en toda
página web. Es una parte importante de la organización de la
estructura web. Que el usuario sea capaz de moverse con
soltura y facilidad por las distintas páginas del sitio, que
encuentre lo que busca rápidamente, que no se pierda yendo
de un enlace a otro sin saber dónde está, que no quede colgado
en una página concreta sin poder navegar por otras o volver
atrás. En este caso vamos usaremos un sistema de navegación

V. Conclusiones:
 Concluyo diciendo que PHP es de código abierto, por lo tanto
si tenemos experiencia en java, lo harán excelente en PHP
porque este es un lenguaje más simple que el resto.
 También concluyó diciendo que PHP es multiplataforma porque
funciona muy bien en LINUX, UNIX, WINDOWS sin esfuerzo
con Apache /MySQL
 concluyo diciendo que PHP es un excelente lenguaje de
programación para el diseño de páginas web incrustado con
HTML.
 De todo lo que eh investigado aunque no lo haya dicho, PHP
siendo muy rápido de desarrollar, asegura que hay un tiempo
de respuesta rápido. Cuando contratas desarrolladores PHP, su
eficiencia te brinda una solución online que probablemente
buscabas hace tiempo.

APELLIDO1/APELLIDO2 12
 UNIVERSIDAD NACIONAL TORIBIO DE MENDOZA AMAZONAS

 PHP tiene múltiples extensiones y es extremadamente

escalable. Cuando contratas desarrolladores PHP, se aseguran
que los resultados sean medibles. Esto te ayuda a calcular tu
retorno de inversión y te brinda una mejor posición sobre la
competencia.

VI. RECOMENDACIONES
 Recomiendo el lenguaje de programación PHP porque es un
lenguaje que no solo diseña webs sino que también lo hace de
forma estática a forma dinámica.
 En la interfaz Wamp Server también la recomiendo porque
aparte de usar PHP también podemos usar para el lenguaje
HTML y otros.
 Una recomendación también que al momento de empezar a
generar el código PHP utilicemos un Notepadd++ porque ahí
se ve de forma más ordenada.
 También recomiendo que al momento de ejecutar el Wamp
Server usemos el Google Chrome porque este porque creo que
es el más usado, pero no hay ninguna diferencia en la vista.

VII. BIBLIOGRAFIA
http://www.elclubdelprogramador.com/category/php/
http://php.net/manual/es/intro-whatis.php
https://styde.net/como-combinar-html-y-php/
https://www.youtube.com/watch?v=6UrKHOsL0eU
https://desarrolloweb.com/articulos/499.php

APELLIDO1/APELLIDO2 13
 UNIVERSIDAD NACIONAL TORIBIO DE MENDOZA AMAZONAS

APELLIDO1/APELLIDO2 14