UNIVERSIDAD NACIONAL PEDRO

RUIZ GALLO

Facultad de Ingeniería Civil, Sistemas y

Arquitectura

Escuela Profesional de Ingeniería de Sistemas

PROYECTO PÀGINA WEB - CINEPLANET

Integrantes:

Leonardo García Walter

Salazar Dávila Fredy

Curso:

Taller de computación
informática básica

Docente:

Olavarría Paz Jesús

Lambayeque, noviembre del 2018

1
 PROYECTO PAGINA WEB - CINEPLANET

Introducción

El Plan Empresarial de la empresa “Cineplanet” que presentaremos a continuación está

elaborado para el periodo 2018 – 2021, lo cual se convertirá en una herramienta útil y
necesaria que nos permitirá desarrollar programas y proyectos para la resolución de sus
problemas Institucionales.

En el primer capítulo “SITUACION GENERAL” mencionamos como se encuentra

actualmente la empresa, cuáles son sus operaciones, donde las realiza, a que mercado se
dirige, en este capítulo el propósito es establecer un marco general de la empresa.

En el segundo capítulo tocamos el tema de la razón de ser de la empresa “Cineplanet”

(MISIÓN) y sus aspiraciones (Visión), la parte humanística de la empresa reflejado en
los valores que comparte con sus colaboradores, desde el momento de su ingreso a la
organización.

2
 Situación general

Cineplanet es una empresa peruana dedicada a la operación de complejos

cinematográficos y exhibición de películas que inició operaciones en Julio del 2000.
Actualmente, es la cadena de multicines líder en número de salas, espectadores y
recaudación. Con más de 15 años de operación, cuenta con 16 complejos en Lima, uno
en la Provincia Constitucional de Callao – Ventanilla, y 15 en provincias (2 en Arequipa,
2 en Piura, 1 en Chiclayo, 1 en Huancayo, 2 en Trujillo, 1 en Juliaca, 1 en Tacna, 1 en
Cajamarca, 1 en Cusco, 1 en Huánuco, 1 en Pucallpa y 1 en Puno)

Sede se Cineplanet

Arequipa (Av. Ejercito Nro. 793, Cayma – Arequipa)

Arequipa Real Plaza (Av. Ejercito Nro. 1009, Mz. B, Lt. 15 al 22, 3er. Piso Int. 301,
Arequipa – Cayma)

Cajamarca (Av. Vía de Evitamiento Norte Nro. SN (Esq. con Prolong. Ayacucho)
Cajamarca)

Chiclayo (Calle Miguel de Cervantes Nro. 300, P.J. Muro, Chiclayo – Lambayeque)

Cusco(Av. Collasuyo nro. 2964 lote a (Seminario San Antonio de Abad) Cusco)

Huancayo Real Plaza (Av. Ferrocarril No 1035 (Interior) 3er. Piso N° LE-01, Junín –
Huancayo)

Huánuco Real Plaza (Jirón Independencia Nro. 1601 - 1799, Huánuco – Huánuco)

Juliaca (Jr. San Martin 218, 236, 310,326 (Esq. con Tumbes 499, 541, 567, 619, 649,657)
Puno – Juliaca)

Piura (Jr. Huancavelica No 537, 2do. Piso, Piura – Piura)

Piura Real Plaza (Av. Sánchez Cerro Nro. 234, Dpto. 239, Lote A-B Zona Ind. Antigua,
Piura – Piura)

Pucallpa (Av. Centenario Mz 365 Lt 16, coronel Portillo – Ucayali)

Puno (Jr. Los Incas S/N, Cuadra 02, Puno – Puno)

3
Tacna (Avenida Cuzco 210 (Nro. 220-230, Calle Benjamín Cisneros 110-120) 2do. Piso,
Tacna – Tacna)

Trujillo Centro (Jr. Mariscal Orbegoso Nro. 239, La Libertad – Trujillo)

Trujillo Real Plaza (Av. Cesar Vallejo Oeste No 1345 Urb. Real Plaza, La Libertad –
Trujillo)

Operaciones

Cineplanet tiene 16 cines en Lima, 1 en la Provincia Constitucional del Callao y 15 en

provincias, con varias salas cada uno. En Chile opera 9 cines más. El costo de ventas de
todas sus operaciones subió 29% en el 2015, respecto al 2014, pero fue compensado por
los otros factores mencionados.

Estrategias

Para este año tiene previsto abrir un cine, que contará con más de 3,000 butacas y 13
salas, una de ellas de su nuevo modelo de sala Xtreme de última tecnología. Además,
abrirá tres salas en Trujillo —una clásica y dos prime—, con lo que sumará 10 salas en la
ciudad.

Cineplanet cuenta con siete salas prime, todas en Lima. Las salas primen son las que
registran mayor crecimiento en términos de clientes y ticket de alimentación, el cual es
casi el doble que en la versión clásica.

Salas prime

En febrero de 2013, Cineplanet inauguró un nuevo concepto en salas, Cineplanet Prime,

que brinda una experiencia diferente al espectador, con atención a la sala, servicio
personalizado y cómodas butacas reclinables. Con esta incursión, Cineplanet amplío su
oferta y se consolidó como una empresa líder.

Las salas Prime fueron diseñadas expresamente para maximizar la comodidad y trato
personalizado para un espectador más adulto. El usuario peruano disfrutará de una

4
infraestructura de cine diferente a la que conoció hasta ahora en donde primará su
comodidad y la exclusividad.

Las salas Cineplanet Prime responden a un segmento de demanda subtendido: un cliente

más sofisticado, más adulto, que valora mucho la comodidad y el trato personalizado
cuando elige sus alternativas de entretenimiento fuera del hogar, entre ellas el cine.

Historia del Cineplanet

Cineplanet es una empresa peruana surgida en 1997, actualmente es propiedad

de Intercorp. En julio del 2000, la marca de cines en Perú adoptó este nombre.
Anteriormente se llamaba Cineplex (usaba el mismo nombre de la razón social), y opera
desde 1998en su primer local de Plaza San Miguel. Actualmente ofrece lo último de la
cartelera mundial y local, así como servicios adicionales a clientes y socios.

La idea nace en 1997, mas no se cristalizaría hasta la llegada del presente siglo, tiempo
en el que se pudo conseguir el dinero suficiente para la creación de los complejos de cines.
La primera multisala es abierta en el centro comercial Plaza San Miguel en el distrito
de San Miguel, en la ciudad de Lima en el año 1998. En el año 2000, fueron inaugurados
2 centros más: Cineplanet Centro (sobre la base del antiguo cine Adán y Eva y Cineplanet
Alcázar en el Óvalo Gutiérrez del distrito de Miraflores (sobre la base del antiguo
cine Alcázar).

La historia de Cineplanet empieza a mediados de 1998, con una idea originada por 3
jóvenes peruanos, quienes luego de terminar su postgrado en Wharton University,
decidieron regresar al Perú e identificar oportunidades de inversión y desarrollar nuevos
proyectos.

Intercorp, empresa peruana ligada a la familia Rodríguez-Pastor, identificó una necesidad

en el rubro entretenimiento, en Lima y las principales ciudades del Perú. La industria del
cine fue seleccionada como una industria con elevado potencial de crecimiento,
considerando que el número de espectadores había caído de 16 millones en 1981 a 3
millones en 1995.

En el año 1999 Intercorp (bajo su filial Nexus Group) adquiere la cadena de cines
Cineplex, empresa que operaba hasta la fecha tres complejos de cine ubicados en los
distritos de San Miguel (Plaza San Miguel), Centro de Lima (Cine Adán y Eva)

5
y Miraflores (Cine Alcázar). A partir de esta adquisición, el grupo decide reclutar un
equipo gerencial, experto en el rubro de servicios, con el objetivo de crear una empresa
orientada al cliente y sus colaboradores.

Con el tiempo, aumentaría su número de salas a lo largo de la capital peruana, entre los
más conocidos está Cineplanet Risso (Lince), Cineplanet Norte (En Royal
Plaza, Independencia), Cineplanet Primavera (San Borja), Cineplanet San Borja, entre
otros

Visión
Ser una empresa líder en cadenas de Cine tanto nacional e internacional, proporcionando
a sus clientes un servicio integral y lujoso, de gran valor y clase mundial. Cuyo principal
objetivo es ofrecer un servicio de entretenimiento de excelente calidad.

Misión
Somos una Empresa dedicada a la operación de complejos cinematográficos y exhibición
de películas, orientadas a lograr una experiencia divertida y gratificante hacia nuestros
clientes y colaboradores, desarrollando una cultura basada en valores.

Metas y estrategias

Dentro de las metas que tiene Cineplanet es la de llegar a 50 complejos de Cine, tanto en
Perú como en Chile, para el año 2015. En la actualidad se cuenta con 26 complejos.
Para llegar a esta meta se ha trazado como estrategia ir de la mano con Plaza Vea, esto
quiere decir, que en donde se apertura un supermercado podemos entrar como cadena de
cine en la parte superior del mismo. Se ha firmado un contrato y pagado un derecho con
Plaza Vea para llegar a esta meta.
Dentro de las metas propuestas por nuestra área de logística, está la de realizar compras
adelantadas, sobre todo de jarabes de gaseosas y pop con, las cuales tienen un alto costo,
con esto podemos asegurar precio lo que permitiría un mayor margen de utilidad a la
compañía.

6
MARCO TEÓRICO

HTML

El World Wide Web (WWW) es un sistema que contiene una cantidad de información
casi infinita. Pero esta información debe estar ordenada de alguna forma de manera que
sea posible encontrar lo que se busca. La unidad básica donde está almacenada esta
información son las páginas Web

HTML se compone por una serie de comandos, que son interpretados por el visualizador
o programa que utilizamos para navegar por el www. El visualizador es el encargado de
ejecutar todas las órdenes contenidas con el código HTML.

Características del lenguaje HTML

El Web tenía que ser distribuido: La información repartida en páginas no muy

grande enlazadas entre sí.
El Web tenía que ser hipertexto y debía ser fácil navegar por él: Las páginas no
son elementos aislados, sino que están unidas a otras mediante los links o enlaces
hipertexto.
Tenía que ser compatible con todo tipo de ordenadores (PC’s, Macintosh,
estaciones de trabajo...) y con todo tipo de sistemas operativos (Windows, MS-
DOS, UNIX, MACOS...).
Debía ser dinámico: el proceso de cambiar y actualizar la información debía ser
ágil y rápido.

¿Qué se necesita para crear una página web?

Una de las características de este lenguaje más importantes para el programador es que
no es necesario ningún programa especial para crear una página Web. Gracias a ello se
ha conseguido que se puedan crear páginas con cualquier ordenador y sistema operativo.

El código HTML no es más que texto y por tanto lo único necesario para escribirlo es:

✓ Un editor de texto. - Vale cualquiera siempre y cuando no altere el texto. El más usado
es como por ejemplo el bloc de notas. Es recomendable usar el Bloc de notas que viene
con Windows, u otro editor de textos sencillo. Hay que tener cuidado con algunos editores

7
más complejos como Wordpad o Microsoft Word, pues colocan su propio código especial
al guardar las páginas y HTML es únicamente texto plano, con lo que podremos tener
problemas.

✓ Un visualizador o navegador del web. - Netscape, Microsoft explore, Mosaic, Opera,

etc., sirve para interpretar los códigos.

Algunas razones para usar HTML

Todos estos editores HTML tipos pueden ser de gran ayuda y tienen sus ventajas e
inconvenientes, pero la experiencia demuestra que conocer el lenguaje HTML ofrece
bastantes ventajas:

• Seremos capaces de aprovechar todas las características de este lenguaje, incluso las
más nuevas.

• Aunque se use inicialmente un editor WYSWYG tendremos los conocimientos

suficientes para modificar posteriormente el código que éste ha creado. Así se pueden
corregir errores o incluir etiquetas no soportadas por el editor.

• No dependeremos de la disponibilidad de una herramienta concreta para poder crear

páginas web. Con un simple editor de textos será suficiente. Estructura de un documento
HTML Un documento HTML no es más que el texto definido entre las marcas

<HTML>

.…….

</HTML>

Un documento HTML siempre se componte de las siguientes dos partes:

<HTML>

<HEAD> Cabecera del documento

</HEAD>

<BODY> Contenido del documento

8
</BODY>

</HTML>

✓ Cabecera: Se inició mediante el comando <HEAD> y se termina con </HEAD>.Dentro

de la cabecera hay información del documento, que no se ve en la pantalla principal, y
que precisa las características del documento, principalmente el título del documento. El
título del documento se declara entre las etiquetas <TITLE> y </TITLE>.El título debe
ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan
nuestra página a su bookmark (o libro de direcciones favoritas)

✓ Cuerpo: Se inicia mediante el comando <BODY> y se termina con el comando

</BODY>. Este comando acepta numerosos modificadores. Dentro del cuerpo del
documento se incluye cualquier carácter imprimible.

En la cabecera de la página se introduce toda aquella información que afectará a toda la

página. En un principio esta información se limitará al título. Este título se indicará con
la etiqueta “title” usando la siguiente sintaxis:

<html>

<head>

<title> Mi primera página WEB </title>

</head>

</html>

Los encabezados

Usualmente un documento tiene, además de texto llano, una serie de encabezados o

titulares. Para ello el lenguaje HTML posee una serie de etiquetas que permiten disponer
de titulares de hasta 6 niveles de importancia.

Estas etiquetas son: <h1>, <h2>, <h3>, <h4>, <h5> y <H6>. La letra "h" al principio del
nombre de estas etiquetas proviene de la abreviatura de la palabra inglesa heading que
significa encabezado. Siguiendo a la hache hay un número del uno al seis que indica la
importancia del titular siendo el más importante el uno y el menos importante el seis.

9
Saltos de línea

En ocasiones puede ser conveniente introducir un punto y aparte cuando estamos

escribiendo un texto. En HTML para hacer esto puede usarse la etiqueta <br>. Cuando el
navegador se encuentra con esta etiqueta provoca un salto de línea y sigue mostrando el
contenido de la página. Veamos un ejemplo:

Estaba internándose en lo desconocido.

<br>

Durante todo el trayecto hasta Woodfield no dejó de pensar en los aspectos económicos,
con el temor de estar cometiendo...

En este texto podemos observar cómo tras el primer punto era necesario un cambio de
línea, por lo que hemos usado <br>.

Espacio entre líneas

Para introducir un espacio vertical entre líneas debe usarse la etiqueta <br>. Si se ponen
varias seguidas no se mostrará más espacio, pero esto puede solucionarse insertando entre
las etiquetas la cadena " ". Por ejemplo, para insertar tres líneas en blanco puede usarse:

<br> &nbsp;

<br> &nbsp;

<br> &nbsp;

El atributo ’align’ en la etiqueta <p> permite especificar la alineación del párrafo. Puede
tener tres valores:"center", "left" y "right", para obtener un párrafo centrado, alineado a
la izquierda o alineado a la derecha respectivamente. En la figura 2.4 se muestra el párrafo
del código anterior con los tres tipos de alineación.

Líneas horizontales para separar párrafos

Si lo que se necesita es separar dos secciones diferentes de una página, ya sea texto o no,
puede emplearse una nueva etiqueta: <hr>. Su nombre proviene del inglés Horizontal
Rule (línea horizontal). Esta etiqueta está formada por una única instrucción y provoca

10
que el navegador inserte una línea horizontal que separaba los dos párrafos que se estaban
comparando. Existen cuatro atributos que permiten modificar su apariencia. Estos son:

• ’align’: Permite cambiar la alineación de la línea. Puede tomar tres valores:"left",

"center" y "right" para conseguir alineación a la izquierda, centro y derecha
respectivamente.

• ’noshade’: ’noshade’, que en inglés significa sin sombra, existe porque algunos
navegadores gráficos como Navigator™ o Explorer™ muestran las líneas horizontales
con un efecto tridimensional con sombra. Al incluir este atributo se elimina este efecto de
manera que el navegador sólo mostrará una línea horizontal negra.

• ’size’: Con este atributo se puede controlar el grosor de la línea. Como valor de este
atributo se debe especificar el valor deseado en pixeles (puntos de pantalla).

• ’width’: Este atributo permite especificar el ancho de la línea. El valor puede ser dado
de una manera absoluta, especificando el ancho en pixeles (por ejemplo, width=100) o de
manera relativa respecto al ancho de la ventana del navegador usando porcentajes (por
ejemplo, width="90%"). Es más que recomendable usar este último sistema de que
obtengamos un resultado apropiado independientemente del tamaño que cada usuario
quiera dar a la ventana de su navegador.

Estos atributos pueden ser usados conjuntamente para combinar sus efectos

La etiqueta <blockquote>... </blockquote>

Otra etiqueta relacionada con el formato de párrafos en HTML es <blockquote>, que

consta de una instrucción de inicio y una de fin y que indica que el párrafo que encierra

11
es un texto parafraseado. Al usar esta etiqueta el navegador mostrará el texto en un nuevo
párrafo con márgenes a la izquierda y a la derecha

Cómo insertar imágenes en una página.

En el cuarto capítulo de la obra trataremos con detalle el mundo de las imágenes en el

WWW y aprenderemos todas las posibilidades gráficas que ofrece. En este capítulo
aprenderemos, como introducción, a insertar imágenes para dar más vida a nuestra página.

La etiqueta usada para insertar imágenes es: <img >. Esta etiqueta está compuesta por
una única instrucción y por tanto </img> no existe y su uso está prohibido.

Podemos insertar una imagen en medio de una frase como si fuese una palabra más de
ella y será mostrada por el navegador a continuación del texto (o cualquier otro elemento
anterior)

Pulsa en la flecha <img src="flecha1.gif"> para pasar a la página siguiente.

Cómo crear enlaces hipertexto.

Una vez visto como introducir distintos tipos de texto y párrafos, así como insertar
imágenes en una página, lo único que queda por aprender para ser capaces de crear una
página Web bastante completa son los enlaces hipertexto. Con ellos se pueden activar
frases o palabras de la página para que al pulsar sobre ellas se salte a cualquier otra página
de Internet que decidamos.

Estos enlaces hipertexto (en inglés links) no son más que unas zonas (habitualmente
palabras o frases) especiales de nuestro texto que ofrecen la posibilidad de pulsar sobre
ellas para ir a otras páginas.

Los enlaces pueden clasificarse en dos tipos, los internos o locales y los externos:

12
- Los enlaces internos son aquellos que enlazan las páginas que componen un mismo sitio
web (web site).

Todas estas páginas estarán (generalmente) en el mismo servidor WWW, y por tanto
estarán también en el mismo ordenador. Por esta razón sólo será necesario indicar en
nuestro código el nombre del archivo donde está la página que queremos enlazar y el
directorio en el que se encuentra. Un ejemplo dirección de un enlace interno es:

/hobbies/index.html

- Los enlaces externos permiten saltar desde una página hasta otra puede estar en
cualquier otro lugar del mundo en otro servidor web. Al crear estos enlaces es necesario
especificar la dirección completa de Internet (la URL) de la página que queremos enlazar.
Por ejemplo:

http://www.otroservidor.com/hobbies/index.html

Por último, cabe resaltar que, aunque la mayoría de las veces los links se usan para enlazar
una página con otras también pueden usarse con imágenes, sonido, vídeo y prácticamente
cualquier tipo de fichero.

La etiqueta <a>... </a>

Esta etiqueta, de nombre sencillo, es la que va a permitir incluir en las páginas enlaces
hipertexto. Su atributo ’href’ permite indicar cuál es la página a la que debe saltar el
usuario al pulsar sobre el texto adecuado. El texto del enlace será aquel que se introduzca
entre la instrucción de inicio y la instrucción de final de la etiqueta y debe ser resaltado
por el navegador para que el usuario sepa que puede pulsar en él. La estructura de un link
es:

<a href="dirección_URL">

Texto que será sensible (hipertexto)

</a>

Los navegadores gráficos como Netscape Navigator y Microsoft Internet Explorer

resaltan este texto mostrándolo de un color diferente y subrayándolo, además el cursor

13
cambiará al situarlo sobre el texto. Los navegadores que funcionan en modo texto como
Lynx™ resaltan los enlaces hipertexto cambiando el color del texto y de su fondo.

Veamos un ejemplo sencillo del uso de enlaces. Se ha creado un sitio web personal con 2
páginas. La página principal se encuentra en el archivo index.html y se quiere que en ella
haya un enlace a otra página donde se han escrito sobre los hobbies del creador del sitio
web y que se encuentra en el archivo hobbies.html. El enlace podría ser algo así:

También puedes conocer mis <a href="hobbies.html">hobbies</a>

JavaScript

¿Qué es JavaScript?

JavaScript es un lenguaje de programación que se utiliza principalmente para crear

páginas web dinámicas.

Una página web dinámica es aquella que incorpora efectos como texto que aparece y
desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con
mensajes de aviso al usuario.

Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es

necesario compilar los programas para ejecutarlos. En otras palabras, los programas
escritos con JavaScript se pueden probar directamente en cualquier navegador sin
necesidad de procesos intermedios.

Historia de JavaScript

A principios de los años 90, la mayoría de los usuarios que se conectaban a Internet lo
hacían con módems a una velocidad máxima de 28.8 kbps. En esa época, empezaban a
desarrollarse las primeras aplicaciones web y, por tanto, las páginas web comenzaban a
incluir formularios complejos.

Con unas aplicaciones web cada vez más complejas y una velocidad de navegación tan
lenta, surgió la necesidad de un lenguaje de programación que se ejecutara en el
navegador del usuario. De esta forma, si el usuario no rellenaba correctamente un
formulario, no se le hacía esperar mucho tiempo hasta que el servidor volviera a mostrar
el formulario indicando los errores existentes.

14
Brendan Eich, un programador que trabajaba en Netscape pensó que podría solucionar
este problema adaptando otras tecnologías existentes (como ScriptEase) al navegador
Netscape Navigator 2.0, que iba a lanzarse en 1995. Inicialmente, Eich denominó a su
lenguaje LiveScript.

Posteriormente, Netscape firmó una alianza con Sun Microsystems para el desarrollo del
nuevo lenguaje de programación. Además, justo antes del lanzamiento Netscape decidió
cambiar el nombre por el de JavaScript. La razón del cambio de nombre fue
exclusivamente por marketing, ya que Java era la palabra de moda en el mundo
informático y de Internet de la época.

La primera versión de JavaScript fue un completo éxito y Netscape Navigator 3.0 ya

incorporaba la siguiente versión del lenguaje, la versión 1.1. Al mismo tiempo, Microsoft
lanzó JScript con su navegador Internet Explorer 3. JScript era una copia de JavaScript al
que le cambiaron el nombre para evitar problemas legales. Para evitar una guerra de
tecnologías, Netscape decidió que lo mejor sería estandarizar el lenguaje JavaScript. De
esta forma, en 1997 se envió la especificación

JavaScript 1.1 al organismo ECMA (European Computer Manufacturers Association).

ECMA creó el comité TC39 con el objetivo de "estandarizar de un lenguaje de script
multiplataforma e independiente de cualquier empresa". El primer estándar que creó el
comité TC39 se denominó ECMA-262, en el que se definió por primera vez el lenguaje
ECMAScript. Por este motivo, algunos programadores prefieren la denominación
ECMAScript para referirse al lenguaje JavaScript. De hecho, JavaScript no es más que la
implementación que realizó la empresa Netscape del estándar ECMAScript.

La organización internacional para la estandarización (ISO) adoptó el estándar ECMA-

262 a través de su comisión IEC, dando lugar al estándar ISO/IEC-16262.

Especificaciones oficiales

ECMA ha publicado varios estándares relacionados con ECMAScript. En junio de 1997

se publicó la primera edición del estándar ECMA-262. Un año después, en junio de 1998
se realizaron pequeñas modificaciones para adaptarlo al estándar ISO/IEC-16262 y se
creó la segunda edición.

15
Cómo incluir JavaScript en documentos XHTML

La integración de JavaScript y XHTML es muy flexible, ya que existen al menos tres

formas para incluir código JavaScript en las páginas web.

Incluir JavaScript en el mismo documento XHTML

El código JavaScript se encierra entre etiquetas <script> y se incluye en cualquier parte

del documento. Aunque es correcto incluir cualquier bloque de código en cualquier zona
de la página, se recomienda definir el código JavaScript dentro de la cabecera del
documento (dentro de la etiqueta <head>):

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Ejemplo de código JavaScript en el propio documento</title>

<script type="text/javascript"> alert("Un mensaje de prueba");

</script>

</head>

<body>

<p>Un párrafo de texto. </p>

</body>

</html>

Para que la página XHTML resultante sea válida, es necesario añadir el atributo type a la
etiqueta <script>. Los valores que se incluyen en el atributo type están estandarizados y
para el caso de JavaScript, el valor correcto es text/javascript.

16
Este método se emplea cuando se define un bloque pequeño de código o cuando se
quieren incluir instrucciones específicas en un determinado documento HTML que
completen las instrucciones y funciones que se incluyen por defecto en todos los
documentos del sitio web. El principal inconveniente es que si se quiere hacer una
modificación en el bloque de código, es necesario modificar todas las páginas que
incluyen ese mismo bloque de código JavaScript.

Definir JavaScript en un archivo externo

Las instrucciones JavaScript se pueden incluir en un archivo externo de tipo JavaScript

que los documentos XHTML enlazan mediante la etiqueta <script>. Se pueden crear
todos los archivos JavaScript que sean necesarios y cada documento XHTML puede
enlazar tantos archivos JavaScript como necesite. Ejemplo:

Archivo codigo.js

Alert ("Un mensaje de prueba"); Documento XHTML

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Ejemplo de código JavaScript en el propio documento</title>

<script type="text/javascript" src="/js/codigo.js"></script>

</head>

<body>

<p>Un párrafo de texto. </p>

</body>

</html>

17
Además del atributo type, este método requiere definir el atributo src, que es el que indica
la URL correspondiente al archivo JavaScript que se quiere enlazar. Cada etiqueta
<script> solamente puede enlazar un único archivo, pero en una misma página se pueden
incluir tantas etiquetas <script> como sean necesarias.

Los archivos de tipo JavaScript son documentos normales de texto con la extensión .js,
que se pueden crear con cualquier editor de texto como Notepad, Wordpad, wEmEditor,
UltraEdit, Vi, etc.

La principal ventaja de enlazar un archivo JavaScript externo es que se simplifica el

código XHTML de la página, que se puede reutilizar el mismo código JavaScript en todas
las páginas del sitio web y que cualquier modificación realizada en el archivo JavaScript
se ve reflejada inmediatamente en todas las páginas XHTML que lo enlazan.

Incluir JavaScript en los elementos XHTML

Este último método es el menos utilizado, ya que consiste en incluir trozos de

JavaScript dentro del código XHTML de la página:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Ejemplo de código JavaScript en el propio documento</title>

</head>

<body>

<p onclick="alert ('Un mensaje de prueba')">Un párrafo de texto. </p>

</body>

</html>

18
El mayor inconveniente de este método es que ensucia innecesariamente el código
XHTML de la página y complica el mantenimiento del código JavaScript. En general,
este método sólo se utiliza para definir algunos eventos y en algunos otros casos
especiales, como se verá más adelante.

Etiqueta no script

Algunos navegadores no disponen de soporte completo de JavaScript, otros navegadores

permiten bloquearlo parcialmente e incluso algunos usuarios bloquean completamente el
uso de JavaScript porque creen que así navegan de forma más segura.

En estos casos, es habitual que, si la página web requiere JavaScript para su correcto
funcionamiento, se incluya un mensaje de aviso al usuario indicándole que debería activar
JavaScript para disfrutar completamente de la página. El siguiente ejemplo muestra una
página web basada en JavaScript cuando se accede con JavaScript activado y cuando se
accede con JavaScript completamente desactivado.

Posibilidades y limitaciones

Desde su aparición, JavaScript siempre fue utilizado de forma masiva por la mayoría de
los sitios de Internet. La aparición de Flash disminuyó su popularidad, ya que Flash
permitía realizar algunas acciones imposibles de llevar a cabo mediante JavaScript. Sin
embargo, la aparición de las aplicaciones AJAX programadas con JavaScript le ha
devuelto una popularidad sin igual dentro de los lenguajes de programación web. En
cuanto a las limitaciones, JavaScript fue diseñado de forma que se ejecutara en un entorno
muy limitado que permitiera a los usuarios confiar en la ejecución de los scripts.

De esta forma, los scripts de JavaScript no pueden comunicarse con recursos que no
pertenezcan al mismo dominio desde el que se descargó el script. Los scripts tampoco
pueden cerrar ventanas que no hayan abierto esos mismos scripts. Las ventanas que se
crean no pueden ser demasiado pequeñas ni demasiado grandes ni colocarse fuera de la
vista del usuario (aunque los detalles concretos dependen de cada navegador). Además,
los scripts no pueden acceder a los archivos del ordenador del usuario (ni en modo lectura
ni en modo escritura) y tampoco pueden leer o modificar las preferencias del navegador.

19
Por último, si la ejecución de un script dura demasiado tiempo (por ejemplo, por un error
de programación) el navegador informa al usuario de que un script está consumiendo
demasiados recursos y le da la posibilidad de detener su ejecución.

A pesar de todo, existen alternativas para poder saltarse algunas de las limitaciones
anteriores. La alternativa más utilizada y conocida consiste en firmar digitalmente el
script y solicitar al usuario el permiso para realizar esas acciones.

JavaScript y navegadores

Los navegadores más modernos disponibles actualmente incluyen soporte de JavaScript

hasta la versión correspondiente a la tercera edición del estándar ECMA-262.

La mayor diferencia reside en el dialecto utilizado, ya que mientras Internet Explorer

utiliza JScript, el resto de los navegadores (Firefox, Opera, Safari, Konqueror) utilizan
JavaScript.

JavaScript en otros entornos

La inigualable popularidad de JavaScript como lenguaje de programación de aplicaciones

web se ha extendido a otras aplicaciones y otros entornos no relacionados con la web.

Herramientas como Adobe Acrobat permiten incluir código JavaScript en archivos PDF.
Otras herramientas de Adobe como Flash y Flex utilizan ActionScript, un dialecto del
mismo estándar de JavaScript.

Photoshop permite realizar pequeños scripts mediante JavaScript y la versión 6 de Java

incluye un nuevo paquete (denominado javax.script) que permite integrar ambos

lenguajes.

Por último, aplicaciones como Yahoo Widgets (http://widgets.yahoo.com/) y el

Dashboard de Apple (http://www.apple.com/downloads/dashboard/) utilizan

JavaScript para programar sus widgets.

El primer script

A continuación, se muestra un primer script sencillo pero completo:

20
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>El primer script</title>

<script type="text/javascript"> alert ("Hola Mundo!");

</script>

</head>

<body>

<p>Esta página contiene el primer script</p>

</body>

</html>

En este ejemplo, el script se incluye como un bloque de código dentro de una página
XHTML. Por tanto, en primer lugar, se debe crear una página XHTML correcta que
incluya la declaración del DOCTYPE, el atributo xmlns, las secciones <head> y <body>,
la etiqueta <title>, etc.

Dreamweaver

Dreamweaver es un software fácil de usar que permite crear páginas web profesionales.
Las funciones de edición visual de Dreamweaver permiten agregar rápidamente diseño y
funcionalidad a las páginas, sin la necesidad de programar manualmente el código
HTML. Editar páginas web Tal y como ya hemos visto, cualquier editor de texto permite
crear páginas web. Para ello sólo es necesario crear los documentos con la extensión
HTML o HTM, e incluir como contenido del documento el código HTML deseado. Puede
utilizarse incluso el Bloc de notas para hacerlo. Pero crear páginas web mediante el código
HTML es más costoso que hacerlo utilizando un editor gráfico. Aunque es necesario

21
conocer algo de HTML para poder hacer páginas de cierta calidad. Hoy en día existe una
amplia gama de editores de páginas web. Uno de los más utilizados, y que destaca por su
sencillez y por las numerosas funciones que incluye, es Macromedía Dreamweaver

Para elegir un diseño del espacio de trabajo:

• Seleccione uno de los siguientes diseños:

El espacio de trabajo de diseñado

Es un espacio de trabajo integrado que utiliza MDI (Interfaz para múltiples documentos,
Multiple Document Interface) en el que todas las ventanas de documentos y todos los
paneles están integrados en una ventana de aplicación de mayor tamaño, con los grupos
de paneles acoplados a la derecha. Este diseño es el recomendado para la mayoría de los
usuarios.

El espacio de trabajo del codificador

Es el mismo espacio de trabajo integrado, pero con los grupos de paneles acoplados a la
izquierda; es un diseño similar al que utilizan Macromedia HomeSite y Macromedia
ColdFusion Studio, en el que las ventanas de documentos muestran de forma
predeterminada la vista de código. Esta disposición es la recomendada para usuarios de
HomeSite o ColdFusion Studio y otras personas que escriban código manualmente que
deseen contar con una disposición del espacio de trabajo que les resulte familiar.

22
La página de inicio

permite abrir un documentoreciente o crear un documento nuevo. Desde la página de

inicio también puede profundizar sus conocimientos sobre Dreamweaver mediante una
visita guiada o un tutorial del producto.

La barra Insertar

contiene botones para la inserción de diversos tipos de “objeto”, como imágenes, tablas
y capas, en un documento. Cada objeto es un fragmento de código HTML que le permite
establecer diversos atributos al insertarlo. Por ejemplo, puede insertar una tabla haciendo
clic en el botón Tabla de la barra Insertar. Si lo prefiere, puede insertar objetos utilizando
el menú Insertar en lugar de la barra Insertar.

La barra de herramientas

Documento que contiene botones y menús emergentes que proporcionan diferentes vistas
de la ventana de documento (como la vista Diseño y la vista Código), diversas opciones
de visualización y algunas operaciones comunes como la obtención de una vista previa
en un navegador.

23
La ventana de documento

Muestra el documento actual mientras lo está creando y editando. El inspector de

propiedades le permite ver y cambiar diversas propiedades del objeto o texto
seleccionado. Cada tipo de objeto tiene diferentes propiedades.

Los grupos de paneles

son conjuntos de paneles relacionados apilados bajo un encabezado común. Para ampliar
un grupo de paneles, haga clic en la flecha de ampliación situada a la izquierda del nombre
del grupo; para desacoplar un grupo de paneles, arrástrelo por los puntos situados en el
borde izquierdo de la barra de título del grupo.

Introducción a los menús

El menú Archivo y el menú Edición contienen los elementos de menú estándar para estos
menús, como Nuevo, Abrir, Guardar, Guardar todo, Cortar, Copiar, Pegar, Deshacer y
Rehacer. El menú Archivo también contiene otros comandos para la visualización o
manipulación del documento actual, como Vista previa en el navegador e Imprimir
código.

El menú Edición contiene los comandos de selección y de búsqueda, como:

Seleccionar etiqueta padre y Buscar y reemplazar. En Windows, el menú Edición también

proporciona acceso a Preferencias; en Macintosh, utilice el menú de Dreamweaver para
abrir el cuadro de diálogo Preferencias.

El menú Ver

Le permite obtener diversas vistas del documento (como la vista Diseño y la vista
Código), y mostrar y ocultar diversos tipos de elementos de página y herramientas de
Dreamweaver.

El menú Insertar

Ofrece una alternativa a la barra Insertar para la inserción de objetos en el documento.

El menú Modificar le permite cambiar las propiedades del elemento de página

seleccionado. A través de este menú, puede editar los atributos de etiquetas, cambiar las

24
tablas y elementos de tablas y realizar diversas operaciones relacionadas con elementos
de biblioteca y plantillas.

El menú Texto

Le permite aplicar formato al texto fácilmente. El menú Comandos Proporciona acceso a

diversos comandos, entre otros, uno para aplicar formato al código en función de las
preferencias de formato, otro para crear un álbum de fotos y otro para optimizar una
imagen empleando Macromedia Fireworks.

El menú Sitio

Ofrece elementos de menú para administrar sitios y cargar y descargar archivos.

Sugerencia: algunas de las funciones incluidas en el menú Sitio en versiones anteriores

de Dreamweaver se encuentran ahora en el menú Opciones del panel Archivos.

El menú Ventana

Proporciona acceso a todos los paneles, inspectores y ventanas de Dreamweaver.

El menú Ayuda

Proporciona acceso a la documentación de Dreamweaver, incluidos los sistemas de ayuda

para la utilización de Dreamweaver y la creación de extensiones para Dreamweaver.

Además de información de referencia para diversos lenguajes. Además de los menús de

la barra de menús, Dreamweaver ofrece numerosos menús contextuales que proporcionan
acceso sencillo a útiles comandos relacionados con la selección o el área actual.

Para ver un menú contextual, haga clic con el botón derecho del ratón (Windows) o
presione la tecla Control (Macintosh) en un elemento de una ventana

Servidor Apache

Apache es posiblemente el servidor Web más utilizado en el mundo. Sus orígenes se

remontan a 1995. Por esa época NCSA (National Center for Super Computing
Applicationes) creó un servidor Web que se convirtió en el más usado. Cuando se
abandona el proyecto de NCSA, los propios usuarios del mismo crearon un foro para
poder compartir parches e información respecto al servidor. Surge el Apache Group.

25
El servidor Apache se crea, entonces, a partir del código fuente del servidor de NCSA.
La primera versión del servidor Apache surgió en abril de 1995. Apache es un servidor
flexible y simple que se ejecuta en varias plataformas: Linux, UNIX, Windows
95/98/NT/XP/2000. La instalación necesaria depende del sistema operativo. Todas las
distribuciones Linux cuentan con un servidor Apache integrado en la propia distribución
por lo cual solamente hay que seleccionar la opción de instalar el servidor para que éste
quede instalado y funcionando.

Características

Incluimos un resumen de las características generales del servidor Apache. Es posible que
de muchas de ellas ahora no se entienda su significado, pero a lo largo del curso se irán
'descubriendo'.

1. Cumple el estándar HTTP/1.1 Nueva versión del protocolo HTTP que amplía su
funcionalidad según se detalla en esta unidad.

2. Configurable y extensible mediante módulos Existe gran cantidad de módulos

disponibles para Apache2 y permite la creación de nuevos módulos por parte de usuarios
programadores. En la Unidad 4 se habla extensamente acerca de los módulos.

3. Proporciona el código fuente con licencia sin restricciones. Es gratuito, pero ante todo
es código fuente libre, lo cual permite saber en todo momento qué estamos instalando.

4. Multiplataforma Existen versiones tanto para Windows como para GNU/Linux. El

curso contempla las plataformas Windows 7 y GNU/Linux Ubuntu.

5. Continúa actualización y desarrollo. Un grupo de desarrolladores está continuamente

revisando y corrigiendo todos los fallos de seguridad y generales de la herramienta que
van surgiendo entre versiones.

6. Bases de datos DBM para autenticación de usuarios. Permiten la protección de

documentos mediante contraseñas para una gran cantidad de usuarios.

7. Permite crear páginas web protegidas Mediante contraseñas con un número grande de
usuarios autorizados, sin sobrecargar el servidor.

8. Permite personalizar las respuestas a errores y problemas del servidor. Múltiples

directivas DirectoryIndex

26
Negociación de contenido

El servidor proporciona a los clientes web de diferentes tipos los documentos con el mejor
nivel que estos clientes web pueden soportar.

Hosts virtuales también llamados servidores multi-alojados. Esto permite al servidor

distinguir entre peticiones hechas a diferentes direcciones IP/: puerto nombres (mapeados
a la misma máquina).

Diseno del index

27
Código del índex

Diseño de las tres imágenes de Estrenos

28
Código de las tres imágenes de Estrenos

Diseño de la tabla de estrenos

29
Código de la tabla de estrenos

Diseño del archivo locales.html

30
Codigo del archivo locales.html

Diseño de la tabla creada en el archivo locales.html

31
Diseño de las primeras tres imágenes colocadas en la tabla creada en el archivo
locales.html

Código de las primeras tres imágenes colocadas en la tabla creada en el archivo

locales.html

32
Diseño del archivo contacto.html

Código del archivo contacto.html

33
Conclusión
Establecida la misión, visión, metas y objetivos estas son esenciales para el éxito de
Cineplanet, dado que éstos establecen un curso a seguir y sirven como fuente de
motivación para todos los miembros de la empresa de Cineplanet

Gracias a las metas actuales de Cineplanet se podrán cumplir con los objetivos trazados .
CINEPLANET, actualmente tiene poder de negociación en la cadena de
aprovisionamiento de películas por tener la mayor participación del mercado, esto permite
tener buenos porcentajes de alquiler y exclusividades.

Implementar estrategias simultáneas que permita la sostenibilidad en el mercado.

CINEPLANET deberá regularizar todos los acuerdos actuales con los Distribuidores
mediante contrato o convenios que permitan respaldar la continuidad del vínculo
comercial.

Logotipos

34
35
36
37
38
39
 Bibliografía

Eguíluz, J. (2009). Introducción a JavaScript.

Ferrer, J., García, V., & García, R. (s.f.). Curso Completo de HTML. Madrid, España: Tesla.

Pérez, C. (2008). Macromedia Dreamweaver 8: administración de sitios y páginas web,

México DF, México D.C: Editorial Alfaomega.

Linkografía

https://www.uaeh.edu.mx/docencia/P_Presentaciones/prepa3/Dreamweaver.pdf

http://www.bvl.com.pe/jsp/ShowEEFF_new.jsp?Ano=2015&Trimestre=4&Rpj=OE3947
&RazoSoci=CINEPLEX%20S.A.&TipoEEFF=GYP&Tipo1=T&Tipo2=C&Dsc_Correlativo=00
00&Secuencia=0

https://www.cineplanet.com.pe/

40