Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

“AÑO DE LA INVERSIÓN PARA EL DESARROLLO RURAL Y LA SEGURIDAD ALIMENTARIA”

DIRECCION REGIONAL DE EDUCACIÓN DE UCAYALI

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “PADRE ABAD”

PRESENTADO POR:

TORIBIO ALADO, TITO ISHBAKNAVARRO SERAFICO, PATRICIA NANCYCANTARO CRISOSTOMO, NANCY NIDIACANTARO CRISOSTOMO, GISELA

CARRERA TÉCNICA:COMPUTACIÓN E INFORMÁTICA

PARA OPTAR EL TITUTO PROFESIONAL

EN LA CARRERA TÉCNICA DE COMPUTACIÓN E INFORMATICA

AGUAYTIA – PERU

2013

CREACION Y DISEÑO DE PAGINAS WEBDESARROLLO Y PRODUCCIÓN DEL CACAO

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

VISACION

El presente Proyecto de CREACIÓN Y DISEÑO DE PAGINAS WEB

“DESARROLLO Y PRODUCCIÓN DEL CACAO EN IRAZOLA” ha sido

desarrollado por los alumnos egresados del Instituto de Educacion Superior

Tecnologico Publico “Padre Abad”, TORIBIO ALADO, Tito Ishbak,

CANTARO CRISOSTOMO, Gisela, CANTARO CRISOSTOMO, Nancy

Nidia, NAVARRO SERAFICO, Patricia Nancy, quienes han investigado

acerca del Theobroma Cacao; producto agrícola que esta logrando ganarle la

batalla a los cultivos ilícitos como la hoja de coca.

Es además un producto agrícola que genera muchas ganacias a los

agricultores, a los comercios que se dedican a la compra y venta del grano de

cacao, a los comercios que venden herramientas, insecticidas para mantener

o mejorar los cultivos del cacao.

Es además unos de los ejes más importantes que generan trabajo y

economía a la ciudad de San Alejandro, el Docente Técnico en Computación

e Informática Neftali, Lucero Sarmiento identificado con DNI N° 43237918,

quien manifiesta y certifica con una firma, que el presente proyecto se

encuentra apto para su revisión por parte del jurado.

Página 2 de 86

………………………………………………….NEFTALI LUCERO SARMIENTO

DNI N° 43237918DOCENTE - TECNICO

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

ÍNDICE

A. MEMORIA……………………………….………………..…… 3

1. Introducción …………………………………………………………. 4

2. Nociones básica Adobe Creative Suite…………………………… 10

2.1 Introduccion al lenguaje de programación seleccionado…… 11

2.2 Historia…………………………………………………………… 14

2.3 Vocabulario Tecnico……………………………………………. 18

2.4 Arquitectura……………………………………………………… 21

2.5 Familia de lenguaje de programación seleccionado………... 21

3. Lenguaje de programación………………………………………… 23

3.1 Introduccion…………………………………………………….. 24

3.2 Compilador del lenguaje seleccionado………………………. 30

3.3 librerias del lenguaje de programación seleccionado……… 32

4. Interconexión aplicación periférico……………………………….. 33

5. Arquitectura del Sistema Operativo seleccionado ………………35

5.1 Historia…………………………………………………………. 36

5.2 Caracteristicas generales……………………………………. 38

6. Aplicación ……………………………………………………………42

6.1 Introduccion……………………………………………………..43

6.2 Interfaces y código fuente……………………………………..44

7. Bibliografía ………………………………………………………… 78

7.1 Libros…………………………………………………………… 79

7.2 Apuntes………………………………………………………… 79

7.3 Páginas Web……………………………………………………79

B. PLIEGO DE CONDICIONES ……………………………… 80

1. Pliego de condiciones especificas y contructivas……………… 81

2. Formas de ejecución. ……………………………….…………… 81

3. Plazos y orden de ejecución. ……………………………………. 81

4. Materiales. ……………………………………………………….… 82

5. Realización de las pruebas………………………………….…… 82

C. PRESUPUESTO ……………………………………….……83

Página 3 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

1. Presupuesto del hadware……………………………………………84

2. Presupuesto del software……………………………………………84

3. Totalizaciones…………………………………………………………84

D. CONCLUSIÓN ……………………………………………… 85

1. Conclusión del proyecto…………………………………………… 86

Página 4 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

A. MEMORIA

Página 5 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

1. INTRODUCCIÓN

Página 6 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

1.1 INTRODUCCIONNuestro proyecto CREACIÓN Y DISEÑO DE PAGINAS WEB DESARROLLO Y PRODUCCIÓN DEL CACAO EN IRAZOLA; es un portal electrónico que busca mostrar información, acerca de un producto agrícola muy querido y cultivado que genera desarrollo económico en nuestra ciudad de San Alejandro.

El presente proyecto fue elaborado con el propósito de mostrar, y recibir información facilitando la opinión por parte de los usuarios que visiten nuestra Página Web, basándonos en la realidad actual y futura de la ciudad de San Alejandro.

Toda la información obtenida en el proceso de investigación para este proyecto, fue relativamente observada y analizada, para ejecutar un portal electrónico que permita mantener y actualizar la información, cumpliendo con las expectativas de los usuarios que visitan nuestro Sitio Web.

El análisis y diseño de nuestro Web Site, fue desarrollado con el objetivo de idear otros métodos para mostrar el manejo cotidiano de la información, así poder aportar nuevas experiencias a los usuarios, estudiantes de la carrera técnica de computación e informática, teniendo en cuenta que para ser un buen profesional técnico, debemos aprender cada vez mas los diferentes tipos de problemas que se presentan en las diversas empresas y poder darle una adecuada solución.

El presente proyecto que se ha realizado, está conformado en tres partes principales. Primero tenemos todo lo referente al Software utilizado en el diseño, y codificación de la página web cuyo contenido trata sobre el DESARROLLO Y PRODUCCIÓN DEL CACAO EN IRAZOLA, además explicaremos el sistema operativo en la cual se ejecuta la página web.

En la segunda parte tenemos el diseño de la página web, que incluye la interfaz y el código HTML, CSS, donde se trata cada uno de los procesos involucrados en el Diseño y Creación de la Página Web DESARROLLO Y PRODUCCIÓN DEL CACAO EN IRAZOLA.

El presente proyecto ha sido elaborado, diseñado y puesto en marcha por los ex alumnos de la carrera de computación e informática, TORIBIO ALADO, Tito Ishbak, NAVARRO SERAFICO, Patricia Nancy, CANTARO CRISOSTOMO, Nancy Nidia, CANTARO CRISOSTOMO, Gisela, para la obtención del títuto profesional en la carrera antes mencionada.

Por último se describen cuáles son las ventajas de desarrollar una página web y la importancia de llegar a extender este proyecto. El desarrollo de este proyecto permitirá implementar una página web que servirá como base para futuros proyectos y motivar el desarrollo de páginas web relacionadas al comercio electrónico.

Página 7 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

1.1.1 Capitulo 1: Introducción.Describe en forma general y especifica al proyecto Creación y Diseño de Páginas Web “DESARROLLO Y PRODUCCIÓN DEL CACAO EN IRAZOLA” incidiendo en el diseño, elaboración y las faces para su puesta en marcha. Esta enfocado a brindar información concerniente al DESARROLLO Y PRODUCCIÓN DEL CACAO EN IRAZOLA.

1.1.2 Capitulo 2: Nociones básicas del lenguaje informático utilizado.Hace mención al lenguaje de HTML, el mismo que es el más ampliamente utilizado en la creación y diseño de páginas web. El lenguaje HTML (Hyper Text Markup Language, lenguaje marcado de hipertexto) ha sido creado por por Tim Berners-Lee en 1991, con la finalidad de transmitir información de manera fácil y sencilla a cualquier parte del mundo grasias a la plataforma de internet, independientemente del hardware o sistema operativo utilizado.

1.1.3 Capitulo 3: Lenguaje informático. Aborda en forma amplia los conceptos y definiciones de HTML, enfocado a dar un panorama general del lenguaje amplimante utilizado en el desarrollo de páginas web, contempla asi mismo explicaciones necesarias a fin de que el proyecto sea comprendido por cualquier estudianteo profesional involucrado en el desarrollo y diseño de páginas web.

1.1.4 Capitulo 4: Interconexion aplicación-periférico.HTML es un lenguaje desarrollado para interconectar infinidad de periféricos. Su función es la gestión y organización del contenido. Así que en HTML puedes escribir lo que deseas mostrar en la página Web: texto, enlaces, imágenes…

1.1.5 Capitulo 5: Arquitectura del sistema operativo seleccionadoLa pagina web “Desarrollo y Producción del Cacao en San Alejandro” esta diseñado para correr bajo cualquier plataforma del sistema operativo de Microsoft o cualquier otro S. O., sin embargo para aprovechar al máximo las facilidades que brinda el mismo se ha optado por seleccionar el sistema operativo Windows 8 de 32 o 64 bits.

1.1.6 Capitulo 6: Aplicación.Se aborda el proyecto y las interfaces de la página web. Nuestra pagina web tiene una pagina principal (index), el mismo que puede ser navegado según las necesidades de los visitantes.

1.1.7 Capitulo 7: BibliografíaEl presente proyecto ha utilizado muy ampliamente la ayuda proporcionado por la red de redes (internet), motores de búsqueda y asistentes en el diseño de la página web. También se ha abordado algunos conceptos fundamentales en libros especializados online en el tema tratado.

1.1.8 Pliego de condiciones

Página 8 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Es necesario indicar en que condiciones se puede obtener el máximo provecho de las características de la página web, asi mismo se hace las indicaciones en caso de no existir los elementos necesarios para beneficiarnos de la página web.

1.1.9 PresupuestoEl presente proyecto contempla un costo por desarrollo, algunas características del proyecto no tienen costo, sin embargo al utilizar horas hombre – maquina, el costo se enfoco al uso del tiempo, razón por la cual se ha formulado una tabla de valoración.

1.1.10 ConclusiónSe explica los beneficios alcanzados en el desarrollo y puesta del proyecto. Nuestra conclusión final esta orientado a brindar información sobre los beneficios económicos alcanzados grasias al cultivo del producto agrícola theobroma cacao.

Página 9 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

2. NOCIONES BÁSICAS DEL LENGUAJE DE PROGRAMACION UTILIZADO

Página 10 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

2.1. Introducción

En un principio la comunicación de un usuario con un ordenador se hacía a través de líneas de comandos bajo la plataforma D.O.S., pero a medida que ha evolucionado la tecnología y los ordenadores, los S.O. como las redes de telecomunicaciones, se ha generado nuevas formas de interactuar y desarrollar trabajos en un ordenador.

El diseño de páginas web se ha desarrollado a medida que ha evolucionado Internet. En 1992 sólo había alrededor de 50 sitios web. Estadísticas (2005) nos afirman que la cantidad de sitios web ronda los 8.000 millones de Web Site, a los que diariamente se les suma a razón de 4400 sitios web por día.

A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atención de los usuarios. Junto con un desarrollo efectivo de la estructura web y del contenido, el diseño y el uso del color son la llave para atraer y ser identificados, formando vínculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes.

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta la navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y vídeo. Se lo considera dentro del diseño multimedia.

Adobe Creative Suite es una suite de distintas aplicaciones en forma de talleres y estudios dotados de herramientas y funciones altamente profesionales creada y producida por Adobe Systems y que están dirigidas a la Publicación Impresa, Publicación y creación de Páginas Web, Post Producción de Video, y Dispositivos Móviles.

Adobe Creative Suite nace del exitoso intento de la casa Adobe de unir todos sus programas profesionales (los cuales antes solo podían adquirirse individualmente) en diferentes conjuntos de utilidades profesionales que se adecuen al tipo de usuario. Esta ingeniosa unión de sus productos en conjuntos ha dado muy buenos resultados para Adobe en los últimos años, no obstante, la compañía sigue vendiendo sus productos individualmente.

Página 11 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

La aplicación de Adobe Creative Suite se ve, más notoriamente, en agencias publicitarias y editoriales de muy alto y reconocido prestigio. Las páginas web se han desarrollado usando código HTML, que eran usados por editores de textos como Notepad o bloc de notas que carecen de una interfaz agradable para un usuario que recién desea aprender HTML, otra desventaja es que aporta pocas herramientas al diseño de páginas web.

HTML (HyperText Markup Language)HTML, siglas de (Lenguaje de Marcado de Hipertexto), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web.

PHP (Pre Procesador de Hipertexto)PHP es un lenguaje de programación de uso general de script del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico. Fue uno de los primeros lenguajes de programación del lado del servidor que se podían incorporar directamente en el documento HTML en lugar de llamar a un archivo externo que procese los datos. El código es interpretado por un servidor web con un módulo de procesador de PHP que genera la página Web resultante. PHP ha evolucionado por lo que ahora incluye también una interfaz de línea de comandos que puede ser usada en aplicaciones gráficas independientes. PHP puede ser usado en la mayoría de los servidores web al igual que en casi todos los sistemas operativos y plataformas sin ningún costo. Ejemplo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"    "http://www.iestp-pa-sa-cacao.com"><html>

Página 12 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

    <head>        <title>Example</title>    </head>    <body>        <?php            echo "Hola, ¡soy un script PHP!";        ?>    </body></html>

Lo que distingue a PHP del lado cliente como Javascript, es que el código es ejecutado en el servidor, generando HTML y enviándolo al cliente. El cliente recibirá los resultados al ejecutar el script, sin ninguna posibilidad de determinar qué código ha producido el resultado recibido. El servidor web puede ser incluso configurado para que procese todos los archivos HTML con PHP y entonces no hay manera que los usuarios puedan saber que tienes debajo de la manga.

Lo mejor de usar PHP es que es extremadamente simple para el principiante, pero a su vez, ofrece muchas características avanzadas para los programadores profesionales.

CSS (Hojas de Estilo en Cascada) Son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe cómo se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o en dispositivos táctiles basados en Braille.

¿Para qué sirve?

CSS es una especificación desarrollada por el W3C (World Wide Web Consortium) para permitir la separación de los contenidos de los documentos escritos en HTML, XML, XHTML, SVG, o XUL de la presentación del documento con las hojas de estilo, incluyendo elementos tales como los colores, fondos, márgenes, bordes, tipos de letra..., modificando la apariencia de una página web de una forma más sencilla, permitiendo a los desarrolladores controlar el estilo y formato de sus documentos.

Es una tecnología que nos permite crear páginas web de una manera más exacta. Gracias a las CSS somos mucho más dueños de los resultados finales de la página, pudiendo hacer muchas cosas que no se podía hacer utilizando solamente HTML, como incluir márgenes, tipos de letra, fondos, colores...

¿Cómo funciona?

Página 13 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

El lenguaje CSS se basa en una serie de reglas que rigen el estilo de los elementos en los documentos estructurados, y que forman la sintaxis de las hojas de estilo. Cada regla consiste en un selector y una declaración, esta última va entre corchetes y consiste en una propiedad o atributo, y un valor separados por dos puntos.

HTML 5Mucho hemos escuchado últimamente con respecto a la nueva versión del más que conocido HTML, incluso si no eres programador o diseñador web seguramente has leído por algún lado algo relativo a él. Lo cierto es que HTML5 es de alguna manera una especie de evolución 'obligada' de lo que hasta hoy conocemos como HTML 4 (para ser más específico 4.0.1), incluyendo algunas mejoras propias y otras a través de API's de Javascript o CSS3.

Pues bien, explicaremos de manera sencilla. Al hablar de HTML5 estamos hablando realmente de una familia de tecnologías que en combinación nos proporcionan una nueva serie de posibilidades al momento de construir aplicaciones y sitios web. Concretamente esta familia está conformada del ya conocido HTML, Javascript y CSS3, los cuales anteriormente ya eran utilizados al construir nuestros sitios, sin embargo, con HTML5 es un tanto distinto ya que son soportados de forma nativa, es decir, al definir un script ya no es necesario establecer su tipo ya que se sobreentenderá que utilizaremos Javascript, lo mismo sucede con los estilos ya que se tomarán como CSS3 por defecto.

De igual manera, al tratarse de un lenguaje 'evolucionado', no será necesario indicarle al navegador qué versión de HTML está implementado el documento, basta con indicar que es HTML y punto.

Además de la simplicidad de código, HTML5 trae consigo una nueva gama de posibilidades entre las cuales podemos mencionar las siguientes:

Contenido multimedia, reproducción de audio y video sin la necesidad de utilizar plug-ins.

Animaciones al estilo Adobe Flash ¡sin Adobe Flash!  Almacenamiento de datos del lado del cliente (local-storage)

Efectos en textos y elementos (incluyendo sombras y esquinas redondeadas)

Aplicaciones y sitios que sepan la ubicación física exacta de la persona que las está utilizando, una vez más, sin la necesidad de plug-ins.

Trazado de formas, figuras, colores y patrones de colores directo en la página.

2.2. Historia

Página 14 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

ADOBE CREATIVE SUITE 1 Y 2 La primera versión de Adobe Creative Suite fue lanzada en septiembre de 2003 y Adobe Creative Suite 2 en abril de 2005. Las dos primeras versiones (CS y CS2) estaban disponibles en dos ediciones.

La edición estándar incluye: Adobe Bridge (Desde CS2) Adobe Illustrator Adobe InDesign Adobe Photoshop Adobe Version Cue Guía de diseño y capacitación de recursos La edición Premium también incluye:

Adobe Acrobat Professional (Versión 8 en CS2.3) Adobe Dreamweaver (Desde CS2.3) Adobe GoLive

En enero de 2013, Adobe ofrece a los actuales usuarios de CS2 la oportunidad de descargar una versión de Adobe CS2 que ya no requiere la autorización de servidor de Adobe. Esto debido al cierre de los servidores de Adobe, esta descarga era solo para usuarios con licencia, aunque muchos usuarios hicieron caso omiso de esta advertencia y por esta razón se comenzó a tratar al software Adobe CS2 como software gratuito .

CREATIVE SUITE PRODUCTION STUDIO Es un conjunto de programas para la adquisición, edición y distribución de vídeo y audio digital que fue lanzado durante el mismo período de tiempo, como Adobe Creative Suite 2. La suite estaba disponible en las ediciones Standard y Premium.

Desde CS3, Adobe Production Studio se convirtió en parte de la familia Creative Suite. La versión equivalente para Production Premium Studio es la Adobe Creative Production Premium Suite.

MACROMEDIA STUDIO Es un conjunto de programas diseñados para la creación de contenido web diseñado y distribuido por Macromedia. El 18 de abril de 2005 en San José, California, Estados Unidos – Adobe Systems, Inc. anunció la adquisición de Macromedia, Inc. por un valor estimado de 3.400 millones de dólares en acciones, Macromedia Studio 8 fue sustituido, modificado e integrado en dos ediciones de la familia Adobe Creative Suite de software de la versión 2.3 en adelante. Los parientes más cercanos de Macromedia Studio 8 se llaman ahora Adobe Creative Suite Web Premium.

Las aplicaciones internas de Macromedia Studio se han fusionado con Adobe Creative Suite CS3 incluyendo Flash, Dreamweaver y Fireworks. Algunas aplicaciones de Macromedia fueron absorbidos por los actuales productos de Adobe, por ejemplo, FreeHand ha sido reemplazado con Adobe Illustrator. Directora y

Página 15 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

ColdFusion no forman parte de Adobe Creative Suite y sólo estarán disponibles como productos independientes.

ADOBE CREATIVE SUITE 3

Adobe Creative Suite 3 (CS3) fue anunciada el 27 de marzo de 2007, que introdujo binarios universales para todos los programas principales para el Apple Macintosh , además de incluir todas las principales aplicaciones de Macromedia Studio y Studio Producción.

Adobe comenzó a vender las aplicaciones CS3 en seis combinaciones diferentes llamadas "ediciones". Design Premium y Standard & Web Standard & Premium comenzó a distribuirse el 16 de abril de 2007, y Production Premium y Master Collection comenzó a distribuirse el 2 de julio de 2007. La última versión liberada de Adobe Creative CS3 fue la versión 3.3, lanzada el 2 de junio de 2008. En esta versión Fireworks CS3 se incluyó en Design Premium y todas las ediciones que incluyeron Acrobat 8 Pro siendo reemplazado con Acrobat 9 Pro. ADOBE CREATIVE SUITE 4

Adobe Creative Suite 4 (CS4) fue anunciado el 23 de septiembre de 2008 y lanzado oficialmente el 15 de octubre de 2008. Todas las aplicaciones CS4 cuentan con la misma interfaz de usuario, con una nueva interfaz con pestañas para trabajar que se ejecutan simultáneamente en los programas de Adobe CS4 donde varios documentos y pestañas se pueden abrir dentro de contenidos en una única ventana.

Adobe CS4 también se desarrolló para cumplir mejor con los procesadores de 64-bit y multi-core. El de Microsoft Windows , Adobe Photoshop CS4 corriendo nativamente con un procesador de 64-bit. A pesar de que no eran de forma nativa las aplicaciones de 64 bits,

En las primeras pruebas de 64-bits en Adobe Photoshop CS4, las ganancias globales de rendimiento varió de 8% a 12%, debido al hecho de que 64-bits podría tratar mayores cantidades de memoria y como resultado un menor intercambio de archivos - uno de los principales factores que pueden afectar la velocidad de procesamiento de datos.

ADOBE CREATIVE SUITE 5

Adobe Creative Suite 5 (CS5) fue lanzado el 30 de abril de 2010. De CS5.5 en adelante, las versiones de Windows de Adobe Premiere CS5.5 y Adobe After Effects CS5.5 eran sólo de 64 bits y requiere al menos Windows Vista 64-bit o una posterior versión de 64 bits de Windows.

Página 16 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

ADOBE CREATIVE SUITE 5.5

Después del lanzamiento de CS5 en abril de 2010, Adobe cambió su estrategia de lanzamiento de una versión cada año. Adobe CS5.5 se presentó el 12 de abril de 2011, como un programa intermedio hasta el lanzamiento de Adobe CS6. La actualización nos ha ayudado a los desarrolladores, a optimizar los sitios web para una variedad de tabletas, teléfonos inteligentes y otros dispositivos.

No todos los productos pasaron a CS5.5 en esta versión, las aplicaciones que se actualizaron a CS5.5 incluye Adobe InDesign , Adobe Flash Catalyst, Adobe Flash Professional , Adobe Dreamweaver, Adobe Premiere Pro , Adobe After Effects y Adobe Device Central . Adobe Audition también sustituyó a Adobe Soundbooth en CS5.5 y Adobe Acrobat X Pro que reemplazado a Acrobat 9.3 Pro.

ADOBE CREATIVE SUITE 6

La versión de Adobe CS6 fue presentado en un evento el 23 de abril, 2012, y su primer envío fue el 7 de mayo. Adobe también lanzó una oferta de suscripción basado en la nube llamado Adobe Creative Cloud donde los usuarios pueden tener acceso a la totalidad de Adobe Creative Suite 6, además de otros espacios de almacenamiento en la nube y servicios.

ADOBE CREATIVE CLOUD

Creative Cloud reúne en un solo lugar todo lo que necesitas para crear tu mejor trabajo. Ten acceso a las versiones más recientes de todas las aplicaciones de escritorio creativas y profesionales de Adobe, como Photoshop® e Illustrator®, Dreamweaver, entre otras, además del acceso a nuevas funciones y actualizaciones en cuanto estén disponibles.

Las funciones de almacenamiento en la nube y de sincronización de archivos te permiten acceder con seguridad a tus archivos allí donde te encuentres, incluso desde un dispositivo móvil, por lo que podrás compartir ideas con clientes y compañeros con más facilidad que nunca. Los servicios basados en la nube te permiten crear y publicar sitios web, apps para dispositivos móviles, publicaciones para iPad y contenido para cualquier medio o dispositivo.

Además, gracias a la integración con Behance®, puedes publicar tus portafolios personalizados en tu propia URL y conectarte a la comunidad creativa más extensa del mundo para inspirarte, recibir comentarios y encontrar nuevas oportunidades. Con Creative Cloud, todo tu mundo creativo, disfruta de su propio panel de control central para mantener sincronizados tus archivos,

Página 17 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

ideas, fuentes, configuración, notificaciones, aplicaciones de escritorio y miembros del equipo.

PORQUE ADOBE HA CAMBIADO EL NOMBRE DE CREATIVE SUITE POR CREATIVE CLOUDNuestro concepto de Creative Cloud va más allá del mero hecho de ofrecer la descarga de aplicaciones creativas. Estamos creando una plataforma que te permitirá trabajar cuando y donde quieras, y que conferirá a la comunidad un papel central en el proceso creativo.El principal centro de atención de esta versión y de las posteriores lo ocupa la provisión de flujos de trabajo basados en la nube, y el objetivo consiste en facilitar el trabajo en numerosas máquinas y dispositivos, así como permitir la colaboración y los hallazgos en la comunidad creativa. Y el nombre nuevo es reflejo de esta intención.

2.3. Vocabulario Técnico

2.3.1 HTML: Define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz.

2.3.2 SCRIPT: Un script es un guion o conjunto de instrucciones. Permiten la automatización de tareas creando pequeñas utilidades. Es muy utilizado para la administración de sistemas UNIX. Son ejecutados por un intérprete de línea de comandos y usualmente son archivos de texto. También Script Puede considerarse una alteración o acción a una determinada plataforma, Muy parecido a los trucos que se usan para alterar juegos y conseguir cosas extras... También existen en muchos lenguajes de programación con interface web como PHP..

2.3.3 HEAD: Define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador.

2.3.4 TITLE: Define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.

2.3.5 LINK: Para vincular el sitio a hojas de estilo o iconos. Por ejemplo :< link rel="stylesheet" href="/style.css" type="text/css">.

2.3.6 STYLE: Para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>.

2.3.7 META: Para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.

Página 18 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

2.3.8 BODY: Define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación se indican algunas.

2.3.9 <h1> a <h6>: Encabezados o títulos del documento con diferente relevancia.

2.3.10 TABLE: Define una tabla.<tr>: fila de una tabla.<td>: celda de una tabla (debe estar dentro de una fila).

2.3.11 <a>: Hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo:

2.3.12 <div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido.

2.3.13 <img>: Imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".

2.3.14 <li><ol><ul>: etiquetas para listas.

2.3.15 <b>: texto en negrita. Se recomienda usar la etiqueta strong <i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta em>).<s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).<u>: Antes texto subrayado. A partir de HTML 5 define porciones de texto diferenciadas o destacadas del resto, para indicar correcciones por ejemplo. (Etiqueta desaprobada en HTML 4.01 y redefinida en HTML 5).

2.3.16 Selector: El Selector especifica que elementos HTML van a estar afectados por esa declaración, de manera que hace de enlace entre la estructura del documento y la regla estilística en la hoja de estilo.

2.3.17 Declaración: La Declaración que va entre corchetes es la información de estilo que indica cómo se va a ver el selector. En caso de que haya más de una declaración se usa punto y coma para separarlas.

2.3.18 Propiedad o Atributo y Valor: Dentro de la declaración, la Propiedad o Atributo define la interpretación del elemento asignándosele un cierto Valor, que puede ser color, alineación, tipo de fuente, tamaño..., es decir, especifican qué aspecto del selector se va a cambiar.

Página 19 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

2.3.19 W3C Son las siglas de World Wide Web Consortium, y es una comunidad internacional donde los estados miembros trabajan para poder desarrollar estándares para el desarrollo web y así ayudar a un mejor desarrollo de Internet a nivel mundial.

W3C es reconocido a nivel mundial por ser la organización encargada de estandarizar el lenguaje de marcado de hipertexto o mejor conocido como HTML, el cual es utilizado para el diseño y desarrollo de sitios web, dicho estándar inicio en el año de 1994 (es importante aclarar que antes de que W3C trabajara en HTML ya otras organizaciones habían desarrollado versiones previas).

2.3.20 Apps Una App es una aplicación de software que se instala en dispositivos móviles o tablets para ayudar al usuario en una labor concreta, ya sea de carácter profesional o de ocio y entretenimiento.

El objetivo de una app es facilitarnos la consecución de una tarea determinada o asistirnos en operaciones y gestiones del día a día.

Existen infinidad de tipos de aplicaciones: Apps de noticias (elmundo.es),  juegos (CSR Racing), herramientas de comunicación como Whatsapp, redes sociales como Google+, apps para salir de fiesta (Liveclubs),  promociones comerciales (McDonnalds)…etc, que nos pueden ayudar en el trabajo o intentar hacernos el día más ameno.

2.3.21 Behance Behance, si eres diseñador de cualquier tipo o simplemente un admirador del mismo esta red te encantara.

Behance Network es una plataforma de portafolios en línea, en la que se incluyen múltiples industrias, como la fotografía, el diseño gráfico, industrial, la ilustración y la moda. Esta red se ha asociado a organizaciones como AIGA, Adweel, ADC y MTV, con la finalidad de crear galerías de trabajo creativo.

2.3.22 URL Un URL o Uniform Resource Locator (Localizador Uniforme de Recurso) es un medio estándar de identificar direcciones internet en la Web. Tiene dos partes, separadas por dos puntos:Antes de los dos puntos: especifica el método de acceso (http, ftp, mail, news...)Después de los dos puntos: se interpreta según el método de acceso. Suele contener direcciones y puntos de acceso en una máquina.

2.3.23 HOSTING Hosting es una palabra del Ingles que quiere decir dar hospedar o alojar. Aplicado al Internet, significa poner una página web en un servidor de Internet para que ella pueda ser vista en cualquier lugar del mundo entero con acceso al Internet.

2.3.24 DOMINIO Un dominio o nombre de dominio es el nombre que identifica un sitio web. Cada dominio tiene que ser único en Internet. Por ejemplo, "proyecto-cacao.comoj.com" es el nombre de dominio de la página

Página 20 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

web de Proyecto Cacao. Un solo servidor web puede servir múltiples páginas web de múltiples dominios, pero un dominio sólo puede apuntar a un servidor.

2.3.25 SITIO WEB. En inglés website o web site, un sitio web es un sitio (localización) en la World Wide Web que contiene documentos (páginas web) organizados jerárquicamente. Cada documento (página web) contiene texto y o gráficos que aparecen como información digital en la pantalla de un ordenador.

Un sitio puede contener una combinación de gráficos, texto, audio, vídeo, y otros materiales dinámicos o estáticos.

2.3.26 WWW. Es un acrónimo que viene del concepto World Wide Web, también conocido como la telaraña, red o malla mundial. Básicamente consiste en un medio de comunicación en donde se dispone de documentos de hipertexto (o sea que se incluyen enlaces a otros sitios web) con textos, imágenes, videos, gráficos u otros objetos.

Para acceder a estos documentos o páginas web, se requiere de un navegador, que no es más que un software o programa capaz de interpretar de manera gráfica o visible la información que obtiene de la Internet.

2.4. ArquitecturaHTML, CSS, lenguajes informáticos muy usados para el desarrollo y creación de páginas web, ambos lenguajes informáticos son multiplataformas, esto quiere decir que existen versiones para 32 y 64 bits.

HTML y CSS, han alcanzado mayor difusión y aceptación por los programadores web y han evolucionado junto con los sistemas operativos y los navegadores.

2.5. Familia de Adobe Creative Suite Adobe Creative Suite CS y CS2

Edición estándarEdición Premium

Adobe Creative Suite CS3 y CS3.3Edición Design Premium Edición Design Standard Edición Web Standard Edición Web Premium Edición Production Premium Edición Master Collection

Adobe creative suite CS4Edición Design Premium Edición Web Premium Edición Production Premium

Página 21 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Edición Master Collection

Adobe Creative Suite CS5 y CS5.5Edición Design StandardEdición Design PremiumEdición Web PremiumEdición Production PremiumEdición Master Collection

Adobe Creative Suite CS6Edición Design StandardEdición Design & Web PremiumEdición Production PremiumEdición Master Collection

2.6. Familia de Adobe Creative Cloud CC

Página 22 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

3. LENGUAJE DE PROGRAMACION

3.1.Adobe Creative Suite CS6 Master Collection

INTRODUCCION:

Página 23 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Un lenguaje informático es un lenguaje usado o asociado con ordenadores. Muchas veces, este término es usado como sinónimo de lenguaje de programación, pero un lenguaje informático no tiene por qué ser un lenguaje de programación.

Como ejemplo un lenguaje de marcas como el HTML no es un lenguaje de programación, pero sí es un lenguaje informático.

En general, como cualquier otro lenguaje, un lenguaje de ordenador es creado cuando hay que transmitir una información de algo a alguien basado en computadora.

Adobe® Creative Suite® 6 Master Collection proporciona un amplio conjunto de herramientas creativas para diseñar en diferentes medios, entre las que se incluyen nuevas formas de crear contenido interactivo, rendimiento innovador e integración con los nuevos servicios en línea de Adobe CS Live que aumentarán su productividad. Los servicios de CS Live son gratuitos durante un tiempo limitado.

Diseñe sin Límites: Descubra nuevas y extraordinarias herramientas de diseño y formas innovadoras de ampliar su capacidad creativa utilizando una oferta completa, el entorno de desarrollo definitivo para prácticamente cualquier medio.

Diseño interactivo sin necesidad de escribir código: Diseñe contenido interactivo sofisticado y cree interfaces funcionales con el nuevo Adobe Flash® Catalyst™ CS5 sin necesidad de escribir código. Transforme su visión única en atractivas experiencias en línea y entregue archivos de proyecto perfectos a los desarrolladores.

Pinturas y dibujos vectoriales innovadores: Represente con rapidez y precisión la profundidad y la distancia utilizando nuevas herramientas de perspectiva en Adobe Illustrator® CS5. Controle con precisión la anchura de los trazos, las puntas de las flechas y los guiones. Y utilice el nuevo pincel de cerdas para dibujar con la calidad expresiva de acuarelas, óleos y pasteles, pero con la capacidad de ampliación de los vectores.

Documentos y presentaciones interactivos: Cree documentos y presentaciones memorables con interactividad, animación, sonido y vídeo en Adobe InDesign® CS5. Mejore los diseños de página con medios sofisticados utilizando nuevos ajustes preestablecidos de movimiento para una fácil creación de animaciones. Aproveche la compatibilidad con la importación de archivos FLV y MP3 de audio para cautivar y emocionar al público.

Edición de imágenes extraordinaria: Utilice el pincel mezclador y las puntas de las cerdas en Adobe Photoshop® CS5 Extended para investigar la pintura de textura natural y de apariencia real. Añada dimensiones a sus imágenes con extrusiones 3D gracias a la tecnología Adobe Repoussé y realice selecciones de imagen precisas con más rapidez y facilidad con la nueva tecnología de selección de márgenes más real.

Página 24 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Alcance completo de la plataforma Flash: Plasme sus ideas en línea gracias a las funciones de la plataforma Adobe Flash. Utilice Flash Catalyst CS5 para diseñar contenido interactivo sin necesidad de escribir código, Adobe Flash Professional CS5 para crear contenido expresivo y de forma libre, y Adobe Flash Builder™ 4 para desarrollar aplicaciones de Internet sofisticadas.

Flujos de trabajo sin cintas en la producción de vídeo: Trabaje en formato original con secuencias sin cintas impecables en Adobe Premiere® Pro CS5 y Adobe After Effects® CS5. Edite formatos multimedia sin cintas utilizando flujos de trabajo líderes del sector para evitar perder su valioso tiempo de producción realizando tareas de codificación o ajuste.

Trabaje con rapidez y precisión: Trabaje más rápido con imágenes de gran resolución; edite con fluidez proyectos de vídeo y gráficos animados complejos; y haga más en menos tiempo gracias a un gran número de mejoras de productividad.

Mejoras de rendimiento líderes del sector: Trabaje hasta diez veces más rápido con imágenes de gran tamaño en Adobe Photoshop® CS6 Extended y de forma más fluida en proyectos de alta definición en Adobe After Effects® CS6 y Adobe Premiere® Pro CS6 gracias a la compatibilidad nativa de 64 bits. La nueva aceleración GPU acelera el trabajo en Photoshop, el nuevo motor de reproducción Adobe Mercury Playback Engine acelera el procesado y renderizado de efectos en Adobe Premiere Pro, y Dynamic Link ahora es notablemente más rápido.

Gráficos animados expresivos y efectos visuales de gran calidad: Aplique la rotoscopia en mucho menos tiempo con el nuevo pincel tipo rotoscopia revolucionario en Adobe After Effects CS5. Aislar de sus fondos los elementos de primer plano en movimiento con transparencia automática es ahora mucho más rápido.

Compatibilidad con las tendencias web en evolución: Cree sitios web dinámicos de forma más sencilla utilizando Adobe Dreamweaver® CS6 con compatibilidad total con los marcos de trabajo de gestión de contenido líderes, incluidos Joomla!, Drupal y WordPress.

Tecnología de selección de márgenes más real: Obtenga mejores resultados en la aplicación de máscaras en menos tiempo incluso cuando tenga que seleccionar los elementos más complicados de la imagen, como el pelo, en Photoshop CS5 Extended. La tecnología de márgenes más real ofrece una asombrosa calidad en la detección y selección de márgenes cuando utiliza la herramienta de selección rápida.Agilice los procesos fundamentales: Acelere las revisiones de diseño, agilice las pruebas de sitios web en varios navegadores, colabore en la creación y el desarrollo de secuencias de comandos, y mucho más con los nuevos servicios en línea de CS Live.

Página 25 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Integración con Adobe BrowserLab para realizar las pruebas web: Previsualice sitios web en varios exploradores y sistemas operativos directamente desde Adobe Dreamweaver® CS5 utilizando el nuevo BrowserLab, parte de los servicios en línea de CS Live. Evite la adquisición de costoso hardware de prueba y el mantenimiento de laboratorios de prueba.

Integración con Acrobat.com: Mejore la comunicación con cualquier parte del mundo utilizando Acrobat.com, parte de los servicios en línea de CS Live. Convierta archivos a PDF, almacénelos y compártalos, cree documentos y presentaciones en línea, colabore, celebre reuniones, y mucho más.

Adobe Photoshop® CS6 ExtendedAdobe Illustrator® CS6Adobe InDesign® CS6Acrobat® X ProFlash Catalyst® CS6Flash® Professional CS6Flash® Builder™ 4.5 PremiumAdobe Dreamweaver® CS6Contribute CS6Adobe Premiere® Pro CS6After Effects® CS6Adobe Audition® CS6Adobe OnLocation™ CS6Encore® CS6Fireworks® CS6Bridge CS6Device Central CS6Media Encoder CS6

Adobe Dreamweaver CS6

Dreamweaver CS6 es un software fácil de usar que permite crear páginas web profesionales.

Las funciones de edición visual de Dreamweaver CS6 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.

Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc., de una forma muy sencilla y visual.Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa. Las páginas web están escritas en lenguaje HTML, o lenguaje PHP, así como otros lenguajes.

Adobe® Dreamweaver® CS6 es la aplicación que lidera el sector de la edición y creación de contenidos web. Proporciona funciones visuales y de nivel de código

Página 26 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

para crear diseños y sitios web basados en estándares para equipos de sobremesa, teléfonos inteligentes, tabletas y otros dispositivos.

Un poco de Historia…

Es un producto de la empresa desarrolladora de software Macromedia, que nació en 1992 tras la fusión de Authorware Inc. (creadora de Authorware) y Macro – Mind Paracomp (responsable de director). El primer producto de esta nueva compañía fue Shockware, un plugin para los navegadores que permitía ver animaciones hechas en Director.

A causa del éxito que tuvo, la empresa decidió que debía expandirse más en el sector web y multimedia, con esta expansión como objetivo primario, en 1996, Macromedia realizo dos grandes adquisiciones. La primera fue la empresa FutureWave software, creadora del FutureSplash, al que Macromedia rebautizo como flash. La segunda fue iBand software, creadora de Backstage, un programa de edición de HTML, al que Macromedia rebautizo, con algunos cambios, como DREAMWEAVER, del que lanzo su primera versión en 1997. A partir de 1998, Macromedia comenzó a desarrollar una versión del programa por año.

En cada una de ellas, agrego componentes clave para un mejor desarrollo de archivo de HTML y de otras expresiones (ASP, PHP, JPS, etc). En el año 2006, la empresa fue comprada por Adobe, quien absorbió completamente el nombre Macromedia. Por ello es que la versión CS3 ya no es más Macromedia, sino Adobe. Adobe Dreamweaver es una aplicación en forma de estudio enfocada a la construcción y edición de sitios y aplicaciones Web es el programa de este tipo más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.

Características de Adobe Dreamweaver CS6

Diseñe para muchos tipos de dispositivos móviles: Utilice el panel Vista previa multipantalla del software Adobe® Dreamweaver® CS6 con el fin de diseñar simultáneamente sitios web para teléfonos, tabletas y equipos. Utilice las consultas multimedia para escribir y representar estilos independientes para cada dispositivo.Panel de Pre Visualización en varias pantallas: Diseñe contenido para teléfonos inteligentes, tabletas y ordenadores personales con el panel de pre visualización en varias pantallas. Gracias a la compatibilidad con consultas multimedia, los desarrolladores pueden aplicar estilo y visualizar las representaciones para una amplia variedad de dispositivos en un único panel.

Plantillas diseño fluido. El acceso a la web a través de todo tipo de dispositivos está experimentando un aumento importante. Ahora es habitual

Página 27 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

acceder a internet desde el teléfono móvil y desde las tabletas. Esto complica el diseño de los sitios web porque los dispositivos son de diferentes dimensiones.

Una forma de afrontar este problema es utilizando el diseño fluido, este tipo de diseño hace que la página se adapte automáticamente a las dimensiones del dispositivo. Este tipo de diseño utiliza HTML 5 por los que los navegadores antiguos no son capaces de representarlo correctamente. Sin embargo, existen librerías de Javascript que solucionan este inconveniente.

Integración de jQuery: Añada interactividad avanzada con las sugerencias de código de jQuery. jQuery es la biblioteca de JavaScript estándar del sector que simplifica la adición de una amplia variedad de interactividades a las páginas web. Agilice su trabajo con las plantillas de iniciación para teléfonos móviles.

Compatibilidad con CSS3/HTML5: Aplique estilos con el panel CSS, que se ha actualizado para cumplir las nuevas normas CSS3. La vista de diseño ahora admite las consultas multimedia y aplica diferentes estilos a medida que va ajustando las dimensiones de la pantalla. Utilice el código del futuro con HTML5, las sugerencias de código y la compatibilidad con la representación de la vista de diseño.

Representación innovadora de la vista interactiva: Visualice su página con la vista interactiva, que ahora incorpora un motor de representación WebKit actualizado. Previsualice diseños para múltiples dispositivos gracias a la compatibilidad con las consultas multimedia en tiempo real. Las funciones y mejoras de HTML5 y CSS3 hacen que el diseño para dispositivos móviles sea aún más eficaz.

Aplicaciones nativas Android e iOS con PhoneGap: Cree y agrupe aplicaciones nativas para Android™ e iOS gracias a la nueva función PhoneGap. Convierta el código HTML actual en una aplicación para teléfonos móviles con Dreamweaver, mediante el marco de trabajo de código abierto PhoneGap.

Amplíe su alcance: Aproveche las sugerencias de código específico del sitio para escribir páginas más rápido y trabajar con marcos de gestión de contenido de terceros. La compatibilidad con FTPS/FTPES ayuda a garantizar que su código se obtenga de una forma más segura.Compatibilidad con FTPS y FTPeS: Implemente archivos con más seguridad gracias a la compatibilidad con FTP mejorada. Dreamweaver CS6 ahora incorpora compatibilidad nativa con los protocolos FTPS y FTPeS.

Sugerencias de código específico del sitio: Aproveche las sugerencias de código en directorios y archivos no estándares de Dreamweaver CS6, que hacen posible la compatibilidad mejorada de las sugerencias con otras bibliotecas de PHP y marcos de trabajo de CMS como WordPress, Drupal y Joomla!

Integración de Adobe Creative Suite: Ahorre tiempo y reduzca el número de pasos requeridos para finalizar los proyectos gracias a la integración inteligente de Adobe Flash® Professional, Fireworks®, Photoshop® Extended y los

Página 28 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

servicios en línea de CS Live.

Comunidad Dreamweaver ampliada: Obtenga y comparta información con una comunidad ampliada de Dreamweaver. Benefíciese de Adobe Developer Connection y del Centro de diseño de Adobe en línea, cursos de formación y seminarios, programas de certificación de desarrolladores y foros de usuarios.

Compatibilidad con las principales tecnologías: Diseñe y desarrolle páginas en un entorno que admite las principales tecnologías de desarrollo web, incluido HTML, XHTML, CSS, XML, JavaScript, Ajax, PHP, Adobe ColdFusion® y ASP.

Manténgase a la vanguardia: Pruebe de forma precisa sus páginas web en diversos navegadores y sistemas operativos gracias a la integración con Adobe BrowserLab.1,2 Obtenga código limpio con la validación en tiempo real integrada de World Wide Web Consortium (W3C).

Validación de W3C®: El servicio de validación en línea de W3C le permite garantizar la precisión en sus diseños web basados en estándares.

Compatibilidad con Subversion: Almacene sus archivos con más seguridad gracias a la compatibilidad con el software Subversion®, que se ha actualizado a la versión de protocolo 1.7.

Asistencia de codificación inteligente: Escriba código limpio con seguridad. Utilice las sugerencias de código con los marcos de trabajo de HTML, JavaScript y Ajax como Spry, jQuery y Prototype. Obtenga una perspectiva directa de las funciones principales de PHP gracias a la sugerencia de códigos PHP dinámica.Contenido FLV integrado: Agregue archivos FLV en cualquier página web con un simple clic y una codificación que cumple con los estándares. Pre visualice sus películas con las funciones de reproducción de FLV en Vista en vivo.

Compatibilidad con CMS integrada: Ahora puedes tener una mayor compatibilidad de pruebas y creaciones de diversos marcos de trabajo de sistemas de gestión de contenido como WordPress, Joomla! y Drupal, interesante para aquellos blogueros que tienen que usar otros servicios y Dreamweaver a la vez.

Inspección de CSS: Ahora podemos ver en detalle el modelo de cuadro de CSS y cambie las propiedades de CSS sin necesidad de leer el código ni utilizar otra utilidad, ya era hora de que el programa tuviera más participación en cuanto a CSS ya que por mucho que les cueste a muchos CSS ahora es lo que le da estilo a los sitios web, HTML la estructura solamente.

Integración con Adobe BrowserLab: También contamos con la opción de poder utilizar Adobe BrowserLab que nos permitirá testear, de manera rápida y sencilla, nuestros sitios en diferentes versiones de navegadores. De esta manera, podremos ver en tiempo real como se representaría nuestro sitio en diversos navegadores web.

Página 29 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Sugerencias de código de clase personalizada de PHP: Otro cambio muy importante al menos para los usuarios de páginas dinámicas unidas a bases de datos como PHP y Mysql porque hay sugerencias de código personalizadas de código PHP

3.2.Compilador del lenguaje seleccionadoEl compilador de html y css, para su visualización y ejecución en línea son los distintos navegadores como internet explorer 10, mozilla firefox fox 25, Google Chrome 30, entre otros. A continuación describiremos algunas características adicionales del navegador Google Chrome 30.

Rápido para iniciarseChrome se inicia desde tu escritorio en unos pocos segundos cuando haces doble clic en el ícono de Chrome.

Rápido para ejecutar aplicaciones webBajo el capó, Chrome está equipado con V8, un motor de JavaScript más poderoso que construimos para ejecutar aplicaciones web complejas a una velocidad increíble.En cada versión nueva de Chrome, seguimos mejorando la velocidad de JavaScript en el navegador con las herramientas V8 y Kraken

Rápido para buscar y navegarPuedes introducir tanto términos de búsqueda como direcciones web en la barra de direcciones y búsqueda combinada de Chrome, conocida como el cuadro multifunción.

El cuadro multifunción proporciona sugerencias para las búsquedas y las direcciones web mientras escribes, así como una función de autocompletar para ayudarte a encontrar lo que buscas con solo presionar algunas teclas.

Rápido para cargar páginas webChrome funciona con la tecnología del motor de representación de código abierto de WebKit y carga páginas web en un abrir y cerrar de ojos.

Sencillo Chrome está diseñado para ser lo más sencillo posible. Es un navegador que te permite despreocuparte de lo que no te interesa en la Web y centrarte en lo que te haga falta.

Sencillo para hacer búsquedas y navegarManejarte por la Web debería ser fácil. No deberías tener que preguntarte si estás explorando la Web o intentando acceder a un sitio específico. Lo ideal es que puedas obtener los resultados que necesitas al empezar a escribir.

Página 30 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Ese es el motivo por el que Chrome solo tiene un cuadro (el cuadro multifunción), que sirve tanto para hacer búsquedas como para acceder a sitios específicos. El cuadro multifunción muestra texto automáticamente al ir escribiendo, ofrece sugerencias e incluso puede cargar resultados de forma instantánea si se habilita Chrome Instant.

Administración eficaz de pestañasLas pestañas dinámicas y atractivas de Chrome se pueden arrastrar, soltar y reorganizar fácilmente. Por otra parte, la arquitectura multiproceso de Chrome te permite abrir una enorme cantidad de pestañas sin que el navegador funcione más lento.También puedes fijar tus pestañas favoritas (como la del correo electrónico) en la barra de pestañas para que aparezcan en el mismo sitio cada vez que inicies Chrome.

Presionar el tabulador para realizar la búsqueda¿Por qué tienes que acceder primero al sitio de YouTube para buscar un video? Solo tienes que escribir youtube.com en el cuadro multifunción y presionar la tecla del tabulador para hacer la búsqueda en YouTube directamente. También puedes configurar palabras clave personalizadas para tus sitios favoritos.

Lector de PDF integradoChrome tiene un lector de PDF integrado que permite cargar archivos PDF de forma instantánea sin tener que instalar ningún software ni complemento. Permite ajustar el tamaño de los archivos PDF, guardarlos e imprimirlos fácilmente con un solo clic.

SandboxSandbox ayuda a prevenir la instalación de software malicioso en tu computadora y evita que lo que pasa en una pestaña del navegador afecte a lo que pasa en otra. Sandbox agrega una capa adicional de protección al evitar que páginas web maliciosas instalen programas en tu computadora, controlen tus actividades web o roben información privada de tu disco rígido Navegación seguraChrome te mostrará un mensaje de advertencia antes de que visites un sitio que se sospecha que está contaminado con software malicioso o de suplantación de identidad.

Con la tecnología de segura habilitada en Chrome, si encuentras un sitio web que se sospecha que contiene software malicioso o de suplantación de identidad cuando navegas por la Web, verás una página de advertencia como la que se muestra más arriba.

Un ataque de suplantación de identidad ocurre cuando alguien se camufla como otra persona para engañarte y lograr que compartas información personal o delicada, por lo general mediante un sitio web falso. Por otro lado, el software

Página 31 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

malintencionado es aquel que se instala en tu máquina sin que sepas y que está diseñado para dañar tu computadora o para robar información de esta.

Modo incógnitoCuando no quieras que se graben tus visitas a sitios web ni las descargas en tus historiales de navegación y de descargas, puedes navegar en modo incógnito.

Además, todas las cookies que se creen durante el modo de navegación incógnito se eliminan cuando cierras todas las ventanas de incógnito.

Cuando navegas en modo incógnito, verás el ícono de incógnito en la esquina. El modo incógnito es útil porque es una manera fácil de navegar la Web de forma privada sin necesidad de cambiar la configuración de privacidad una y otra vez entre las sesiones de navegación. Por ejemplo, puedes tener una sesión normal y una de incógnito en ventanas separadas al mismo tiempo.

Preferencias de privacidadPuedes controlar todas tus preferencias de privacidad para Chrome desde el cuadro de diálogo de Opciones, en la sección de privacidad ubicada en la parte superior de la pestaña Avanzadas.

3.3.Librerías del lenguaje de programación seleccionadoHTML, CSS no tienen librerías, en su lugar utiliza las etiquetas, de manera que en esta ocasión no hay ninguna librería referente al lenguaje informático.

Página 32 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

4. INTERCONEXION APLICACION PERIFERICO

La aplicación o Sitio Web Desarrollo y Producción del Cacao en Irazola está diseñado para mostrar a la ciudadanía y al público en general de cualquier parte de la región de Ucayali y del Perú información confiable e importante concerniente al desarrollo y producción del cacao en el distrito de Irazola, así como el uso de la herramientas que interviene en el cultivo de la misma.

La aplicación es capaz de recolectar información de los usuarios que visitan nuestro Sitio Web, y al mismo tiempo mostrarnos quien ha realizado comentarios acerca de la información brindada en nuestro Sitio Web, mostrándonos información o datos del usuario que nos ha hecho llegar sus opiniones de nuestro Sitio Web.

Así mismo es posible modificar la información de la página web si se cuenta con el software DREAMWEAVER CS6 y con los conocimientos necesarios del tema, conocer adecuadamente las propiedades de los estilos CSS, código HTML, y Javascript. Esta página web se muestra en cualquier navegador instalado en cualquier sistema operativo, ya sea Mozilla Firefox, Internet Explorer, Google Chrome, Safari, Opera y demás navegadores.

Página 33 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

ADOBE DREAMWEAVER CS6

Página 34 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

5. ARQUITECTURA DEL SISTEMA OPERATIVO SELECCIONADO

5. WINDOWS 8

Windows 8 es la versión actual del sistema operativo de Microsoft Windows, producido por Microsoft para su uso en computadoras personales, incluidas computadoras de escritorio en casa y de negocios, computadoras portátiles, netbooks, tabletas, servidores y centros multimedia. Añade soporte para microprocesadores ARM, además de los microprocesadores tradicionales x86 de Intel y AMD. Su interfaz de usuario ha sido modificada para hacerla más adecuada para su uso con pantallas táctiles, además de los tradicionales ratón y teclado. Microsoft también anunció que Aero Glass no estará presente en la versión final de Windows 8.

5.1. HISTORIA DE WINDOWS 8

PRIMEROS ANUNCIOSEl desarrollo de Windows 8 comenzó antes de que Windows 7 fuera lanzado3 en 2009. En enero de 2011, en el Consumer Electronics Show (CES), Microsoft anunció que Windows 8 añadirá soporte para Procesadores ARM, además de los

Página 35 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

tradicionales x86 de Intel yAMD. El 1 de junio de 2011, Microsoft desveló oficialmente la interfaz de Windows 8 además de características nuevas en la Taipei Computex 2011 en Taipéi (Taiwán) por Mike Angiulo y en la D9 conference en California (Estados Unidos) por Julie Larson-Green y el presidente de Microsoft Windows Steven Sinofsky. Un mes antes de que la conferencia BUILD se llevara a cabo, Microsoft abrió un blog llamado "Building Windows 8" para usuarios y desarrolladores el 15 de agosto de 2011.

DEVELOPER PREVIEWMicrosoft desveló nuevas características y mejoras de Windows 8 durante el primer día de la conferencia BUILD el 13 de septiembre de 2011.7 Microsoft también lanzó la Windows Developer Preview (compilación 8102) de Windows 8 el mismo día, la cual incluyó SDKs y herramientas de desarrolladores (tales como Visual Studio Express y Expression Blend) para desarrollar aplicaciones para la nueva interfaz de Windows 8.8 Según Microsoft, hubo más de 500.000 descargas de la Developer Preview durante las primeras 12 horas de lanzamiento.9 La Developer Preview también introdujo la pantalla de Inicio. El botón Inicio en el escritorio abría la pantalla de Inicio en vez del menú Inicio.

El 16 de febrero de 2012, Microsoft decidió posponer la fecha de expiración de la Developer Preview. Originalmente fijada para expirar el 11 de marzo de 2012, ahora expirará el 15 de enero de 2013.

CONSUMER PREVIEWEl 29 de febrero de 2012, Microsoft lanzó la Consumer Preview de Windows 8, la versión beta de Windows 8, compilación 8250. Por primera vez desde Windows 95, el botón Inicio ya no está presente en la barra de tareas, aunque la pantalla de Inicio todavía se abre al hacer clic en el rincón inferior izquierdo de la pantalla y al hacer clic en Inicio en la denominada barra Charm. El presidente de Windows Steven Sinofsky dijo que más de 100.000 cambios se habían hecho desde el lanzamiento de la Developer Preview.11 El día después de su lanzamiento, la Consumer Preview había sido descargada más de 1 millón de veces.12 Al igual que la Developer Preview, la Consumer Preview expirará el 15 de enero de 2013.

RELEASE PREVIEWEn la conferencia Developers Day en Japón, Steven Sinofsky anunció que la Release Preview de Windows 8 (compilación 8400) sería lanzada durante la primera semana de junio.13 El 28 de mayo de 2012, la Release Preview de Windows 8 (Edición x64 en chino simplificado estándar, edición no específica para China, compilación 8400) se filtró en varios sitios chinos y de BitTorrent.14 El 31 de mayo de 2012, la Release Preview fue lanzada al público por Microsoft.

Página 36 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Los cambios más grandes en la Release Preview fueron la adición de las aplicaciones Deportes, Viajes y Noticias, junto a una versión integrada de Adobe Flash Player en Internet Explorer. A diferencia de las versiones preliminares anteriores, la Release Preview expirará un día después, el 16 de enero de 2013.

VERSIÓN FINALEl 1 de agosto de 2012, se anunció que la versión RTM de Windows 8 (compilación 920017 ) ya estaba lista.18 Un día después de este anuncio, una copia de la versión final de Windows 8 Enterprise N (producida para mercados europeos) se filtró en la web y varios días después también se habían filtrado ediciones Professional y Enterprise ambas de 32 y 64 bits. El 15 de agosto de 2012, Windows 8 comenzó a estar disponible para su descarga para suscriptores de MSDN y TechNet.21 Windows 8 también se hizo disponible a clientes de Software Assurance el día siguiente. Windows 8 estuvo disponible para descarga de estudiantes (con una suscripción de DreamSpark Premium) el 22 de agosto de 2012, antes de lo anunciado.

Microsoft lanzó Windows 8 para su disponibilidad general el 26 de octubre de 2012. Relativamente pocos cambios fueron hechos con respecto a la Release Preview en la versión final. Un tutorial explicando cómo usar la nueva interfaz Metro fue incluido, y el escritorio fue sutilmente cambiado para estar más en línea con la interfaz Metro. Algunas aplicaciones incluidas también fueron cambiadas.

El presidente de Intel informó a sus empleados que Windows 8 aún no está preparado para lanzarse al público debido a los bugs y que esto perjudicará a Microsoft.

5.2. CARACTERÍSTICAS GENERALES

PANTALLA INICIO:El cambio más visible. Una nueva colorida interfaz encima del escritorio clásico. Esta pantalla es el método primario para abrir apps sitios web e información de redes sociales con las apps adecuadas. Los iconos pueden ser rectangulares o cuadrados y mostrar notificaciones; el usuario libremente puede ordenarlos o agruparlos, en la sección inferior de la pantalla hay un símbolo – al pulsarlo se aleja la vista para añadir nombres a los grupos27 . Pantalla Inicio requiere para activarse una resolución 1366x768 o más.

Esta interfaz tiene el nombre clave de ModernUI, y aunque siempre inicia primero, el usuario es libre de ignorarlo y usar el escritorio clásico si así lo desea.

Escritorio Clásico se activa pulsando en su propio icono. Estando ya activado; con la tecla logotipo de Windows se alterna entre escritorio clásico e Inicio.

Página 37 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

APPS:Programas específicos de la pantalla inicio, esta ocupan toda la pantalla y no tienen una X para cerrar, ya que no las necesitan (aunque un truco para forzar el cierre de una app, es mover el puntero del ratón [o los dedos] al borde superior de la pantalla y deslizar hacia abajo). Para cambiar entre apps se puede pulsar ⊞ Win + Tab ↹ . Las

teclas  Alt + Tab ↹  también cumplen la misma función si no se está en la app de escritorio.

En caso de pantallas táctiles se toca la esquina superior izquierda de la pantalla.Al usar una app, las otras entran en un estado de suspensión hasta que recuperen el foco.

El explorador de archivos ahora tiene una interfaz que deja al alcance del ratón (o de los dedos en una pantalla táctil) funciones antes escondidas.

Windows 8 es nativamente compatible con discos Blu-ray; en contraparte, ya no dispone de soporte para lectura de películas de vídeo y audio en formato DVD.

Los mensajes arcaicos (incluyendo la Pantalla azul de la muerte, la comprobación de disco y las actualizaciones) son modernizados con fuentes más suaves y diseños sencillos.Compatibilidad natural con USB 3.0.

Los siguientes programas ya no se disponen en Windows 8: Windows DVD Maker (creación de DVD caseros), Windows Media Center (administración de multimedia y televisión), Maletín (sistema de sincronización de archivos; perdido aunque recuperable); Juegos (incluyendo Chess Titans, Mahjong Titans, Purble Place, Buscaminas, Corazones y las dos versiones de Solitario).

FIN DEL MENÚ INICIO: Este botón, creado desde Windows 95, no ha sido incluido en la barra de tareas para ser movido a la parte derecha de la pantalla, donde coexiste con los Accesos, una lista de cinco comandos: Búsqueda, Compartir, Dispositivos y Configuración. El sistema de listas que lo caracterizó fue rediseñado para presentar, en primer plano, los programas instalados; y en el segundo, la lista completa de programas y comandos.

INTERNET EXPLORER 10: Aparte de incluirse como aplicación táctil, también se dispone como aplicación de escritorio; y ahora soporta HTML5 y CSS3, incluyendo una plataforma como Adobe Flash Player.

Página 38 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

PAINT: Aunque la herramienta de dibujo de Windows aún existe al instalarse, se produjo una nueva aplicación de nombre «FreshPaint», la cual amplía y moderniza el sistema de dibujo.

APLICACIONES: Los gadgets, que existieron desde Windows Vista, son remodelados como pequeñas aplicaciones; por lo que el escritorio queda permanentemente libre; como había sido siempre desde Windows XP. La combinación de teclas ⊞ Win + Tab ↹ intercambia las aplicaciones abiertas en lugar de las ventanas del escritorio, pero si se está en el escritorio las teclas  Alt + Tab ↹cambian entre programas de escritorio. Se añade una nueva Tienda de Aplicaciones, la cual administra la instalación de las susodichas.

INTERFAZ RIBBON: El sistema de menús con comandos, presentada primero en Office 2007 y mejorada en Office 2010, es ahora parte del Explorador de Windows. Al igual que en la suite ofimática, aparecen nuevas pestañas con funciones características del tipo de carpeta.

IMÁGENES DE DISCO:A partir de este sistema operativo, es factible “montar” imágenes de disco en unidades virtuales.SINCRONIZACIÓN: Como en Microsoft Office 2013, ahora Windows 8 permite que la configuración y preferencias de usuario se mejoran con el uso de la cuenta Microsoft; lo que permite transportar la configuración en cualquier computadora.

HISTORIAL DE ARCHIVOS: Esta función hace regularmente copias de seguridad de las librerías hacia una memoria USB o un disco duro externo; esta característica no reemplaza imagen de sistema.

Además puede restaurar copias de seguridad de Windows 7, en la sección recuperación de archivos Windows 7.

CONFIGURACIÓN DE PC: Una app metro para cambiar opciones sobre Pantalla Inicio, como colores y notificaciones.

PANTALLA DE BLOQUEO: Ahora es una pantalla personalizable por el usuario que transmite notificaciones y protege el equipo contra el uso no autorizado. Además de fecha y hora, sólo seis apps como máximo pueden mostrar sus notificaciones aquí.

WINDOWS 8 BRINDA NUEVAS HERRAMIENTAS

Página 39 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

El administrador de tareas ha sido rediseñado, mostrando ahora información relevante sobre el CPU, consumo de memoria por parte de las aplicaciones y actividad del disco duro.

Con el fin de simplificar Windows, esta edición carece de un administrador de perfiles de redes inalámbricas. Los usuarios avanzados que necesiten de esta característica deberán hacer uso de la utilidad de línea de comandos netsh wlan. Los Controles Parentales fueron remplazados por Microsoft Family Safety.Windows CardSpace fue eliminado en virtud de U-Prove.

Windows Defender tuvo la mayor cantidad de cambios: además de desactivarse automáticamente al instalarse otro antispyware, ahora es parte del Centro de Actividades.

CHKDSK, que en Windows XP adoptó el diseño del sistema y en Windows 8 simplemente era de color negro, ya no muestra el sector analizado; ahora simplemente muestra el porcentaje (como en la instalación de actualizaciones).

Los reportes de error creados tras un percance con la pantalla azul de la muerte, ya no muestran la causa que los provocaron.Windows Aero: Esta característica presentada inicialmente en Windows Vista, para bordes de ventanas traslucidas y animaciones al abrir y cerrar ventanas entre otras funciones dejó de existir, ya que era incongruente con los lineamientos del concepto ModernUI.

REQUISITOS DEL SISTEMA OPERATIVO WINDOWS 8

Requisitos de hardware mínimos recomendados para Windows 8

Arquitectura 32 bits 64 bits

Procesador 1 GHz o más rápido, compatible con PAE, NX y SSE2

Memoria RAM 1 GB de RAM 2 GB de RAM

Tarjeta gráficaDispositivo de gráficos DirectX 9 con soporte de controladores WDDM 1.0

Disco duro 16 GB de espacio libre 20 GB de espacio libre

PantallaLCD, LED o Multitouch (opcional) para aprovecharla entrada táctil.

REQUISITOS ADICIONALES PARA USAR ALGUNAS CARACTERÍSTICAS

Para el uso táctil, requiere una tableta o un monitor que sea compatible con la función multitouch. Para acceder a la Tienda Windows y

Página 40 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

descargar y ejecutar aplicaciones, requiere una conexión a Internet activa y una resolución de pantalla de al menos 1024 x 768.

Para acoplar aplicaciones, requiere una resolución de pantalla de al menos 1366 x 768. Para un arranque seguro se requiere firmware compatible con UEFI v2.3.1 Errata B y con la entidad de certificación de Microsoft Windows en la base de datos de firmas UEFI.

Para algunas características es necesaria una cuenta Microsoft.Para ver DVD se requiere un software de reproducción independiente. BitLocker requiere el Módulo de plataforma segura (TPM) 1.2 o una unidad flash USB (solo para Windows 8 Pro).

Client Hyper-V requiere un sistema de 64 bits con servicios de traducción de direcciones de red de segundo nivel (SLAT) y 2 GB de RAM adicionales (solo para Windows 8 Pro).

Se requiere un sintonizador de TV para reproducir y grabar programas de televisión en directo en Windows Media Center (solo para Windows 8 Pro Pack y Windows 8 Media Center Pack).

6. APLICACIÓN

Página 41 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

6.1. Introducción La presente aplicación Web Desarrollo y Producción del Cacao en Irazola ha sido desarrollado con la finalidad de:

6.1.1 MOSTRAR INFORMACIÓN ACERCA DEL PRODUCTO AGRÍCOLA: CACAO

Nos muestra información importante que nos da a conocer la ubicación geográfica sobre las primeras poblaciones que cultivaban y consumían productos derivados del cacao.

Nos muestra información sobre el estado del Perú, producción y exportación del cacao y sus derivados a nivel mundial.Así mismo nos muestra información sobre el estado del distrito de Irazola como productor de cacao y sus derivados a nivel del Perú.

Nos muestra información acerca del impacto económico generado gracias al cultivo del cacao, que poco a poco ha ido desplazando las grandes hectáreas de cultivo de la hoja de coca.

Nos muestra la información acerca del cacao, producto base para el desarrollo económico y social de la ciudad de San Alejandro.

El cacao es un producto agrícola muy querido, cultivado y de uso necesario como materia prima del chocolate. Cada año en Irazola, aumentan parcelas o terrenos que son idóneos para el cultivo de este producto agrícola.

Página 42 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Durante estos últimos años, han abiertos varios negocios dedicado a la compra del cacao en bruto, en baba, seco o cacao orgánico, esta situación ha generado que otros negocios se dediquen a la venta de herramientas, plaguicidas, insecticidas y demás productos dedicados al cuidado y cultivo del cacao.

Página 43 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

6.2. Interfaz y código fuente

Proyecto: Desarrollo y Producción del cacao en el distrito de Irazola, página web base

Página 44 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Código HTML de la página base del Proyecto: Desarrollo y Producción del Cacao en el distrito de Irazola

<!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=utf-8" /><title>Proyecto CACAO</title><link href="estilos/estilos.css" rel="stylesheet" type="text/css" /><style type="text/css">

// Agregando la imagen de fondobody {

background-image: url(imagenes/naturaleza1.jpg);background-repeat: repeat;}

</style><script type="text/javascript">function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}

function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}

function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}

function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}</script></head>

// Agregando los botones para mostrar el menu<body onload="MM_preloadImages('imagenes/button.png','imagenes/button

Página 45 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

(3).png','imagenes/button (7).png','imagenes/button (8).png','imagenes/button (4).png','imagenes/button (11).png')"><div id="principal"> <div id="cuerpo1"> <div id="encabezado"></div> <div id="menu"><a href="index.html"><img src="imagenes/button (1).png" alt="Boton Inicio" name="btInicio" width="150" height="40" id="btInicio" onmouseover="MM_swapImage('btInicio','','imagenes/button.png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="historia.html"><img src="imagenes/button (2).png" alt="Boton Historia" name="btHistoria" width="150" height="40" id="btHistoria" onmouseover="MM_swapImage('btHistoria','','imagenes/button (3).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="comercializacion.html"><img src="imagenes/button (6).png" alt="Boton Comercializacion" name="btComercializacion" width="150" height="40" id="btComercializacion" onmouseover="MM_swapImage('btComercializacion','','imagenes/button (7).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="estrategias.html"><img src="imagenes/button (9).png" alt="Boton Estrategias" name="btEstrategias" width="150" height="40" id="btEstrategias" onmouseover="MM_swapImage('btEstrategias','','imagenes/button (8).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="herramientas.html"><img src="imagenes/button (5).png" alt="Boton Herramientas" name="btHerramientas" width="150" height="40" id="btHerramientas" onmouseover="MM_swapImage('btHerramientas','','imagenes/button (4).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="contactos.html"><img src="imagenes/button (10).png" alt="Boton Contactos" name="btContactos" width="150" height="40" id="btContactos" onmouseover="MM_swapImage('btContactos','','imagenes/button (11).png',1)" onmouseout="MM_swapImgRestore()" /></a></div>

//Creando una marquezina o animacion que se desplaza de izquierda a derecha <div id="marque"> <marquee behavior="alternate"> "HOLA BIENVENIDOS A NUESTRA PAGINA WEB" </marquee> </div> </div>

//Agregando los enlaces a las diferentes imágenes <div id="cuerpo2"> <div id="contizq"><a href="https://www.facebook.com/" target="_blank"><img src="imagenes/facebook.png" name="face" width="96" height="87" id="face" /></a><a href="http://www.skype.com/es/" target="_blank"><img src="imagenes/skype.png" name="sky" width="93" height="84" id="sky"

Página 46 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

/></a><a href="US&amp;cbcxt=mai&amp;snsc=1" target="_blank"><img src="imagenes/msn.png" name="msn" width="93" height="83" id="msn" /></a><a href="https://twitter.com/" target="_blank"><img src="imagenes/twitter.png" name="twi" width="92" height="83" id="twi" /></a><a href="https://vimeo.com/" target="_blank"><img src="imagenes/vimeo.png" name="vimeo" width="94" height="84" id="vimeo" /></a><a href="http://www.youtube.com/" target="_blank"><img src="imagenes/youtube.png" name="you" width="93" height="83" id="you" /></a></div> <div id="conder">Colocar aquí el contenido para id "conder"</div> </div>

//Agregando el pie de página <div id="pie">Página Web desarrollada por los alumnos del<br />Instituto de Educación Superior T. P. Padre Abad – San Alejandro</div> </div></body></html>

Página 47 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Proyecto: Desarrollo y Producción del cacao en el distrito de Irazola, nuestra plantilla base

Página 48 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Código HTML de la plantilla de la página web base del Proyecto: Desarrollo y Producción del Cacao en el distrito de Irazola

<!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=utf-8" /><!-- TemplateBeginEditable name="doctitle" --><title>Proyecto CACAO</title><!-- TemplateEndEditable --><link href="../estilos/estilos.css" rel="stylesheet" type="text/css" /><style type="text/css">body {

background-image: url(../imagenes/naturaleza1.jpg);background-repeat: repeat;

}</style><script type="text/javascript">function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}

function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}

function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}

function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}</script><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --></head>

Página 49 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

<body onload="MM_preloadImages('../imagenes/button.png','../imagenes/button (3).png','../imagenes/button (7).png','../imagenes/button (8).png','../imagenes/button (4).png','../imagenes/button (11).png')"><div id="principal"> <div id="cuerpo1"> <div id="encabezado"></div> <div id="menu"><a href="../index.html"><img src="../imagenes/button (1).png" alt="Boton Inicio" name="btInicio" width="150" height="40" id="btInicio" onmouseover="MM_swapImage('btInicio','','../imagenes/button.png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="../historia.html"><img src="../imagenes/button (2).png" alt="Boton Historia" name="btHistoria" width="150" height="40" id="btHistoria" onmouseover="MM_swapImage('btHistoria','','../imagenes/button (3).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="../comercializacion.html"><img src="../imagenes/button (6).png" alt="Boton Comercializacion" name="btComercializacion" width="150" height="40" id="btComercializacion" onmouseover="MM_swapImage('btComercializacion','','../imagenes/button (7).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="../estrategias.html"><img src="../imagenes/button (9).png" alt="Boton Estrategias" name="btEstrategias" width="150" height="40" id="btEstrategias" onmouseover="MM_swapImage('btEstrategias','','../imagenes/button (8).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="../herramientas.html"><img src="../imagenes/button (5).png" alt="Boton Herramientas" name="btHerramientas" width="150" height="40" id="btHerramientas" onmouseover="MM_swapImage('btHerramientas','','../imagenes/button (4).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="../contactos.html"><img src="../imagenes/button (10).png" alt="Boton Contactos" name="btContactos" width="150" height="40" id="btContactos" onmouseover="MM_swapImage('btContactos','','../imagenes/button (11).png',1)" onmouseout="MM_swapImgRestore()" /></a></div> <div id="marque"> <marquee behavior="alternate"> "HOLA BIENVENIDOS A NUESTRA PAGINA WEB" </marquee> </div> </div> <div id="cuerpo2"> <div id="contizq"><a href="https://www.facebook.com/" target="_blank"><img src="../imagenes/facebook.png" name="face" width="96" height="87" id="face" /></a><a href="http://www.skype.com/es/" target="_blank"><img src="../imagenes/skype.png" name="sky" width="93" height="84" id="sky" /></a><a href="../US&amp;cbcxt=mai&amp;snsc=1" target="_blank"><img src="../imagenes/msn.png" name="msn" width="93" height="83" id="msn" /></a><a href="https://twitter.com/" target="_blank"><img src="../imagenes/twitter.png" name="twi"

Página 50 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

width="92" height="83" id="twi" /></a><a href="https://vimeo.com/" target="_blank"><img src="../imagenes/vimeo.png" name="vimeo" width="94" height="84" id="vimeo" /></a><a href="http://www.youtube.com/" target="_blank"><img src="../imagenes/youtube.png" name="you" width="93" height="83" id="you" /></a></div> <div id="conder"><!-- TemplateBeginEditable name="contenido" -->contenido<!-- TemplateEndEditable --></div> </div> <div id="pie">Página Web desarrollada por los alumnos del<br />Instituto de Educación Superior T. P. Padre Abad – San Alejandro</div> </div></body></html>

CODIGO CSS@charset "utf-8"; /* CSS Document */

#principal {height: auto;width: 1000px;margin-right: auto;margin-left: auto;margin-top: 0px;margin-bottom: 0px;background-color: #FFF;padding-bottom: 5px;border: 4px solid #066;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px; }

#cuerpo2 #contizq #enlace {height: 350px;width: 140px;margin-top: auto;margin-bottom: auto;margin-right: auto;margin-left: auto;}

#principal #cuerpo2 {height: 1450px;width: 960px;padding: 10px;margin-right: auto;margin-left: auto;}

#principal #pie {height: 50px;width: 900px;

Página 51 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

margin-right: auto;margin-bottom: 0px;margin-left: auto;font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;font-weight: bold;color: #039;text-align: center;border: 4px double #093;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;padding-top: 5px;margin-top: 10px;}

#cuerpo2 #contizq {float: left;height: auto;width: 140px;padding: 10px;margin-left: 20px;text-align: center;border: 2px solid #093;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;

}#cuerpo2 #conder {

float: right;height: auto;width: 700px;padding: 10px;margin-right: 20px;border: 2px solid #096;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;text-align: justify;}

p #imagen2 {border: 4px solid #09F;

}#grafico1 {

float: right;margin-left: 5px;border: 3px solid #09F;}

#conder h2 {font-size: 18px;color: #06F;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #0CF;}

Página 52 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

#principal #cuerpo1 {height: auto;width: 960px;margin-top: 0px;margin-right: auto;margin-left: auto;}

#cuerpo1 #encabezado {height: 300px;width: 960px;margin-top: 0px;margin-right: auto;margin-left: auto;background-image: url(../imagenes/logo.png);}

#cuerpo1 #menu {height: 50px;width: 950px;margin-top: 0px;margin-right: auto;margin-left: auto;padding-top: 5px;text-align: center;}

#cuerpo1 #marque {height: 30px;width: 950px;margin-top: 0px;margin-right: auto;margin-left: auto;font-family: Tahoma, Geneva, sans-serif;font-size: 24px;font-weight: bold;color: #06C;padding: 5px;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #090; }

h1 {color: #090;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #096;font-size: 24px;float: none;

}p #grafico3 {

float: right;border: 3px solid #09F;margin-left: 5px; }

Página 53 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Proyecto: Desarrollo y Producción del cacao en el distrito de Irazola, Pagina Índex

Página 54 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Código HTML de la página web índex del Proyecto: Desarrollo y Producción del Cacao en el distrito de Irazola

<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/plantilla base.dwt" codeOutsideHTMLIsLocked="false" --><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- InstanceBeginEditable name="doctitle" --><title>Proyecto CACAO</title><style type="text/css">h1 {

font-size: 24px;color: #063;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #099;float: right;margin-left: 5px;}

h2 {font-size: 18px;color: #039;}

</style><!-- InstanceEndEditable --><link href="estilos/estilos.css" rel="stylesheet" type="text/css" /><style type="text/css">body {

background-image: url(imagenes/naturaleza1.jpg);background-repeat: repeat;}

</style><script type="text/javascript">function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}

function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}

function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

Página 55 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}

function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}</script><!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable --></head>

<body onload="MM_preloadImages('imagenes/button.png','imagenes/button%20(3).png','imagenes/button%20(7).png','imagenes/button%20(8).png','imagenes/button%20(4).png','imagenes/button%20(11).png')"><div id="principal"> <div id="cuerpo1"> <div id="encabezado"></div> <div id="menu"><a href="index.html"><img src="imagenes/button%20(1).png" alt="Boton Inicio" name="btInicio" width="150" height="40" id="btInicio" onmouseover="MM_swapImage('btInicio','','imagenes/button.png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="historia.html"><img src="imagenes/button%20(2).png" alt="Boton Historia" name="btHistoria" width="150" height="40" id="btHistoria" onmouseover="MM_swapImage('btHistoria','','imagenes/button%20(3).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="comercializacion.html"><img src="imagenes/button%20(6).png" alt="Boton Comercializacion" name="btComercializacion" width="150" height="40" id="btComercializacion" onmouseover="MM_swapImage('btComercializacion','','imagenes/button%20(7).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="estrategias.html"><img src="imagenes/button%20(9).png" alt="Boton Estrategias" name="btEstrategias" width="150" height="40" id="btEstrategias" onmouseover="MM_swapImage('btEstrategias','','imagenes/button%20(8).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="herramientas.html"><img src="imagenes/button%20(5).png" alt="Boton Herramientas" name="btHerramientas" width="150" height="40" id="btHerramientas" onmouseover="MM_swapImage('btHerramientas','','imagenes/button%20(4).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="contactos.html"><img src="imagenes/button%20(10).png"

Página 56 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

alt="Boton Contactos" name="btContactos" width="150" height="40" id="btContactos" onmouseover="MM_swapImage('btContactos','','imagenes/button%20(11).png',1)" onmouseout="MM_swapImgRestore()" /></a></div> <div id="marque"> <marquee behavior="alternate"> "HOLA BIENVENIDOS A NUESTRA PAGINA WEB" </marquee> </div> </div> <div id="cuerpo2"> <div id="contizq"><a href="https://www.facebook.com/" target="_blank"><img src="imagenes/facebook.png" name="face" width="96" height="87" id="face" /></a><a href="http://www.skype.com/es/" target="_blank"><img src="imagenes/skype.png" name="sky" width="93" height="84" id="sky" /></a><a href="US&amp;cbcxt=mai&amp;snsc=1" target="_blank"><img src="imagenes/msn.png" name="msn" width="93" height="83" id="msn" /></a><a href="https://twitter.com/" target="_blank"><img src="imagenes/twitter.png" name="twi" width="92" height="83" id="twi" /></a><a href="https://vimeo.com/" target="_blank"><img src="imagenes/vimeo.png" name="vimeo" width="94" height="84" id="vimeo" /></a><a href="http://www.youtube.com/" target="_blank"><img src="imagenes/youtube.png" name="you" width="93" height="83" id="you" /></a></div> <div id="conder"><!-- InstanceBeginEditable name="contenido" --> <h1 align="left"> DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA</h1> <h2>INTRODUCCION:</h2> <p>El cacao es una planta originaria de los trópicos húmedos de América. Su centro de origen está situado en el noroeste de América del Sur, en la zona amazónica. Pertenece a la familia de las Esterculiaceas  y su nombre botánico es Theobroma cacao L. </p> <p>Como se observa en el Gráfico Nº 1, el cacao se cultiva por lo general  en áreas desde el  nivel  del  mar  hasta  los  800  metros  de altitud.  Comercialmente es cultivado dentro de un cinturón relativamente estrecho, alrededor de 15°N y 15°S del Ecuador.</p> <img src="imagenes/productor-cacao.png" name="grafico1" width="400" height="342" id="grafico1" /> <p>El  cacao  se  cultiva principalmente en  África del  Oeste,  América  Central  y  Sud América  y  Asia.  Según  la producción anual los  ocho países  principales productores cacao en  el  mundo,  en orden descendente,  son:  Costa de  Marfil, Ghana, Indonesia,  Nigeria,  Brasil,  Camerún,  Ecuador  y  Malasia;  que concentran el 90% de la producción mundial A  principios  de  los  años setenta  la producción de  cacao  se  concentraba en Ghana,  Nigeria,  Costa de  Marfil  y  Brasil.  Sin embargo,  en  la actualidad  la producción se ha extendido a otras áreas, como la región del Pacífico. </p> <p>En el  Perú,  actualmente  se ha despertado un  alto  interés  por  el  cultivo del cacao debido al  alza de precio  y  a  la demanda 

Página 57 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

aun insatisfecha,  del  mercado internacional  y  nacional.  Los  productores  dedicados  a dicho  cultivo en  su mayoría  son pequeños  agricultores con huertos  menores  a dos  (2)  hectáreas, cuyos lugares de producción están ubicados en la Amazonía del país.</p> <p>El  desarrollo de  la  cadena productiva del  cacao,  desde el  cultivo hasta  la comercialización,  viene  siendo apoyada a  través  de diversas  instituciones privadas  (sin  fines  de  lucro)  y  públicas,  que  canalizan  la  Cooperación  Técnica Internacional,  así  como por  las  organizaciones creadas  por  los  propios agricultores.  Sin embargo,  uno de los  principales  problemas  en dicha cadena, sigue siendo el deficiente tratamiento pos cosecha del grado de cacao. </p> <p>Diversos  problemas  restaron  continuidad  y  efectividad a esos  esfuerzos,  sin embargo,  permitieron dejar  claramente establecidos  algunos  aspectos  muy importantes  de esta producción:  que diversas  zonas  del  Perú  tenían condiciones  para producir  cacao de excelente  calidad;  que esos  atributos  de calidad despertaban un gran interés en la industria internacional del cacao; que los  problemas  que afectan fuertemente al  cultivo,  principalmente en el  aspecto<br /> fitosanitario,  eran  superables con  medidas sencillas;  y,  que  la aplicación de  la tecnología  moderna permitía avizorar  progresos sustanciales  en  la productividad-rentabilidad del  cultivo.  Este escenario  favorable  se ha robustecido en  los  últimos  años con el inicio  muy  auspicioso de una  corriente exportadora de cacao en grano,  poniendo en evidencia las posibilidades de un mercado externo  capaz  de absorber  cualquier  volumen de  producción proyectado.  Este avance permite  finalmente,  independizar  el  progreso del cultivo del  cacao de  las  posibilidades  limitadas  de  las  empresas  nacionales  y del mercado interno en la industria chocolatera.</p> <p>El presente <strong>PROYECTO DESARROLLO Y PRODUCCIÓN DEL CACAO EN IRAZOLA</strong> ha sido elaborado de forma cuidadosa, abnegada y laboriosa. Con la finalidad de contribuir a mejorar el proceso de información y producción del cultivo de cacao, identificado como promisorio en la zona e iniciado por diversas instituciones.</p> <p> Asimismo, hacemos una mencion especial a nuestro querido distrito de Irazola que es considerado &quot;<strong>CAPITAL REGIONAL DEL CACAO</strong>&quot;.</p> <p>Nuestra intención es que la información presente en esta página web ayude a mejorar el nivel tecnológico de los productores, sirva como referencia a los profesionales y a los alumnos de los colegios y centros de educación superior de la zona. </p> <!-- InstanceEndEditable --></div> </div> <div id="pie">Página Web desarrollada por los alumnos del<br />

Página 58 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Instituto de Educación Superior T. P. Padre Abad – San Alejandro</div> </div></body><!-- InstanceEnd --></html>

Proyecto: Desarrollo y Producción del cacao en el distrito de Irazola, Página web de Historia

Página 59 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Código de la página web de Historia del Proyecto: Desarrollo y Producción del Cacao en el distrito de Irazola

<!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"><!-- InstanceBegin template="/Templates/plantilla base.dwt" codeOutsideHTMLIsLocked="false" --><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- InstanceBeginEditable name="doctitle" --><title>Proyecto CACAO.Historia</title><!-- InstanceEndEditable --><link href="estilos/estilos.css" rel="stylesheet" type="text/css" /><style type="text/css">body {

background-image: url(imagenes/naturaleza1.jpg);background-repeat: repeat;

}</style><script type="text/javascript">function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}

function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}

function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}

function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

Página 60 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

}</script><!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable --></head>

<body onload="MM_preloadImages('imagenes/button.png','imagenes/button%20(3).png','imagenes/button%20(7).png','imagenes/button%20(8).png','imagenes/button%20(4).png','imagenes/button%20(11).png')"><div id="principal"> <div id="cuerpo1"> <div id="encabezado"></div> <div id="menu"><a href="index.html"><img src="imagenes/button%20(1).png" alt="Boton Inicio" name="btInicio" width="150" height="40" id="btInicio" onmouseover="MM_swapImage('btInicio','','imagenes/button.png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="historia.html"><img src="imagenes/button%20(2).png" alt="Boton Historia" name="btHistoria" width="150" height="40" id="btHistoria" onmouseover="MM_swapImage('btHistoria','','imagenes/button%20(3).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="comercializacion.html"><img src="imagenes/button%20(6).png" alt="Boton Comercializacion" name="btComercializacion" width="150" height="40" id="btComercializacion" onmouseover="MM_swapImage('btComercializacion','','imagenes/button%20(7).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="estrategias.html"><img src="imagenes/button%20(9).png" alt="Boton Estrategias" name="btEstrategias" width="150" height="40" id="btEstrategias" onmouseover="MM_swapImage('btEstrategias','','imagenes/button%20(8).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="herramientas.html"><img src="imagenes/button%20(5).png" alt="Boton Herramientas" name="btHerramientas" width="150" height="40" id="btHerramientas" onmouseover="MM_swapImage('btHerramientas','','imagenes/button%20(4).png',1)" onmouseout="MM_swapImgRestore()" /></a> <a href="contactos.html"><img src="imagenes/button%20(10).png" alt="Boton Contactos" name="btContactos" width="150" height="40" id="btContactos" onmouseover="MM_swapImage('btContactos','','imagenes/button%20(11).png',1)" onmouseout="MM_swapImgRestore()" /></a></div> <div id="marque"> <marquee behavior="alternate"> "HOLA BIENVENIDOS A NUESTRA PAGINA WEB" </marquee> </div> </div> <div id="cuerpo2">

Página 61 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

<div id="contizq"><a href="https://www.facebook.com/" target="_blank"><img src="imagenes/facebook.png" name="face" width="96" height="87" id="face" /></a><a href="http://www.skype.com/es/" target="_blank"><img src="imagenes/skype.png" name="sky" width="93" height="84" id="sky" /></a><a href="US&amp;cbcxt=mai&amp;snsc=1" target="_blank"><img src="imagenes/msn.png" name="msn" width="93" height="83" id="msn" /></a><a href="https://twitter.com/" target="_blank"><img src="imagenes/twitter.png" name="twi" width="92" height="83" id="twi" /></a><a href="https://vimeo.com/" target="_blank"><img src="imagenes/vimeo.png" name="vimeo" width="94" height="84" id="vimeo" /></a><a href="http://www.youtube.com/" target="_blank"><img src="imagenes/youtube.png" name="you" width="93" height="83" id="you" /></a></div> <div id="conder"><!-- InstanceBeginEditable name="contenido" --> <h1>¿COMO FUE POBLADA EL DISTRITO DE IRAZOLA? <br /> BREVE HISTORIA</h1> <p>El <strong>Distrito peruano de Irazola</strong> es uno de los 3 distritos de la <a href="http://es.wikipedia.org/wiki/Provincia_de_Padre_Abad" title="Provincia de Padre Abad">Provincia de Padre Abad</a>, ubicada en el <a href="http://es.wikipedia.org/wiki/Departamento_de_Ucayali" title="Departamento de Ucayali">Departamento de Ucayali</a>, perteneciente a la <a href="http://es.wikipedia.org/wiki/Regi%C3%B3n_Ucayali" title="Región Ucayali">Región Ucayali</a>, Perú.</p> <p> La cuenca del Ucayali ha sido habitada milenariamente por los denominados grupos Pano, entre los que se cuentan a los naturales shipibo, conibo, setevo, y cashibo o uni. En el siglo XVIII, en la Pampa del Sacramento, misioneros franciscanos contactan por primera vez a las comunidades denominadas carapachos; del que descienden los cashibo o uni, y que se asientan principalmente en la zona que hoy se conoce como San Alejandro. </p> <p align="center"><img src="imagenes/mapa2 de san alejandro.JPG" name="imagen2" width="400" height="527" id="imagen2" /></p> <p>Actualmente estas comunidades nativas se han reconocido como las comunidades de Sinchi Roca y Puerto Nuevo. A 110 kilometros de la ciudad de Pucallpa, en la Carretera Federico Basadre se encuentra San Alejandro, la capital del Distrito de Irazola, con el majestuoso rio del mismo nombre. Irazola, está situado en la zona Sureste de la Provincia de Padre Abad, Región Ucayali. En el 1968, la población de San Alejandro se reúne en Asamblea General, para conformar el Comité de Creación de Distrito de Irazola. </p> <p>A 26 años de creación política, el distrito de Irazola, cuenta con 03 centros poblados: San Juan Bautista, Monte Alegre y Alexander Von Humboldt. Actualmente la zona de San Alejandro y el distrito de Irazola en general ha ido evolucionando en un proceso de

Página 62 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

asentamiento urbano y rural acelerado. Pobladores de zonas vecinas y de la sierra, han ido asentándose incursionando en las actividades extractivas de madera y producción agropecuaria (Cacao, Palma Aceitera y Ganaderia). El Distrito posee un encanto natural donde el verdor y el colorido de sus paisajes campestres, sus comunidades nativas Cacataibos y Aguarunas se aunan junto a la población mestiza para cultivar y preservar su costumbre pluricultural.</p> <h2>COMO SE INICIO IRAZOLA EN EL CULTIVO DEL CACAO</h2> <p>Anteriormente la provincia de Padre Abad se vio envuelta en los flagelos y desgracias ocasionadas por el terrorismo, asimismo el distrito de Irazola no era ajeno a esos problemas.</p> <p>Los primeros pobladores, agricultores en su mayoria de los distintos centros problados como San Juan bautista, Monte Alegre y Alexander Von Humboldt, todos ellos dedicados al cultivo de la hoja de coca, para luego procesar y convertirlo en un ilicito negocio.</p> <p>Es entonces cuando el Gobierno Central a traves de instituciones no gubernamentales como USAID, PDA, entre otros, asi como el Ministerio de Agricultura desarrollan un plan piloto exponiendo los beneficios de los distintos cultivos como son: CACAO, CAFE, CAMU CAMU, que pueden generar ingresos economicos mayores que el cultivo de la hoja de coca.</p> <p>Muchos pobladores cansados de tantos problemas ocasionados por la erradicacion de sus plantaciones de coca decidieron apostar por otros cultivos alternativos, siendo el cultivo del cacao el que mayor ingreso economico les ha generado, razon por la cual Irazola es considerada <strong>&quot;CAPITAL REGIONAL DEL CACAO&quot;, </strong>por la calidad del cacao que producen estas benditas tierras, y porque mas pobladores siembran hectareas de cacao.</p> <!-- InstanceEndEditable --></div> </div> <div id="pie">Página Web desarrollada por los alumnos del<br />Instituto de Educación Superior T. P. Padre Abad – San Alejandro</div> </div></body><!-- InstanceEnd --></html>

Página 63 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Proyecto: Desarrollo y Producción del cacao en el distrito de Irazola, Página Web Comercializacion.

Página 64 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Código de la página web Comercialización del Proyecto: Desarrollo y Producción del Cacao en el distrito de Irazola

<h1>COMERCIALIZACION DEL CACAO</h1> <h2><strong>CARACTERIZACION DEL PROBLEMA Y POTENCIALIDAD</strong></h2> <p>En el mundo se produce alrededor de 3´900,000 TM/año de cacao, siendo Costa de Marfil y Ghana sus principales exponentes con el 58% del total; en tanto en América del Sur Brasil lidera con 256,000 TM, equivalente a 6.5%; en tanto el Perú produce 31,566.49 TM, equivalente al 0.81%.<br /> <br />En el distrito de Irazola, el cacao se cultiva desde el año 1992, en esa oportunidad se instalaron 15 Has por la Naciones Unidas con la organización Frente de Defensa de San Alejandro hoy COCEPASA, posteriormente a través de USAID, CARE, ADRA, PDA, ACATPA y la Municipalidad distrital de Irazola se instalaron hasta la fecha alrededor de 2520 Has y se proyecta 8002 Has adicionales. En la campaña 2007 la producción total en el distrito de Irazola superó las 300 TM de cacao entre grano convencional y especiales permitiendo un ingreso económico en el distrito de S/. 1&rsquo;800,000.003. </p> <p> Es uno de los principales cultivos en la zona y por ende de ingreso para los agricultores. Además Irazola, a nivel de la región Ucayali lidera la producción del cacao. En cuanto a la calidad, si bien hay mucho por mejorar, se exhibe una calidad aceptable dado que se viene cultivando de manera orgánica en gran medida. Sus principales cultivadores son gente migrante provenientes de regiones adyacentes a la región Ucayali que le otorga una particularidad social al distrito. </p> <p> El cacao se puede producir en todo el territorio de Irazola sin mayores dificultades con respecto a otros cultivos; no obstante las mejores zonas se encuentran en planicies y valles próximos a los ríos de San Alejandro, San Juan Bautista y parte de Alexander Von Humboldt y Neshuya. </p> <p> Las variedades que se encuentran instaladas y las que se vienen promocionando son los clones del tipo CC51, ICS-96, y criollos, éste último de larga tradición en la zona. El rendimiento promedio es de 300 Kg/ha4 la cual es baja y se debe principalmente a su mal manejo. La comercialización del producto se realiza en muchos casos directamente a Cooperativas, como &ldquo;Naranjillo Ltda.&rdquo; ubicado en la ciudad de Tingo María, Cooperativa &ldquo;La Divisoria Ltda.&rdquo; y los pequeños intermediarios que interactúan informalmente y que indistintamente las colocan en otros mercados, dicho volumen producido se distribuyen del siguiente modo: 17% lo venden a intermediarios, 58% a las Cooperativas, 6% a empresas privadas y el 19% a otros. Esta situación en alguna medida afecta en el precio al productor.<img src="imagenes/cuadro.png" name="grafico3" width="385" height="288" id="grafico3" /></p>

Página 65 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

<p>El cultivo de cacao requiere la participación de bastante mano de obra, los cuales varían de acuerdo a la cantidad de áreas instaladas; en el distrito de Irazola, ésta actividad concentra la mano de obra familiar contribuyendo a reducir los niveles del desempleo. </p> <p>En el distrito de Irazola se proyecta el incremento del cultivo del cacao básicamente incentivados por el precio y la intervención de instituciones interesadas en promoverla tales como el gobierno local, el gobierno regional y la cooperación internacional a través del PDA; no obstante, los agricultores mencionan que el acceso al crédito son pocas a nivel individual. Existen organizaciones de cacaoteros en el distrito de Irazola, los mismos que se conforman en Cooperativas, como &ldquo;Naranjillo Ltda.- Coopaín&rdquo; con 70 socios, &ldquo;La Divisoria&rdquo;, agrupa a 10 Comités y tiene 160 socios, COCEPASA 40 socios y ACATPA que no se precisa. </p> <!-- InstanceEndEditable --></div> </div> <div id="pie">Página Web desarrollada por los alumnos del<br />Instituto de Educación Superior T. P. Padre Abad – San Alejandro</div> </div></body><!-- InstanceEnd --></html>

Página 66 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Proyecto: Desarrollo y Producción del cacao en el distrito de Irazola, Página web Estrategias

Página 67 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Código de la página web Estrategias del Proyecto: Desarrollo y Producción del Cacao en el distrito de Irazola

<title>Proyecto CACAO.Estrategias</title><style type="text/css">.blanco1 {text-align: center;}.blanco1 {color: #FFF;}.blanco1 {font-weight: bold;}.blanco1 {font-size: 14px;

font-weight: bold;color: #09F;text-align: justify;

}p #grafico4 {

border: 3px solid #09F;float: right;margin-left: 5px;

}#indicador {

border: 3px solid #09F;margin-left: 65px;

}</style>

<h1>ESTRATEGIAS PARA MEJORAR LA PRODUCCION DEL CACAO EN NUESTRO DISTRITO</h1> <h2>DISTRITO DE IRAZOLA</h2> <p>Gracias a la estrategia de mercado impulsado por el gobierno y organismos privados, el cacao peruano, utilizado en las iniciativas de reemplazo de los cultivos de la hoja de coca en el pais<a href="http://infosurhoy.com/es/articles/saii/features/main/2013/02/04/feature-01" target="_self"> </a>se está consolidando en los mercados internacionales. Las exportaciones totales de cacao peruano y sus derivados ascendieron en el 2012 a US$107,30 millones, según el Ministerio de Agricultura, sólo US$2 millones menos que en 2011, debido principalmente a la caída en el precio internacional del cacao.</p> <p>&ldquo;Un 70% de nuestro cacao peruano es exportado a otros países. Y tenemos un crecimiento sostenido de la producción de 20% anual&rdquo;, dijo Rolando Herrera, presidente de la Asociación Peruana de Productores de Cacao (APP CACAO).</p> <p>A esto se suman las condiciones naturales para la siembra y <img src="imagenes/cuaasistencia.png" name="grafico4" width="453" height="324" id="grafico4" />producción de cacao, especialmente en la selva peruana, al centro y oriente del país, de donde provienen muchos cacaos que sólo crecen en el país andino.</p>

Página 68 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

<p>La Produccion del Cacao en el distrito de Irazola es baja ya que está relacionada a una limitada asistencia técnica que se brindan a los productores ya que al momento el 24% de agricultores reciben capacitación del PDA y el 45% de otras entidades (gobierno, cooperativas, municipalidades etc.) y alrededor del 30% no es beneficiaria de ninguna asesoría; también se presentan dificultades en la obtención de un material genético mejorado que es un proceso largo, a la instalación en zonas poco adecuadas como en colinas medias, bajas, donde la capacidad orgánica de los suelos son pocas y las escasas prácticas de abonamiento y sobre todo de manera orgánica contribuyen a minorarlo.</p> <h2>OBJETIVO ESTRATEGICO</h2> <p>Dinamizar el desarrollo sostenible y articulado del cacao en el distrito de Irazola.</p> <h2 class="blanco1">INDICADORES BASAL Y METAS</h2> <p class="blanco1"><img src="imagenes/indicador.png" name="indicador" width="550" height="100" id="indicador" align="middle" /></p> <h2 class="blanco1"><strong>ESTRATEGIAS A DESARROLLAR</strong></h2> <p>Asistencia Técnica continua y talleres de capacitación a los productores organizados y no organizados con apoyo de aliados estratégicos, caso PDA, INIA y Gobierno Regional para mejorar estándares de calidad y rendimiento. </p> <p>Creación de la Cámara de Negocios del cacao para la articulación de iniciativas de: promotores, productores y compradores. </p> <p>Fortalecimiento a organizaciones de productores con un enfoque empresarial desde su formalización, el manejo de planes de negocio y capacidades de liderazgo a nivel interno. Impulsar la instalación de nuevas áreas de cultivo mediante proyectos de inversión pública y privada. </p> <p>Gestión ante la cooperación internacional y gobierno nacional para la instalación e implementación de una Planta Procesadora para la obtención de derivados y la comercialización del producto con valor agregado. </p><!-- InstanceEnd --></html>

Página 69 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Proyecto: Desarrollo y Producción del cacao en el distrito de Irazola, Página web Herramientas

Página 70 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Código de la página web Herramientas del Proyecto: Desarrollo y Producción del Cacao en el distrito de Irazola

<!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"><!-- InstanceBegin template="/Templates/plantilla base.dwt" codeOutsideHTMLIsLocked="false" --><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- InstanceBeginEditable name="doctitle" --><title>Proyecto CACAO.Herramientas</title><h1>HERRAMIENTAS USADAS EN EL DESARROLLO Y PRODUCCION DEL CACAO</h1>

<h2><strong>HERRAMIENTAS DE PODA</strong></h2> <p><strong>TIPOS:</strong><br /> &nbsp;&nbsp;&nbsp;Una buena herramienta y en buen estado es fundamental para realizar bien la poda.<br /> Existen diversas herramientas para podar, las más comunes son:</p> <p><strong>TIJERAS DE PERFILAR O CORTASETOS:</strong> Como su nombre indica debe usarse exclusivamente para recortar los setos o para perfilar arbustos. Pueden ser de cuchillas rectas u onduladas; las primeras son más fáciles de afilar, las segundas cortan mejor. No se deben cortar con ellas ramas de más de 1 cm.</p>

<p><strong>HACHA: </strong>Las de podar son de pequeño tamaño, para usar con una sola mano. Se usa mucho en la poda de frutales. Sin embargo su manejo requiere mucha pericia, por ello está desaconsejada para el jardinero aficionado.</p> <p><strong>CUCHILLOS DE PODAR:</strong> Son cuchillos o navajas generalmente con el filo curvo. Se necesita también cierta experiencia para usarlos adecuadamente, por ello también están desaconsejados.</p> <p><strong>SIERRAS:</strong> Se usan para cortar ramas de cierto grosor. Su corte no es tan limpio como el de las tijeras, pero cortan ramas de grosor imposible para ellas. Pueden ser manuales o mecánicas (motosierras). </p> <h3><strong>LAS SIERRAS MANUALES PUEDEN SER DE DOS TIPOS: </strong></h3>

<p><strong>SERRUCHOS:</strong> con dientes especiales afilados sólo en un sentido, de forma que sólo cortan en el movimiento de retroceso. Son muy cómodos y cortan estupendamente, siendo raro que se atasquen. Tienen el inconveniente de que no se pueden afilar.</p>

Página 71 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

<p><strong>SIERRAS DE PODAR:</strong> con dientes cruzados, cortan tanto en el movimiento de avance como en el de retroceso. Suelen tener forma curvada. Tienen más tendencia a atascarse, pero a cambio se suelen poder afilar.</p> <p><strong>LAS MOTOSIERRAS: </strong>son útiles cuando hay mucho que podar, pero tienen un inconveniente el precio y sobre todo de requerir experiencia en su manejo, pues son <strong>muy peligrosas</strong>. Las específicas para podar son de pequeño tamaño, para manejarlas con una sola mano.</p> <p><strong>TIJERAS DE PODAR:</strong> </p> <p>Hay muchos tamaños, tipos y modelos: </p> <p><strong>SEGÚN EL TAMAÑO SE PUEDEN DIVIDIR EN: </strong></p>

<p><strong>DE (UNA) MANO: </strong>sólo se necesita una mano para usarlas, sirven para cortar ramas finas (hasta 2,5 cm de diámetro). Existen además tallas adecuadas al tamaño de cada mano.</p> <p><strong>DE DOS MANOS: </strong>se necesitan las dos manos para usarlas, pueden cortar ramas de hasta 4-5 cm.</p> <p><strong>SEGÚN EL TIPO DE CORTE: </strong></p> <p><strong>DE DOS HOJAS O PICO DE LORO:</strong> Poseen dos hojas cortantes. Son poco comunes.</p> <p><strong>DE YUNQUE (O GOLPE): </strong>Realizan un corte de tipo tirante: tienen una sola cuchilla que corta contra otra parte fija (yunque).</p>

<p><strong>DE PASO (O BY-PASS):</strong> También tienen una sola cuchilla,pero ésta corta cruzándose sobre la parte fija (contracuchilla).</p> <p>Además de estas tijeras manuales existen otras de mecanismo neumático gracias a un compresor que o bien se lleva a la espalda o está en el suelo, o incluso se pueden conectar a un tractor. Se usan mucho en la poda de viñedos, por el ahorro de esfuerzo que suponen para el podador. Por su precio, sólo tienen interés para profesionales o cuando hay mucho que podar.</p><!-- InstanceEndEditable --></div> </div>

<div id="pie">Página Web desarrollada por los alumnos del<br />Instituto de Educación Superior T. P. Padre Abad – San Alejandro</div> </div></body><!-- InstanceEnd --></html>

Página 72 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Proyecto: Desarrollo y Producción del cacao en el distrito de Irazola, Página web Contactos

Página 73 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Código de la página Web Contactos del Proyecto: Desarrollo y Producción del Cacao en el distrito de Irazola.

<!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"><!-- InstanceBegin template="/Templates/plantilla base.dwt" codeOutsideHTMLIsLocked="false" --><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- InstanceBeginEditable name="doctitle" --><title>Proyecto CACAO.Contactos</title><style type="text/css">#apDiv1 {

position: absolute;width: 239px;height: 313px;z-index: 1;left: 624px;top: 531px;

}</style><style type="text/css">#apDiv2 {

position: absolute;width: 245px;height: 229px;z-index: 1;left: 717px;top: 502px;

}</style>

<script src="http://spanish.jotform.com/static/jotform.js?3.1.764" type="text/javascript"></script><script type="text/javascript"> JotForm.init(function(){ $('input_7').hint('ex: myname@example.com'); $('input_9').rating({stars:'5', inputClassName:'form-textbox', imagePath:'http://spanish.jotform.com/images/stars.png', cleanFirst:true, value:''}); JotForm.initCaptcha('input_10'); });</script><link href="http://spanish.jotform.com/static/formCss.css?3.1.764" rel="stylesheet" type="text/css" />

Página 74 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

<link type="text/css" rel="stylesheet" href="http://spanish.jotform.com/css/styles/pastel.css?3.1.764" /><link type="text/css" media="print" rel="stylesheet" href="http://spanish.jotform.com/css/printForm.css?3.1.764" /><style type="text/css"> .form-label{ width:80px !important; } .form-label-left{ width:80px !important; } .form-line{ padding-top:12px; padding-bottom:12px; } .form-label-right{ width:80px !important; } .form-all{ width:700px; background:url("http://spanish.jotform.com/images/noises/noise.png") repeat scroll 0% 0% rgb(207, 204, 200); color:#FAFAFC !important; font-family:'Verdana'; font-size:14px; } .form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{ color:#FAFAFC; }

</style>

<link type="text/css" rel="stylesheet" href="http://spanish.jotform.com/css/styles/buttons/form-submit-button-simple_green_apple.css?3.1.764"/><form class="jotform-form" action="http://spanish.jotform.com/submit.php" method="post" name="form_33137554499666" id="33137554499666" accept-charset="utf-8"> <input type="hidden" name="formID" value="33137554499666" /> <div class="form-all"> <ul class="form-section"> <li id="cid_1" class="form-input-wide"> <div class="form-header-group"> <h2 id="header_1" class="form-header"> FORMULARIO DE CONTACTOS </h2> </div>

Página 75 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

</li> <li class="form-line" id="id_11"> <label class="form-label-left" id="label_11" for="input_11"> Apellidos: </label> <div id="cid_11" class="form-input"> <input type="text" class=" form-textbox" data-type="input-textbox" id="input_11" name="q11_apellidos" size="28" value="" /> </div> </li> <li class="form-line" id="id_12"> <label class="form-label-left" id="label_12" for="input_12"> Nombres: </label> <div id="cid_12" class="form-input"> <input type="text" class=" form-textbox" data-type="input-textbox" id="input_12" name="q12_nombres" size="28" value="" /> </div> </li> <li class="form-line" id="id_7"> <label class="form-label-left" id="label_7" for="input_7"> Correo Electrónico </label> <div id="cid_7" class="form-input"> <input type="email" class=" form-textbox validate[Email]" id="input_7" name="q7_correoElectronico7" size="28" value="" /> </div> </li> <li class="form-line" id="id_9"> <label class="form-label-left" id="label_9" for="input_9"> Puntua: </label> <div id="cid_9" class="form-input"> <div id="input_9" name="q9_puntua"> <select name="q9_puntua"> <option value="1"> 1 </option> <option value="2"> 2 </option> <option value="3"> 3 </option> <option value="4"> 4 </option> <option value="5"> 5 </option> </select> </div> </div> </li> <li class="form-line" id="id_10"> <label class="form-label-left" id="label_10" for="input_10"> Capcha:<span class="form-required">*</span> </label> <div id="cid_10" class="form-input"> <div class="form-captcha"> <label for="input_10"> <img alt="Captcha - Reload if it's not displayed" id="input_10_captcha" class="form-captcha-image" style="background:url(http://spanish.jotform.com/images/loader-big.gif)

Página 76 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

no-repeat center;" src="http://spanish.jotform.com/images/blank.gif" width="150" height="41" /> </label> <div style="white-space:nowrap;"> <input type="text" id="input_10" class="form-textbox validate[required]" name="captcha" style="width:130px;" /> <img src="http://spanish.jotform.com/images/reload.png" alt="Reload" align="absmiddle" style="cursor:pointer" onclick="JotForm.reloadCaptcha('input_10');" /> <input type="hidden" name="captcha_id" id="input_10_captcha_id" value="0" /> </div> </div> </div> </li> <li class="form-line" id="id_6"> <label class="form-label-left" id="label_6" for="input_6"> Comentario: </label> <div id="cid_6" class="form-input"> <textarea id="input_6" class="form-textarea" name="q6_comentario" cols="40" rows="6"></textarea> </div> </li> <li class="form-line" id="id_2"> <div id="cid_2" class="form-input-wide"> <div style="text-align:center" class="form-buttons-wrapper"> <button id="input_2" type="submit" class="form-submit-button form-submit-button-simple_green_apple"> ENVIAR </button> </div> </div> </li> <li style="display:none"> Should be Empty: <input type="text" name="website" value="" /> </li> </ul> </div> <input type="hidden" id="simple_spc" name="simple_spc" value="33137554499666" /> <script type="text/javascript"> document.getElementById("si" + "mple" + "_spc").value = "33137554499666-33137554499666"; </script></form><div id="apDiv2"><img src="imagenes/contacto.png" width="238" height="354" /></div> <!-- InstanceEndEditable --></div> </div> <div id="pie">Página Web desarrollada por los alumnos del<br />

Página 77 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Instituto de Educación Superior T. P. Padre Abad – San Alejandro</div> </div></body><!-- InstanceEnd --></html>

7. BIBLIOGRAFÍAS

Página 78 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

7.1. Libros Digitales

www.aulaclic.es/dreamweaver-cs6/index.htm, información detallada de las herramientas presentes en el software adobe Dreamweaver cs6.

www.aulaclic.es/html/index.htm, HTML es el lenguaje en el que se escriben las páginas web, información detallada acerca de HTML.

7.2. Apuntes

Observación. Técnica de recolección de datos basado en el contacto visual con los elementos. Terminología utilizada en el estudio metódico de casos, es la base de todo experimento, suceso o evento; se dice que esta técnica es la base de la investigación científica.

Directorio de páginas web para las consultas de sintaxis así como foros especializados en la implementación de soluciones utilizando la tecnología HTML y las herramientas proporcionadas por todos los programadores y los desarrolladores de este producto.

7.3. Páginas web

http://www.leccionweb.org/leccion1.htmlhttp://www.aulaclic.eshttp://www.buenastareas.com/ensayos/Que-Es-Dreamweaver/1947175.htmlhttp://www.adobe.com/la/products/creativesuite.htmlhttp://www.desarrolloweb.com/articulos/26.phphttp://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascadahttp://desktoppub.about.com/od/findsoftware1/tp/Big-List-Of-Desktop-Publishing-Software.htmhttp://es.wikinews.org/wiki/Adobe_compra_a_Macromediahttp://es.wikipedia.org/wiki/Adobe_Systems_Incorporated#Productos_y_tecnolog.C3.ADashttp://php.net/manual/es/intro-whatis.phphttp://es.wikipedia.org/wiki/PHPhttp://es.wikipedia.org/wiki/HTMLhttp://es.wikipedia.org/wiki/Editor_de_p%C3%A1ginas_webhttp://es.wikipedia.org/wiki/Windows_7#Modo_XPhttp://yuriaurbina.forosphpbb.org/t13-historia-y-definicion-del-windows-7

Página 79 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

http://es.wikipedia.org/wiki/Windows_8http://sistemasyinternet.blogspot.com/2011/06/que-es-w3c.htmlhttp://www.jotform.com//?formID=33137554499666http://www.flashvortex.com/download.php?generatorId=365

B. PLIEGO DE CONDICIONES

Página 80 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

1. Pliego de condiciones específicas y constructivas

Las condiciones no dependen básicamente de la aplicación en si, sino en que plataforma ha sido desarrollada, el software usado y lo más importante sobre qué sistema operativo funciona esta página web, razón por la cual presentamos los datos con respecto al equipo de cómputo donde se realizó el diseño y codificación de la página web.

Sistema operativo : Windows 8 Ultimate x86

Tamaño de HDD : 160 GB

Aplicaciones : Adobe Dreamweaver CS6, Filezilla

Navegadores : Google Chrome 30, Mozilla Firefox25, Internet explorer 10, etc.

Procesador : Intel Pentium Dual Core CPU E2160 1.80 ghz

Memoria instalada (RAM) : 4 GB DDR-III

2. Formas de ejecución

Nuestra página web no cuenta con un instalador, sin embargo se puede ejecutar en cualquier equipo de cómputo que cuente con un navegador web (Internet Explorer, Mozilla Firefox, Google Chrome y otros).

No es obligatorio la instalación de Adobe Dreamweaver CS6 para ejecutar la página web, socv lo si desea editar el código html, o modificar los estilos en cascada (CSS) de la página web ahí si es necesario usar Adobe Dreamweaver CS6.

3. Plazos y orden de ejecuciónLas páginas web no tienen una secuencia, por consiguiente el proyecto no contempla esta secuencia prioritaria, es menester de los usuarios utilizar según su conveniencia.

3.1. Organización necesaria para el manejo de la Página Web

Cualquier persona, alumno o docente puede visitar nuestra página web, tan solo con escribir nuestra dirección URL podrá ingresar en nuestro dominio o Sitio Web.

Página 81 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

En nuestra página web encontrará información relevante y necesaria para el cultivo y producción del cacao.

La información presente en la página web será diariamente actualizado, con temas de interés local y regional.

Si se desea modificar alguna información se debe preparar a un usuario para que administre o actualize la información de nuestro Web Site.

Es necesario que el administrador o la persona encargada tenga conectado el equipo de cómputo a internet para poder trabajar la relación servidor local – servidor remoto.

4. Materiales

Se han utilizado los siguientes materiales:

Papel bond de 75g para imprimir los libros. Impresora canon multifuncional MG2110. Utensilios de escritorio. Equipo de cómputo MSI G41M-P26 Internet. Laptop Toshiba Satellite c605 Pendrives de 16 Gb.

5. Realización de las pruebasEl presente proyecto creación y diseño de páginas web con el contenido “DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA”, ha sido puesto a prueba en los distintos navegadores y con distintas resoluciones de los monitores, manteniendo la estructura principal que previamente ha sido diseñado.

Debemos de ser claros en decir que no ha sido diseñado con la herramienta propia de Dreamweaver cs6, diseño de cuadricula fluida que no hubiese permitido ejecutar nuestra pagina en los distintos dispositivos como tablets, o teléfonos móviles.

Página 82 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

C. PRESUPUESTO

Página 83 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

1. Presupuesto del Hardware

DESCRIPCION HORAS COSTO TOTALUso del equipo de computo 208 S/. 1.00 S/. 208.00Uso de Internet local 208 S/. 0.50 S/. 104.00Hosting y Dominio S/. 200.00 S/. 200.00Costo total S/. 512.00

2. Presupuesto del Software

DESCRIPCION HORAS COSTO TOTALEstudio de factibilidad 100 S/. 3.00 S/. 300.00Análisis 30 S/. 3.00 S/. 90.00Diseño 50 S/. 5.00 S/. 250.00Codificación 100 S/. 5.00 S/. 500.00Costo total S/. 1140.00

3. Totalizaciones

Presupuesto del hardware S/. 512.00Presupuesto del software S/. 1140.00Costo total del desarrollo de la Pagina Web. S/. 1652.00

Página 84 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

D. CONCLUSIÓN

Página 85 de 86

Creación y Diseño de Páginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

1. Conclusión del Proyecto

Nuestro objetivo principal es que el proyecto de CREACIÓN Y DISEÑO DE PÁGINAS WEB cuyo contenido nos orienta al, DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA pueda ser leído y usado como material de información para los alumnos del Instituto de Educación Superior Tecnológico Público “Padre Abad” de la ciudad de Aguaytía y de San Alejandro.

Hacer énfasis en el uso del software de Adobe Creative Suite, Dreamweaver CS6, que nos ayuda a crear una fuente de trabajo, como es la creación de Páginas Web y demás beneficios que brindan el software de Adobe.

Es muy importante entender el beneficio de un proyecto, que ayuda en gran parte a conocer un poco de la realidad económica de la ciudad de san Alejandro, que puede ser vista por el mundo entero gracias a la tecnología de internet.

VENTAJAS:

La Página Web muestra lo siguiente: Ubicación geográfica de la ciudad de San Alejandro Fotografías de la ciudad de San Alejandro Enlaces a las paginas sociales más usadas en la actualidad Información relevante de la economía de san Alejandro.

Esperamos haber contribuido con el inicio de un proyecto que puede ser planeado de forma diferente para un mayor alcance.

Página 86 de 86