Proyecto Desarrollo Produccion Del Cacao

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA
AO DE LA INVERSIN PARA EL DESARROLLO RURAL Y LA SEGURIDAD ALIMENTARIA
DIRECCION REGIONAL DE EDUCACIN DE UCAYALI INSTITUTO DE EDUCACIN SUPERIOR TECNOLGICO PBLICO PADRE ABAD
CREACION Y DISEO DE PAGINAS WEB

DESARROLLO Y PRODUCCIN DEL CACAO
PRESENTADO POR:
TORIBIO ALADO, TITO ISHBAK NAVARRO SERAFICO, PATRICIA NANCY CANTARO CRISOSTOMO, NANCY NIDIA CANTARO CRISOSTOMO, GISELA
CARRERA TCNICA:
COMPUTACIN E INFORMTICA
PARA OPTAR EL TITUTO PROFESIONAL
EN LA CARRERA TCNICA DE COMPUTACIN E INFORMATICA AGUAYTIA PERU 2013
VISACION
El presente Proyecto de CREACIN Y DISEO DE PAGINAS WEB DESARROLLO Y PRODUCCIN 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 agrcola que esta logrando ganarle la batalla a los cultivos ilcitos como la hoja de coca.
Es adems un producto agrcola 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 adems unos de los ejes ms importantes que generan trabajo y economa a la ciudad de San Alejandro, el Docente Tcnico en Computacin e Informtica Neftali, Lucero Sarmiento identificado con DNI N 43237918, quien manifiesta y certifica con una firma, que el presente proyecto se encuentra apto para su revisin por parte del jurado.
. NEFTALI LUCERO SARMIENTO DNI N 43237918 DOCENTE - TECNICO
Pgina 2 de 91
NDICE
A. MEMORIA... 3
1. Introduccin . 4 2. Nociones bsica Adobe Creative Suite 10 2.1 Introduccion al lenguaje de programacin seleccionado 11 2.2 Historia 14 2.3 Vocabulario Tecnico. 18 2.4 Arquitectura 21 2.5 Familia de lenguaje de programacin seleccionado... 21 3. Lenguaje de programacin 23 3.1 Introduccion.. 24 3.2 Compilador del lenguaje seleccionado. 30 3.3 librerias del lenguaje de programacin seleccionado 32 4. Interconexin aplicacin perifrico.. 33 5. Arquitectura del Sistema Operativo seleccionado 35 5.1 Historia. 36 5.2 Caracteristicas generales. 38 6. Aplicacin 42 6.1 Introduccion..43 6.2 Interfaces y cdigo fuente..44 7. Bibliografa 78 7.1 Libros 79 7.2 Apuntes 79 7.3 Pginas Web79
B. PLIEGO DE CONDICIONES 80
1. Pliego de condiciones especificas y contructivas 81 2. Formas de ejecucin. . 81 3. Plazos y orden de ejecucin. . 81 4. Materiales. . 82 5. Realizacin de las pruebas. 82
C. PRESUPUESTO .83
Pgina 3 de 91

1. Presupuesto del hadware84 2. Presupuesto del software84 3. Totalizaciones84
D. CONCLUSIN 85
1. Conclusin del proyecto 86
Pgina 4 de 91
A. MEMORIA
Pgina 5 de 91
1.
INTRODUCCIN
Pgina 6 de 91
1.1 INTRODUCCION Nuestro proyecto CREACIN Y DISEO DE PAGINAS WEB DESARROLLO Y PRODUCCIN DEL CACAO EN IRAZOLA; es un portal electrnico que busca mostrar informacin, acerca de un producto agrcola muy querido y cultivado que genera desarrollo econmico en nuestra ciudad de San Alejandro. El presente proyecto fue elaborado con el propsito de mostrar, y recibir informacin facilitando la opinin por parte de los usuarios que visiten nuestra Pgina Web, basndonos en la realidad actual y futura de la ciudad de San Alejandro. Toda la informacin obtenida en el proceso de investigacin para este proyecto, fue relativamente observada y analizada, para ejecutar un portal electrnico que permita mantener y actualizar la informacin, cumpliendo con las expectativas de los usuarios que visitan nuestro Sitio Web. El anlisis y diseo de nuestro Web Site, fue desarrollado con el objetivo de idear otros mtodos para mostrar el manejo cotidiano de la informacin, as poder aportar nuevas experiencias a los usuarios, estudiantes de la carrera tcnica de computacin e informtica, teniendo en cuenta que para ser un buen profesional tcnico, debemos aprender cada vez mas los diferentes tipos de problemas que se presentan en las diversas empresas y poder darle una adecuada solucin. El presente proyecto que se ha realizado, est conformado en tres partes principales. Primero tenemos todo lo referente al Software utilizado en el diseo, y codificacin de la pgina web cuyo contenido trata sobre el DESARROLLO Y PRODUCCIN DEL CACAO EN IRAZOLA, adems explicaremos el sistema operativo en la cual se ejecuta la pgina web. En la segunda parte tenemos el diseo de la pgina web, que incluye la interfaz y el cdigo HTML, CSS, donde se trata cada uno de los procesos involucrados en el Diseo y Creacin de la Pgina Web DESARROLLO Y PRODUCCIN DEL CACAO EN IRAZOLA. El presente proyecto ha sido elaborado, diseado y puesto en marcha por los ex alumnos de la carrera de computacin e informtica, TORIBIO ALADO, Tito Ishbak, NAVARRO SERAFICO, Patricia Nancy, CANTARO CRISOSTOMO, Nancy Nidia, CANTARO CRISOSTOMO, Gisela, para la obtencin del ttuto profesional en la carrera antes mencionada. Por ltimo se describen cules son las ventajas de desarrollar una pgina web y la importancia de llegar a extender este proyecto. El desarrollo de este proyecto permitir implementar una pgina web que servir como base para
Pgina 7 de 91

futuros proyectos y motivar el desarrollo de pginas web relacionadas al comercio electrnico. 1.1.1 Capitulo 1: Introduccin. Describe en forma general y especifica al proyecto Creacin y Diseo de Pginas Web DESARROLLO Y PRODUCCIN DEL CACAO EN IRAZOLA incidiendo en el diseo, elaboracin y las faces para su puesta en marcha. Esta enfocado a brindar informacin concerniente al DESARROLLO Y PRODUCCIN DEL CACAO EN IRAZOLA. 1.1.2 Capitulo 2: Nociones bsicas del lenguaje informtico utilizado. Hace mencin al lenguaje de HTML, el mismo que es el ms ampliamente utilizado en la creacin y diseo de pginas 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 informacin de manera fcil 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 informtico. Aborda en forma amplia los conceptos y definiciones de HTML, enfocado a dar un panorama general del lenguaje amplimante utilizado en el desarrollo de pginas web, contempla asi mismo explicaciones necesarias a fin de que el proyecto sea comprendido por cualquier estudianteo profesional involucrado en el desarrollo y diseo de pginas web. 1.1.4 Capitulo 4: Interconexion aplicacin-perifrico. HTML es un lenguaje desarrollado para interconectar infinidad de perifricos. Su funcin es la gestin y organizacin del contenido. As que en HTML puedes escribir lo que deseas mostrar en la pgina Web: texto, enlaces, imgenes 1.1.5 Capitulo 5: Arquitectura del sistema operativo seleccionado La pagina web Desarrollo y Produccin del Cacao en San Alejandro esta diseado para correr bajo cualquier plataforma del sistema operativo de Microsoft o cualquier otro S. O., sin embargo para aprovechar al mximo 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: Aplicacin. Se aborda el proyecto y las interfaces de la pgina web. Nuestra pagina web tiene una pagina principal (index), el mismo que puede ser navegado segn las necesidades de los visitantes. 1.1.7 Capitulo 7: Bibliografa El presente proyecto ha utilizado muy ampliamente la ayuda proporcionado por la red de redes (internet), motores de bsqueda y asistentes en el diseo de la pgina web. Tambin se ha abordado
Pgina 8 de 91

algunos conceptos fundamentales en libros especializados online en el tema tratado. 1.1.8 Pliego de condiciones Es necesario indicar en que condiciones se puede obtener el mximo provecho de las caractersticas de la pgina web, asi mismo se hace las indicaciones en caso de no existir los elementos necesarios para beneficiarnos de la pgina web. 1.1.9 Presupuesto El presente proyecto contempla un costo por desarrollo, algunas caractersticas del proyecto no tienen costo, sin embargo al utilizar horas hombre maquina, el costo se enfoco al uso del tiempo, razn por la cual se ha formulado una tabla de valoracin. 1.1.10 Conclusin Se explica los beneficios alcanzados en el desarrollo y puesta del proyecto. Nuestra conclusin final esta orientado a brindar informacin sobre los beneficios econmicos alcanzados grasias al cultivo del producto agrcola theobroma cacao.
Pgina 9 de 91
2.
NOCIONES BSICAS LENGUAJE PROGRAMACION UTILIZADO
DEL DE
Pgina 10 de 91
2.1. Introduccin
En un principio la comunicacin de un usuario con un ordenador se haca a travs de lneas de comandos bajo la plataforma D.O.S., pero a medida que ha evolucionado la tecnologa 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 diseo de pginas web se ha desarrollado a medida que ha evolucionado Internet. En 1992 slo haba alrededor de 50 sitios web. Estadsticas (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 razn de 4400 sitios web por da. A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atencin de los usuarios. Junto con un desarrollo efectivo de la estructura web y del contenido, el diseo y el uso del color son la llave para atraer y ser identificados, formando vnculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes. El diseo web es una actividad que consiste en la planificacin, diseo e implementacin de sitios web. No es simplemente una aplicacin del diseo convencional, ya que requiere tener en cuenta la navegabilidad, interactividad, usabilidad, arquitectura de la informacin y la interaccin de medios como el audio, texto, imagen, enlaces y vdeo. Se lo considera dentro del diseo 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 estn dirigidas a la Publicacin Impresa, Publicacin y creacin de Pginas Web, Post Produccin de Video, y Dispositivos Mviles. Adobe Creative Suite nace del exitoso intento de la casa Adobe de unir todos sus programas profesionales (los cuales antes solo podan adquirirse
Pgina 11 de 91

individualmente) en diferentes conjuntos de utilidades profesionales que se adecuen al tipo de usuario. Esta ingeniosa unin de sus productos en conjuntos ha dado muy buenos resultados para Adobe en los ltimos aos, no obstante, la compaa sigue vendiendo sus productos individualmente. La aplicacin de Adobe Creative Suite se ve, ms notoriamente, en agencias publicitarias y editoriales de muy alto y reconocido prestigio. Las pginas web se han desarrollado usando cdigo HTML, que eran usados por editores de textos como Notepad o bloc de notas que carecen de una interfaz agradable para un usuario que recin desea aprender HTML, otra desventaja es que aporta pocas herramientas al diseo de pginas web. HTML (HyperText Markup Language) HTML, siglas de (Lenguaje de Marcado de Hipertexto), hace referencia al lenguaje de marcado predominante para la elaboracin de pginas web que se utiliza para describir y traducir la estructura y la informacin en forma de texto, as como para complementar el texto con objetos tales como imgenes. El HTML se escribe en forma de etiquetas, rodeadas por corchetes angulares (<,>). HTML tambin 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 programacin de uso general de script del lado del servidor originalmente diseado para el desarrollo web de contenido dinmico. Fue uno de los primeros lenguajes de programacin del lado del servidor que se podan incorporar directamente en el documento HTML en lugar de llamar a un archivo externo que procese los datos. El cdigo es interpretado por un servidor web con un mdulo de procesador de PHP que genera la pgina Web resultante. PHP ha evolucionado por lo que ahora incluye tambin una interfaz de lnea de comandos que puede ser usada en
Pgina 12 de 91

aplicaciones grficas independientes. PHP puede ser usado en la mayora de los servidores web al igual que en casi todos los sistemas operativos y plataformas sin ningn costo. Ejemplo: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.iestp-pa-sa-cacao.com"> <html> <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 cdigo es ejecutado en el servidor, generando HTML y envindolo al cliente. El cliente recibir los resultados al ejecutar el script, sin ninguna posibilidad de determinar qu cdigo 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 caractersticas 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 presentacin de los documentos estructurados en hojas de estilo para diferentes mtodos de interpretacin, es decir, describe cmo se va a mostrar un documento en pantalla, por impresora, por voz (cuando la informacin es pronunciada a travs de un dispositivo de lectura) o en dispositivos tctiles basados en Braille. Para qu sirve? CSS es una especificacin desarrollada por el W3C (World Wide Web Consortium) para permitir la separacin de los contenidos de los documentos escritos en HTML, XML, XHTML, SVG, o XUL de la presentacin del documento con las hojas de estilo, incluyendo elementos tales como los colores, fondos, mrgenes, bordes, tipos de letra..., modificando la apariencia de una pgina web de una forma ms sencilla, permitiendo a los desarrolladores controlar el estilo y formato de sus documentos.
Pgina 13 de 91

Es una tecnologa que nos permite crear pginas web de una manera ms exacta. Gracias a las CSS somos mucho ms dueos de los resultados finales de la pgina, pudiendo hacer muchas cosas que no se poda hacer utilizando solamente HTML, como incluir mrgenes, tipos de letra, fondos, colores... Cmo funciona? 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 declaracin, esta ltima va entre corchetes y consiste en una propiedad o atributo, y un valor separados por dos puntos. HTML 5 Mucho hemos escuchado ltimamente con respecto a la nueva versin del ms que conocido HTML, incluso si no eres programador o diseador web seguramente has ledo por algn lado algo relativo a l. Lo cierto es que HTML5 es de alguna manera una especie de evolucin 'obligada' de lo que hasta hoy conocemos como HTML 4 (para ser ms especfico 4.0.1), incluyendo algunas mejoras propias y otras a travs de API's de Javascript o CSS3. Pues bien, explicaremos de manera sencilla. Al hablar de HTML5 estamos hablando realmente de una familia de tecnologas que en combinacin 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 tomarn como CSS3 por defecto. De igual manera, al tratarse de un lenguaje 'evolucionado', no ser necesario indicarle al navegador qu versin de HTML est implementado el documento, basta con indicar que es HTML y punto. Adems de la simplicidad de cdigo, HTML5 trae consigo una nueva gama de posibilidades entre las cuales podemos mencionar las siguientes: Contenido multimedia, reproduccin 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)
Pgina 14 de 91

Aplicaciones y sitios que sepan la ubicacin fsica exacta de la persona que las est utilizando, una vez ms, sin la necesidad de plug-ins. Trazado de formas, figuras, colores y patrones de colores directo en la pgina.
2.2. Historia
ADOBE CREATIVE SUITE 1 Y 2 La primera versin 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 edicin estndar incluye:

Adobe Bridge (Desde CS2) Adobe Illustrator Adobe InDesign Adobe Photoshop Adobe Version Cue Gua de diseo y capacitacin de recursos La edicin Premium tambin incluye: Adobe Acrobat Professional (Versin 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 versin de Adobe CS2 que ya no requiere la autorizacin 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 razn se comenz a tratar al software Adobe CS2 como software gratuito . CREATIVE SUITE PRODUCTION STUDIO Es un conjunto de programas para la adquisicin, edicin y distribucin de vdeo y audio digital que fue lanzado durante el mismo perodo 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 versin equivalente para Production Premium Studio es la Adobe Creative Production Premium Suite. MACROMEDIA STUDIO Es un conjunto de programas diseados para la creacin de contenido web diseado y distribuido por Macromedia. El 18 de abril de 2005 en San Jos, California, Estados Unidos Adobe Systems, Inc. anunci la
Pgina 15 de 91

adquisicin de Macromedia, Inc. por un valor estimado de 3.400 millones de dlares en acciones, Macromedia Studio 8 fue sustituido, modificado e integrado en dos ediciones de la familia Adobe Creative Suite de software de la versin 2.3 en adelante. Los parientes ms 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 ColdFusion no forman parte de Adobe Creative Suite y slo estarn 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 , adems de incluir todas las principales aplicaciones de Macromedia Studio y Studio Produccin. 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 versin liberada de Adobe Creative CS3 fue la versin 3.3, lanzada el 2 de junio de 2008. En esta versin 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 pestaas para trabajar que se ejecutan simultneamente en los programas de Adobe CS4 donde varios documentos y pestaas se pueden abrir dentro de contenidos en una nica ventana. Adobe CS4 tambin 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,
Pgina 16 de 91

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 podra 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 slo de 64 bits y requiere al menos Windows Vista 64-bit o una posterior versin de 64 bits de Windows. ADOBE CREATIVE SUITE 5.5 Despus del lanzamiento de CS5 en abril de 2010, Adobe cambi su estrategia de lanzamiento de una versin cada ao. Adobe CS5.5 se present el 12 de abril de 2011, como un programa intermedio hasta el lanzamiento de Adobe CS6. La actualizacin nos ha ayudado a los desarrolladores, a optimizar los sitios web para una variedad de tabletas, telfonos inteligentes y otros dispositivos. No todos los productos pasaron a CS5.5 en esta versin, 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 tambin sustituy a Adobe Soundbooth en CS5.5 y Adobe Acrobat X Pro que reemplazado a Acrobat 9.3 Pro. ADOBE CREATIVE SUITE 6 La versin de Adobe CS6 fue presentado en un evento el 23 de abril, 2012, y su primer envo fue el 7 de mayo. Adobe tambin lanz una oferta de suscripcin basado en la nube llamado Adobe Creative Cloud donde los usuarios pueden tener acceso a la totalidad de Adobe Creative Suite 6, adems de otros espacios de almacenamiento en la nube y servicios. ADOBE CREATIVE CLOUD Creative Cloud rene en un solo lugar todo lo que necesitas para crear tu mejor trabajo. Ten acceso a las versiones ms recientes de todas las
Pgina 17 de 91

aplicaciones de escritorio creativas y profesionales de Adobe, como Photoshop e Illustrator, Dreamweaver, entre otras, adems del acceso a nuevas funciones y actualizaciones en cuanto estn disponibles. Las funciones de almacenamiento en la nube y de sincronizacin de archivos te permiten acceder con seguridad a tus archivos all donde te encuentres, incluso desde un dispositivo mvil, por lo que podrs compartir ideas con clientes y compaeros con ms facilidad que nunca. Los servicios basados en la nube te permiten crear y publicar sitios web, apps para dispositivos mviles, publicaciones para iPad y contenido para cualquier medio o dispositivo. Adems, gracias a la integracin con Behance, puedes publicar tus portafolios personalizados en tu propia URL y conectarte a la comunidad creativa ms 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, ideas, fuentes, configuracin, notificaciones, aplicaciones de escritorio y miembros del equipo. PORQUE ADOBE HA CAMBIADO EL NOMBRE DE CREATIVE SUITE POR CREATIVE CLOUD Nuestro concepto de Creative Cloud va ms 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 atencin de esta versin y de las posteriores lo ocupa la provisin de flujos de trabajo basados en la nube, y el objetivo consiste en facilitar el trabajo en numerosas mquinas y dispositivos, as como permitir la colaboracin y los hallazgos en la comunidad creativa. Y el nombre nuevo es reflejo de esta intencin.
2.3. Vocabulario Tcnico

2.3.1 HTML: Define el inicio del documento HTML, le indica al navegador que lo que viene a continuacin debe ser interpretado como cdigo HTML. Esto es as de facto, ya que en teora lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raz. 2.3.2 SCRIPT: Un script es un guion o conjunto de instrucciones. Permiten la automatizacin de tareas creando pequeas utilidades. Es muy utilizado para la administracin de sistemas UNIX. Son ejecutados por un intrprete de lnea de comandos y usualmente son archivos de texto. Tambin Script Puede considerarse una alteracin o accin a una determinada plataforma, Muy parecido a los trucos que se usan para alterar juegos y conseguir cosas extras... Tambin existen en muchos lenguajes de programacin con interface web como PHP..
Pgina 18 de 91

2.3.3 HEAD: Define la cabecera del documento HTML; esta cabecera suele contener informacin sobre el documento que no se muestra directamente al usuario como, por ejemplo, el ttulo de la ventana del navegador. 2.3.4 TITLE: Define el ttulo de la pgina. Por lo general, el ttulo aparece en la barra de ttulo 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 pgina; 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 autora o la licencia, incluso para indicar parmetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuracin o por dificultades con server-side scripting. 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 pgina, como color de fondo y mrgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuacin se indican algunas. 2.3.9 <h1> a <h6>: Encabezados o ttulos 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>: Hipervnculo o enlace, dentro o fuera del sitio web. Debe definirse el parmetro de pasada por medio del atributo href. Por ejemplo: 2.3.12 <div>: divisin de la pgina. 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="./imgenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo". 2.3.14 <li><ol><ul>: etiquetas para listas.
Pgina 19 de 91

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 declaracin, de manera que hace de enlace entre la estructura del documento y la regla estilstica en la hoja de estilo. 2.3.17 Declaracin: La Declaracin que va entre corchetes es la informacin de estilo que indica cmo se va a ver el selector. En caso de que haya ms de una declaracin se usa punto y coma para separarlas. 2.3.18 Propiedad o Atributo y Valor: Dentro de la declaracin, la Propiedad o Atributo define la interpretacin del elemento asignndosele un cierto Valor, que puede ser color, alineacin, tipo de fuente, tamao..., es decir, especifican qu aspecto del selector se va a cambiar. 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 estndares 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 organizacin encargada de estandarizar el lenguaje de marcado de hipertexto o mejor conocido como HTML, el cual es utilizado para el diseo y desarrollo de sitios web, dicho estndar inicio en el ao de 1994 (es importante aclarar que antes de que W3C trabajara en HTML ya otras organizaciones haban desarrollado versiones previas). 2.3.20 Apps Una App es una aplicacin de software que se instala en dispositivos mviles o tablets para ayudar al usuario en una labor concreta, ya sea de carcter profesional o de ocio y entretenimiento. El objetivo de una app es facilitarnos la consecucin de una tarea determinada o asistirnos en operaciones y gestiones del da a da. Existen infinidad de tipos de aplicaciones: Apps de noticias (elmundo.es), juegos (CSR Racing), herramientas de
Pgina 20 de 91

comunicacin 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 da ms ameno. 2.3.21 Behance Behance, si eres diseador de cualquier tipo o simplemente un admirador del mismo esta red te encantara. Behance Network es una plataforma de portafolios en lnea, en la que se incluyen mltiples industrias, como la fotografa, el diseo grfico, industrial, la ilustracin y la moda. Esta red se ha asociado a organizaciones como AIGA, Adweel, ADC y MTV, con la finalidad de crear galeras de trabajo creativo. 2.3.22 URL Un URL o Uniform Resource Locator (Localizador Uniforme de Recurso) es un medio estndar de identificar direcciones internet en la Web. Tiene dos partes, separadas por dos puntos: Antes de los dos puntos: especifica el mtodo de acceso (http, ftp, mail, news...) Despus de los dos puntos: se interpreta segn el mtodo de acceso. Suele contener direcciones y puntos de acceso en una mquina.
2.3.23
HOSTING Hosting es una palabra del Ingles que quiere decir dar hospedar o alojar. Aplicado al Internet, significa poner una pgina 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 pgina web de Proyecto Cacao. Un solo servidor web puede servir mltiples pginas web de mltiples dominios, pero un dominio slo puede apuntar a un servidor. 2.3.25 SITIO WEB. En ingls website o web site, un sitio web es un sitio (localizacin) en la World Wide Web que contiene documentos (pginas web) organizados jerrquicamente. Cada documento (pgina web) contiene texto y o grficos que aparecen como informacin digital en la pantalla de un ordenador. Un sitio puede contener una combinacin de grficos, texto, audio, vdeo, y otros materiales dinmicos o estticos. 2.3.26 WWW. Es un acrnimo que viene del concepto World Wide Web, tambin conocido como la telaraa, red o malla mundial. Bsicamente consiste en un medio de comunicacin en donde se dispone de documentos de hipertexto (o sea que se incluyen enlaces a otros sitios web) con textos, imgenes, videos, grficos u otros objetos.
Pgina 21 de 91

Para acceder a estos documentos o pginas web, se requiere de un navegador, que no es ms que un software o programa capaz de interpretar de manera grfica o visible la informacin que obtiene de la Internet.
2.4. Arquitectura
HTML, CSS, lenguajes informticos muy usados para el desarrollo y creacin de pginas web, ambos lenguajes informticos son multiplataformas, esto quiere decir que existen versiones para 32 y 64 bits. HTML y CSS, han alcanzado mayor difusin y aceptacin 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 Edicin estndar Edicin Premium Adobe Creative Suite CS3 y CS3.3
Edicin Design Premium Edicin Design Standard Edicin Web Standard Edicin Web Premium Edicin Production Premium Edicin Master Collection
Adobe creative suite CS4 Edicin Design Premium Edicin Web Premium Edicin Production Premium Edicin Master Collection Adobe Creative Suite CS5 y CS5.5 Edicin Design Standard Edicin Design Premium Edicin Web Premium Edicin Production Premium Edicin Master Collection Adobe Creative Suite CS6 Edicin Design Standard Edicin Design & Web Premium Edicin Production Premium Edicin Master Collection
2.6. Familia de Adobe Creative Cloud CC

Pgina 22 de 91
Pgina 23 de 91
3. LENGUAJE DE PROGRAMACION
3.1. Adobe Creative Suite CS6 Master Collection

INTRODUCCION: Un lenguaje informtico es un lenguaje usado o asociado con ordenadores. Muchas veces, este trmino es usado como sinnimo de lenguaje de programacin, pero un lenguaje informtico no tiene por qu ser un lenguaje de programacin. Como ejemplo un lenguaje de marcas como el HTML no es un lenguaje de programacin, pero s es un lenguaje informtico. En general, como cualquier otro lenguaje, un lenguaje de ordenador es creado cuando hay que transmitir una informacin de algo a alguien basado en computadora. Adobe Creative Suite 6 Master Collection proporciona un amplio conjunto de herramientas creativas para disear en diferentes medios, entre las que
Pgina 24 de 91

se incluyen nuevas formas de crear contenido interactivo, rendimiento innovador e integracin con los nuevos servicios en lnea de Adobe CS Live que aumentarn su productividad. Los servicios de CS Live son gratuitos durante un tiempo limitado. Disee sin Lmites: Descubra nuevas y extraordinarias herramientas de diseo y formas innovadoras de ampliar su capacidad creativa utilizando una oferta completa, el entorno de desarrollo definitivo para prcticamente cualquier medio. Diseo interactivo sin necesidad de escribir cdigo: Disee contenido interactivo sofisticado y cree interfaces funcionales con el nuevo Adobe Flash Catalyst CS5 sin necesidad de escribir cdigo. Transforme su visin nica en atractivas experiencias en lnea y entregue archivos de proyecto perfectos a los desarrolladores. Pinturas y dibujos vectoriales innovadores: Represente con rapidez y precisin la profundidad y la distancia utilizando nuevas herramientas de perspectiva en Adobe Illustrator CS5. Controle con precisin 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 ampliacin de los vectores. Documentos y presentaciones interactivos: Cree documentos y presentaciones memorables con interactividad, animacin, sonido y vdeo en Adobe InDesign CS5. Mejore los diseos de pgina con medios sofisticados utilizando nuevos ajustes preestablecidos de movimiento para una fcil creacin de animaciones. Aproveche la compatibilidad con la importacin de archivos FLV y MP3 de audio para cautivar y emocionar al pblico. Edicin de imgenes 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. Aada dimensiones a sus imgenes con extrusiones 3D gracias a la tecnologa Adobe Repouss y realice selecciones de imagen precisas con ms rapidez y facilidad con la nueva tecnologa de seleccin de mrgenes ms real. Alcance completo de la plataforma Flash: Plasme sus ideas en lnea gracias a las funciones de la plataforma Adobe Flash. Utilice Flash Catalyst CS5 para disear contenido interactivo sin necesidad de escribir cdigo, 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 produccin de vdeo: Trabaje en formato original con secuencias sin cintas impecables en Adobe Premiere Pro CS5 y Adobe After Effects CS5. Edite formatos multimedia sin cintas
Pgina 25 de 91

utilizando flujos de trabajo lderes del sector para evitar perder su valioso tiempo de produccin realizando tareas de codificacin o ajuste. Trabaje con rapidez y precisin: Trabaje ms rpido con imgenes de gran resolucin; edite con fluidez proyectos de vdeo y grficos animados complejos; y haga ms en menos tiempo gracias a un gran nmero de mejoras de productividad. Mejoras de rendimiento lderes del sector: Trabaje hasta diez veces ms rpido con imgenes de gran tamao en Adobe Photoshop CS6 Extended y de forma ms fluida en proyectos de alta definicin en Adobe After Effects CS6 y Adobe Premiere Pro CS6 gracias a la compatibilidad nativa de 64 bits. La nueva aceleracin GPU acelera el trabajo en Photoshop, el nuevo motor de reproduccin Adobe Mercury Playback Engine acelera el procesado y renderizado de efectos en Adobe Premiere Pro, y Dynamic Link ahora es notablemente ms rpido. Grficos 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 automtica es ahora mucho ms rpido. Compatibilidad con las tendencias web en evolucin: Cree sitios web dinmicos de forma ms sencilla utilizando Adobe Dreamweaver CS6 con compatibilidad total con los marcos de trabajo de gestin de contenido lderes, incluidos Joomla!, Drupal y WordPress. Tecnologa de seleccin de mrgenes ms real: Obtenga mejores resultados en la aplicacin de mscaras en menos tiempo incluso cuando tenga que seleccionar los elementos ms complicados de la imagen, como el pelo, en Photoshop CS5 Extended. La tecnologa de mrgenes ms real ofrece una asombrosa calidad en la deteccin y seleccin de mrgenes cuando utiliza la herramienta de seleccin rpida. Agilice los procesos fundamentales: Acelere las revisiones de diseo, agilice las pruebas de sitios web en varios navegadores, colabore en la creacin y el desarrollo de secuencias de comandos, y mucho ms con los nuevos servicios en lnea de CS Live. Integracin 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 lnea de CS Live. Evite la adquisicin de costoso hardware de prueba y el mantenimiento de laboratorios de prueba. Integracin con Acrobat.com: Mejore la comunicacin con cualquier parte del mundo utilizando Acrobat.com, parte de los servicios en lnea de CS Live. Convierta archivos a PDF, almacnelos y comprtalos, cree
Pgina 26 de 91

documentos y presentaciones en lnea, colabore, celebre reuniones, y mucho ms. Adobe Photoshop CS6 Extended Adobe Illustrator CS6 Adobe InDesign CS6 Acrobat X Pro Flash Catalyst CS6 Flash Professional CS6 Flash Builder 4.5 Premium Adobe Dreamweaver CS6 Contribute CS6 Adobe Premiere Pro CS6 After Effects CS6 Adobe Audition CS6 Adobe OnLocation CS6 Encore CS6 Fireworks CS6 Bridge CS6 Device Central CS6 Media Encoder CS6
Adobe Dreamweaver CS6

Dreamweaver CS6 es un software fcil de usar que permite crear pginas web profesionales. Las funciones de edicin visual de Dreamweaver CS6 permiten agregar rpidamente diseo y funcionalidad a las pginas, sin la necesidad de programar manualmente el cdigo HTML. Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc., de una forma muy sencilla y visual. Adems 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 pginas web estn escritas en lenguaje HTML, o lenguaje PHP, as como otros lenguajes. Adobe Dreamweaver CS6 es la aplicacin que lidera el sector de la edicin y creacin de contenidos web. Proporciona funciones visuales y de nivel de cdigo para crear diseos y sitios web basados en estndares para equipos de sobremesa, telfonos 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 fusin de Authorware Inc. (creadora de Authorware) y Macro Mind Paracomp (responsable de director). El primer producto de
Pgina 27 de 91

esta nueva compaa fue Shockware, un plugin para los navegadores que permita ver animaciones hechas en Director. A causa del xito que tuvo, la empresa decidi que deba expandirse ms en el sector web y multimedia, con esta expansin 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 edicin de HTML, al que Macromedia rebautizo, con algunos cambios, como DREAMWEAVER, del que lanzo su primera versin en 1997. A partir de 1998, Macromedia comenz a desarrollar una versin del programa por ao. 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 ao 2006, la empresa fue comprada por Adobe, quien absorbi completamente el nombre Macromedia. Por ello es que la versin CS3 ya no es ms Macromedia, sino Adobe. Adobe Dreamweaver es una aplicacin en forma de estudio enfocada a la construccin y edicin de sitios y aplicaciones Web es el programa de este tipo ms utilizado en el sector del diseo y la programacin web, por sus funcionalidades, su integracin con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estndares del World Wide Web Consortium.
Caractersticas de Adobe Dreamweaver CS6

Disee para muchos tipos de dispositivos mviles: Utilice el panel Vista previa multipantalla del software Adobe Dreamweaver CS6 con el fin de disear simultneamente sitios web para telfonos, tabletas y equipos. Utilice las consultas multimedia para escribir y representar estilos independientes para cada dispositivo. Panel de Pre Visualizacin en varias pantallas: Disee contenido para telfonos inteligentes, tabletas y ordenadores personales con el panel de pre visualizacin 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 diseo fluido. El acceso a la web a travs de todo tipo de dispositivos est experimentando un aumento importante. Ahora es habitual acceder a internet desde el telfono mvil y desde las tabletas. Esto complica el diseo de los sitios web porque los dispositivos son de diferentes dimensiones. Una forma de afrontar este problema es utilizando el diseo fluido, este tipo de diseo hace que la pgina se adapte automticamente a las dimensiones del dispositivo. Este tipo de diseo utiliza HTML 5 por los
Pgina 28 de 91

que los navegadores antiguos no son capaces de representarlo correctamente. Sin embargo, existen libreras de Javascript que solucionan este inconveniente. Integracin de jQuery: Aada interactividad avanzada con las sugerencias de cdigo de jQuery. jQuery es la biblioteca de JavaScript estndar del sector que simplifica la adicin de una amplia variedad de interactividades a las pginas web. Agilice su trabajo con las plantillas de iniciacin para telfonos mviles. Compatibilidad con CSS3/HTML5: Aplique estilos con el panel CSS, que se ha actualizado para cumplir las nuevas normas CSS3. La vista de diseo ahora admite las consultas multimedia y aplica diferentes estilos a medida que va ajustando las dimensiones de la pantalla. Utilice el cdigo del futuro con HTML5, las sugerencias de cdigo y la compatibilidad con la representacin de la vista de diseo. Representacin innovadora de la vista interactiva: Visualice su pgina con la vista interactiva, que ahora incorpora un motor de representacin WebKit actualizado. Previsualice diseos para mltiples dispositivos gracias a la compatibilidad con las consultas multimedia en tiempo real. Las funciones y mejoras de HTML5 y CSS3 hacen que el diseo para dispositivos mviles sea an ms eficaz. Aplicaciones nativas Android e iOS con PhoneGap: Cree y agrupe aplicaciones nativas para Android e iOS gracias a la nueva funcin PhoneGap. Convierta el cdigo HTML actual en una aplicacin para telfonos mviles con Dreamweaver, mediante el marco de trabajo de cdigo abierto PhoneGap. Ample su alcance: Aproveche las sugerencias de cdigo especfico del sitio para escribir pginas ms rpido y trabajar con marcos de gestin de contenido de terceros. La compatibilidad con FTPS/FTPES ayuda a garantizar que su cdigo se obtenga de una forma ms segura. Compatibilidad con FTPS y FTPeS: Implemente archivos con ms seguridad gracias a la compatibilidad con FTP mejorada. Dreamweaver CS6 ahora incorpora compatibilidad nativa con los protocolos FTPS y FTPeS. Sugerencias de cdigo especfico del sitio: Aproveche las sugerencias de cdigo en directorios y archivos no estndares 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! Integracin de Adobe Creative Suite: Ahorre tiempo y reduzca el nmero de pasos requeridos para finalizar los proyectos gracias a la integracin inteligente de Adobe Flash Professional, Fireworks, Photoshop Extended y los servicios en lnea de CS Live.
Pgina 29 de 91

Comunidad Dreamweaver ampliada: Obtenga y comparta informacin con una comunidad ampliada de Dreamweaver. Benefciese de Adobe Developer Connection y del Centro de diseo de Adobe en lnea, cursos de formacin y seminarios, programas de certificacin de desarrolladores y foros de usuarios. Compatibilidad con las principales tecnologas: Disee y desarrolle pginas en un entorno que admite las principales tecnologas de desarrollo web, incluido HTML, XHTML, CSS, XML, JavaScript, Ajax, PHP, Adobe ColdFusion y ASP. Mantngase a la vanguardia: Pruebe de forma precisa sus pginas web en diversos navegadores y sistemas operativos gracias a la integracin con Adobe BrowserLab.1,2 Obtenga cdigo limpio con la validacin en tiempo real integrada de World Wide Web Consortium (W3C). Validacin de W3C: El servicio de validacin en lnea de W3C le permite garantizar la precisin en sus diseos web basados en estndares. Compatibilidad con Subversion: Almacene sus archivos con ms seguridad gracias a la compatibilidad con el software Subversion, que se ha actualizado a la versin de protocolo 1.7. Asistencia de codificacin inteligente: Escriba cdigo limpio con seguridad. Utilice las sugerencias de cdigo 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 cdigos PHP dinmica. Contenido FLV integrado: Agregue archivos FLV en cualquier pgina web con un simple clic y una codificacin que cumple con los estndares. Pre visualice sus pelculas con las funciones de reproduccin 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 gestin de contenido como WordPress, Joomla! y Drupal, interesante para aquellos blogueros que tienen que usar otros servicios y Dreamweaver a la vez. Inspeccin de CSS: Ahora podemos ver en detalle el modelo de cuadro de CSS y cambie las propiedades de CSS sin necesidad de leer el cdigo ni utilizar otra utilidad, ya era hora de que el programa tuviera ms participacin 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. Integracin con Adobe BrowserLab: Tambin contamos con la opcin de poder utilizar Adobe BrowserLab que nos permitir testear, de manera
Pgina 30 de 91

rpida y sencilla, nuestros sitios en diferentes versiones de navegadores. De esta manera, podremos ver en tiempo real como se representara nuestro sitio en diversos navegadores web. Sugerencias de cdigo de clase personalizada de PHP: Otro cambio muy importante al menos para los usuarios de pginas dinmicas unidas a bases de datos como PHP y Mysql porque hay sugerencias de cdigo personalizadas de cdigo PHP
3.2. Compilador del lenguaje seleccionado

El compilador de html y css, para su visualizacin y ejecucin en lnea son los distintos navegadores como internet explorer 10, mozilla firefox fox 25, Google Chrome 30, entre otros. A continuacin describiremos algunas caractersticas adicionales del navegador Google Chrome 30. Rpido para iniciarse Chrome se inicia desde tu escritorio en unos pocos segundos cuando haces doble clic en el cono de Chrome. Rpido para ejecutar aplicaciones web Bajo el cap, Chrome est equipado con V8, un motor de JavaScript ms poderoso que construimos para ejecutar aplicaciones web complejas a una velocidad increble. En cada versin nueva de Chrome, seguimos mejorando la velocidad de JavaScript en el navegador con las herramientas V8 y Kraken Rpido para buscar y navegar Puedes introducir tanto trminos de bsqueda como direcciones web en la barra de direcciones y bsqueda combinada de Chrome, conocida como el cuadro multifuncin. El cuadro multifuncin proporciona sugerencias para las bsquedas y las direcciones web mientras escribes, as como una funcin de autocompletar para ayudarte a encontrar lo que buscas con solo presionar algunas teclas. Rpido para cargar pginas web Chrome funciona con la tecnologa del motor de representacin de cdigo abierto de WebKit y carga pginas web en un abrir y cerrar de ojos.
Pgina 31 de 91

Sencillo Chrome est diseado para ser lo ms 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 bsquedas y navegar Manejarte por la Web debera ser fcil. No deberas tener que preguntarte si ests explorando la Web o intentando acceder a un sitio especfico. Lo ideal es que puedas obtener los resultados que necesitas al empezar a escribir. Ese es el motivo por el que Chrome solo tiene un cuadro (el cuadro multifuncin), que sirve tanto para hacer bsquedas como para acceder a sitios especficos. El cuadro multifuncin muestra texto automticamente al ir escribiendo, ofrece sugerencias e incluso puede cargar resultados de forma instantnea si se habilita Chrome Instant. Administracin eficaz de pestaas Las pestaas dinmicas y atractivas de Chrome se pueden arrastrar, soltar y reorganizar fcilmente. Por otra parte, la arquitectura multiproceso de Chrome te permite abrir una enorme cantidad de pestaas sin que el navegador funcione ms lento. Tambin puedes fijar tus pestaas favoritas (como la del correo electrnico) en la barra de pestaas para que aparezcan en el mismo sitio cada vez que inicies Chrome. Presionar el tabulador para realizar la bsqueda Por qu tienes que acceder primero al sitio de YouTube para buscar un video? Solo tienes que escribir youtube.com en el cuadro multifuncin y presionar la tecla del tabulador para hacer la bsqueda en YouTube directamente. Tambin puedes configurar palabras clave personalizadas para tus sitios favoritos. Lector de PDF integrado Chrome tiene un lector de PDF integrado que permite cargar archivos PDF de forma instantnea sin tener que instalar ningn software ni complemento. Permite ajustar el tamao de los archivos PDF, guardarlos e imprimirlos fcilmente con un solo clic. Sandbox Sandbox ayuda a prevenir la instalacin de software malicioso en tu computadora y evita que lo que pasa en una pestaa del navegador afecte a lo que pasa en otra. Sandbox agrega una capa adicional de proteccin al evitar que pginas web maliciosas instalen programas en tu computadora, controlen tus actividades web o roben informacin privada de tu disco rgido Navegacin segura Chrome te mostrar un mensaje de advertencia antes de que
Pgina 32 de 91

visites un sitio que se sospecha que est contaminado con software malicioso o de suplantacin de identidad.
Con la tecnologa de segura habilitada en Chrome, si encuentras un sitio web que se sospecha que contiene software malicioso o de suplantacin de identidad cuando navegas por la Web, vers una pgina de advertencia como la que se muestra ms arriba. Un ataque de suplantacin de identidad ocurre cuando alguien se camufla como otra persona para engaarte y lograr que compartas informacin personal o delicada, por lo general mediante un sitio web falso. Por otro lado, el software malintencionado es aquel que se instala en tu mquina sin que sepas y que est diseado para daar tu computadora o para robar informacin de esta. Modo incgnito Cuando no quieras que se graben tus visitas a sitios web ni las descargas en tus historiales de navegacin y de descargas, puedes navegar en modo incgnito. Adems, todas las cookies que se creen durante el modo de navegacin incgnito se eliminan cuando cierras todas las ventanas de incgnito. Cuando navegas en modo incgnito, vers el cono de incgnito en la esquina. El modo incgnito es til porque es una manera fcil de navegar la Web de forma privada sin necesidad de cambiar la configuracin de privacidad una y otra vez entre las sesiones de navegacin. Por ejemplo, puedes tener una sesin normal y una de incgnito en ventanas separadas al mismo tiempo. Preferencias de privacidad Puedes controlar todas tus preferencias de privacidad para Chrome desde el cuadro de dilogo de Opciones, en la seccin de privacidad ubicada en la parte superior de la pestaa Avanzadas.
3.3. Libreras del seleccionado
lenguaje
de
programacin
HTML, CSS no tienen libreras, en su lugar utiliza las etiquetas, de manera que en esta ocasin no hay ninguna librera referente al lenguaje informtico.
Pgina 33 de 91
4.
INTERCONEXION APLICACION PERIFERICO
La aplicacin o Sitio Web Desarrollo y Produccin del Cacao en Irazola est diseado para mostrar a la ciudadana y al pblico en general de cualquier parte de la regin de Ucayali y del Per informacin confiable e
Pgina 34 de 91

importante concerniente al desarrollo y produccin del cacao en el distrito de Irazola, as como el uso de la herramientas que interviene en el cultivo de la misma. La aplicacin es capaz de recolectar informacin de los usuarios que visitan nuestro Sitio Web, y al mismo tiempo mostrarnos quien ha realizado comentarios acerca de la informacin brindada en nuestro Sitio Web, mostrndonos informacin o datos del usuario que nos ha hecho llegar sus opiniones de nuestro Sitio Web. As mismo es posible modificar la informacin de la pgina web si se cuenta con el software DREAMWEAVER CS6 y con los conocimientos necesarios del tema, conocer adecuadamente las propiedades de los estilos CSS, cdigo HTML, y Javascript. Esta pgina web se muestra en cualquier navegador instalado en cualquier sistema operativo, ya sea Mozilla Firefox, Internet Explorer, Google Chrome, Safari, Opera y dems navegadores.
ADOBE DREAMWEAVER CS6
Pgina 35 de 91
5. ARQUITECTURA DEL SISTEMA OPERATIVO SELECCIONADO
Pgina 36 de 91

5. WINDOWS 8 Windows 8 es la versin 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 porttiles, netbooks, tabletas, servidores y centros multimedia. Aade soporte para microprocesadores ARM, adems de los microprocesadores tradicionales x86 de Intel y AMD. Su interfaz de usuario ha sido modificada para hacerla ms adecuada para su uso con pantallas tctiles, adems de los tradicionales ratn y teclado. Microsoft tambin anunci que Aero Glass no estar presente en la versin final de Windows 8. 5.1. HISTORIA DE WINDOWS 8 PRIMEROS ANUNCIOS El 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 aadir soporte para Procesadores ARM, adems de los tradicionales x86 de Intel yAMD. El 1 de junio de 2011, Microsoft desvel oficialmente la interfaz de Windows 8 adems de caractersticas nuevas en la Taipei Computex 2011 en Taipi (Taiwn) 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 PREVIEW Microsoft desvel nuevas caractersticas y mejoras de Windows 8 durante el primer da de la conferencia BUILD el 13 de septiembre de 2011.7 Microsoft tambin lanz la Windows Developer Preview (compilacin 8102) de Windows 8 el mismo da, 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 Segn Microsoft, hubo ms de 500.000 descargas de la Developer Preview durante las primeras 12 horas de lanzamiento.9 La Developer Preview tambin introdujo la pantalla de Inicio. El botn Inicio en el escritorio abra la pantalla de Inicio en vez del men Inicio. El 16 de febrero de 2012, Microsoft decidi posponer la fecha de expiracin de la Developer Preview. Originalmente fijada para expirar el 11 de marzo de 2012, ahora expirar el 15 de enero de 2013.
Pgina 37 de 91

CONSUMER PREVIEW El 29 de febrero de 2012, Microsoft lanz la Consumer Preview de Windows 8, la versin beta de Windows 8, compilacin 8250. Por primera vez desde Windows 95, el botn Inicio ya no est presente en la barra de tareas, aunque la pantalla de Inicio todava se abre al hacer clic en el rincn inferior izquierdo de la pantalla y al hacer clic en Inicio en la denominada barra Charm. El presidente de Windows Steven Sinofsky dijo que ms de 100.000 cambios se haban hecho desde el lanzamiento de la Developer Preview.11 El da despus de su lanzamiento, la Consumer Preview haba sido descargada ms de 1 milln de veces. 12 Al igual que la Developer Preview, la Consumer Preview expirar el 15 de enero de 2013. RELEASE PREVIEW En la conferencia Developers Day en Japn, Steven Sinofsky anunci que la Release Preview de Windows 8 (compilacin 8400) sera lanzada durante la primera semana de junio.13 El 28 de mayo de 2012, la Release Preview de Windows 8 (Edicin x64 en chino simplificado estndar, edicin no especfica para China, compilacin 8400) se filtr en varios sitios chinos y de BitTorrent.14 El 31 de mayo de 2012, la Release Preview fue lanzada al pblico por Microsoft. Los cambios ms grandes en la Release Preview fueron la adicin de las aplicaciones Deportes, Viajes y Noticias, junto a una versin integrada de Adobe Flash Player en Internet Explorer. A diferencia de las versiones preliminares anteriores, la Release Preview expirar un da despus, el 16 de enero de 2013. VERSIN FINAL El 1 de agosto de 2012, se anunci que la versin RTM de Windows 8 (compilacin 920017 ) ya estaba lista.18 Un da despus de este anuncio, una copia de la versin final de Windows 8 Enterprise N (producida para mercados europeos) se filtr en la web y varios das despus tambin se haban 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 tambin se hizo disponible a clientes de Software Assurance el da siguiente. Windows 8 estuvo disponible para descarga de estudiantes (con una suscripcin 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.
Pgina 38 de 91

Relativamente pocos cambios fueron hechos con respecto a la Release Preview en la versin final. Un tutorial explicando cmo usar la nueva interfaz Metro fue incluido, y el escritorio fue sutilmente cambiado para estar ms en lnea con la interfaz Metro. Algunas aplicaciones incluidas tambin fueron cambiadas. El presidente de Intel inform a sus empleados que Windows 8 an no est preparado para lanzarse al pblico debido a los bugs y que esto perjudicar a Microsoft. 5.2. CARACTERSTICAS GENERALES PANTALLA INICIO: El cambio ms visible. Una nueva colorida interfaz encima del escritorio clsico. Esta pantalla es el mtodo primario para abrir apps sitios web e informacin 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 seccin inferior de la pantalla hay un smbolo al pulsarlo se aleja la vista para aadir nombres a los grupos27 . Pantalla Inicio requiere para activarse una resolucin 1366x768 o ms. Esta interfaz tiene el nombre clave de ModernUI, y aunque siempre inicia primero, el usuario es libre de ignorarlo y usar el escritorio clsico si as lo desea. Escritorio Clsico se activa pulsando en su propio icono. Estando ya activado; con la tecla logotipo de Windows se alterna entre escritorio clsico e Inicio. APPS: Programas especficos 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 ratn [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 tambin cumplen la misma funcin si no se est en la app de escritorio. En caso de pantallas tctiles se toca la esquina superior izquierda de la pantalla. Al usar una app, las otras entran en un estado de suspensin hasta que recuperen el foco. El explorador de archivos ahora tiene una interfaz que deja al alcance del ratn (o de los dedos en una pantalla tctil) funciones antes escondidas.
Pgina 39 de 91

Windows 8 es nativamente compatible con discos Blu-ray; en contraparte, ya no dispone de soporte para lectura de pelculas de vdeo y audio en formato DVD. Los mensajes arcaicos (incluyendo la Pantalla azul de la muerte, la comprobacin de disco y las actualizaciones) son modernizados con fuentes ms suaves y diseos sencillos. Compatibilidad natural con USB 3.0. Los siguientes programas ya no se disponen en Windows 8: Windows DVD Maker (creacin de DVD caseros), Windows Media Center (administracin de multimedia y televisin), Maletn (sistema de sincronizacin 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 botn, 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: Bsqueda, Compartir, Dispositivos y Configuracin. El sistema de listas que lo caracteriz fue rediseado 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 aplicacin tctil, tambin se dispone como aplicacin de escritorio; y ahora soporta HTML5 y CSS3, incluyendo una plataforma como Adobe Flash Player. PAINT: Aunque la herramienta de dibujo de Windows an existe al instalarse, se produjo una nueva aplicacin de nombre FreshPaint, la cual ampla y moderniza el sistema de dibujo. APLICACIONES: Los gadgets, que existieron desde Windows Vista, son remodelados como pequeas aplicaciones; por lo que el escritorio queda permanentemente libre; como haba sido siempre desde Windows XP. La combinacin 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 aade una nueva Tienda de Aplicaciones, la cual administra la instalacin de las susodichas. INTERFAZ RIBBON:
Pgina 40 de 91

El sistema de mens 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 ofimtica, aparecen nuevas pestaas con funciones caractersticas del tipo de carpeta. IMGENES DE DISCO: A partir de este sistema operativo, es factible montar imgenes de disco en unidades virtuales. SINCRONIZACIN: Como en Microsoft Office 2013, ahora Windows 8 permite que la configuracin y preferencias de usuario se mejoran con el uso de la cuenta Microsoft; lo que permite transportar la configuracin en cualquier computadora. HISTORIAL DE ARCHIVOS: Esta funcin hace regularmente copias de seguridad de las libreras hacia una memoria USB o un disco duro externo; esta caracterstica no reemplaza imagen de sistema. Adems puede restaurar copias de seguridad de Windows 7, en la seccin recuperacin de archivos Windows 7. CONFIGURACIN 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. Adems de fecha y hora, slo seis apps como mximo pueden mostrar sus notificaciones aqu. WINDOWS 8 BRINDA NUEVAS HERRAMIENTAS El administrador de tareas ha sido rediseado, mostrando ahora informacin relevante sobre el CPU, consumo de memoria por parte de las aplicaciones y actividad del disco duro. Con el fin de simplificar Windows, esta edicin carece de un administrador de perfiles de redes inalmbricas. Los usuarios avanzados que necesiten de esta caracterstica debern hacer uso de la utilidad de lnea de comandos netsh wlan. Los Controles Parentales fueron remplazados por Microsoft Family Safety. Windows CardSpace fue eliminado en virtud de U-Prove.
Pgina 41 de 91

Windows Defender tuvo la mayor cantidad de cambios: adems de desactivarse automticamente al instalarse otro antispyware, ahora es parte del Centro de Actividades. CHKDSK, que en Windows XP adopt el diseo 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 instalacin 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 caracterstica 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 mnimos recomendados para Windows 8 Arquitectura Procesador Memoria RAM Tarjeta grfica Disco duro Pantalla 32 bits 1 GB de RAM 64 bits 2 GB de RAM 1 GHz o ms rpido, compatible con PAE, NX y SSE2 Dispositivo de grficos DirectX 9 con soporte de controladores WDDM 1.0 16 GB de espacio libre 20 GB de espacio libre LCD, LED o Multitouch (opcional) para aprovechar la entrada tctil. REQUISITOS ADICIONALES CARACTERSTICAS PARA USAR ALGUNAS
Para el uso tctil, requiere una tableta o un monitor que sea compatible con la funcin multitouch. Para acceder a la Tienda Windows y descargar y ejecutar aplicaciones, requiere una conexin a Internet activa y una resolucin de pantalla de al menos 1024 x 768. Para acoplar aplicaciones, requiere una resolucin 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 certificacin de Microsoft Windows en la base de datos de firmas UEFI. Para algunas caractersticas es necesaria una cuenta Microsoft.
Pgina 42 de 91

Para ver DVD se requiere un software de reproduccin independiente. BitLocker requiere el Mdulo 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 traduccin 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 televisin en directo en Windows Media Center (solo para Windows 8 Pro Pack y Windows 8 Media Center Pack).
6.
APLICACIN
Pgina 43 de 91
6.1. Introduccin
La presente aplicacin Web Desarrollo y Produccin del Cacao en Irazola ha sido desarrollado con la finalidad de: 6.1.1 MOSTRAR INFORMACIN AGRCOLA: CACAO ACERCA DEL PRODUCTO
Nos muestra informacin importante que nos da a conocer la ubicacin geogrfica sobre las primeras poblaciones que cultivaban y consuman productos derivados del cacao. Nos muestra informacin sobre el estado del Per, produccin y exportacin del cacao y sus derivados a nivel mundial. As mismo nos muestra informacin sobre el estado del distrito de Irazola como productor de cacao y sus derivados a nivel del Per. Nos muestra informacin acerca del impacto econmico generado gracias al cultivo del cacao, que poco a poco ha ido desplazando las grandes hectreas de cultivo de la hoja de coca. Nos muestra la informacin acerca del cacao, producto base para el desarrollo econmico y social de la ciudad de San Alejandro. El cacao es un producto agrcola muy querido, cultivado y de uso necesario como materia prima del chocolate. Cada ao en Irazola, aumentan parcelas o terrenos que son idneos para el cultivo de este producto agrcola. Durante estos ltimos aos, han abiertos varios negocios dedicado a la compra del cacao en bruto, en baba, seco o cacao orgnico, esta situacin ha generado que otros negocios se dediquen a la venta de herramientas, plaguicidas, insecticidas y dems productos dedicados al cuidado y cultivo del cacao.
Pgina 44 de 91
Pgina 45 de 91
6.2. Interfaz y cdigo fuente

Proyecto: Desarrollo y Produccin del cacao en el distrito de Irazola, pgina web base
Pgina 46 de 91

Cdigo HTML de la pgina base del Proyecto: Desarrollo y Produccin 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 fondo 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> </head> // Agregando los botones para mostrar el menu
Pgina 47 de 91

<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/butto n (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 imgenes <div id="cuerpo2"> <div id="contizq"><a href="https://www.facebook.com/" target="_blank"><img src="imagenes/facebook.png" name="face"
Pgina 48 de 91

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&cbcxt=mai&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 pgina <div id="pie">Pgina Web desarrollada por los alumnos del<br /> Instituto de Educacin Superior T. P. Padre Abad San Alejandro</div> </div> </body> </html>
Pgina 49 de 91

Proyecto: Desarrollo y Produccin del cacao en el distrito de Irazola, nuestra plantilla base
Pgina 50 de 91

Cdigo HTML de la plantilla de la pgina web base del Proyecto: Desarrollo y Produccin 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"> 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>   </head>
Pgina 51 de 91

<body onload="MM_preloadImages('../imagenes/button.png','../imagenes/butt on (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/bu tton (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&cbcxt=mai&snsc=1" target="_blank"><img src="../imagenes/msn.png" name="msn"
Pgina 52 de 91

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"></div> </div> <div id="pie">Pgina Web desarrollada por los alumnos del<br /> Instituto de Educacin 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;}
Pgina 53 de 91

#principal #pie { height: 50px; width: 900px; 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;
Pgina 54 de 91

color: #06F; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #0CF;} #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 {
Pgina 55 de 91

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

Proyecto: Desarrollo y Produccin del cacao en el distrito de Irazola, Pagina ndex
Pgina 57 de 91

Cdigo HTML de la pgina web ndex del Proyecto: Desarrollo y Produccin del Cacao en el distrito de Irazola <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <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>  <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];
Pgina 58 de 91

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> <body onload="MM_preloadImages('imagenes/button.png','imagenes/button %20(3).png','imagenes/button%20(7).png','imagenes/button%20(8).pn g','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/butt on%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%2 0(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"
Pgina 59 de 91

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&cbcxt=mai&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"> <h1 align="left"> DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA</h1> <h2>INTRODUCCION:</h2> <p>El cacao es una planta originaria de los trpicos hmedos de Amrica. Su centro de origen est situado en el noroeste de Amrica del Sur, en la zona amaznica. Pertenece a la familia de las Esterculiaceas y su nombre botnico es Theobroma cacao L. </p> <p>Como se observa en el Grfico 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 cinturn relativamente estrecho, alrededor de 15N y 15S 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, Amrica Central y Sud Amrica y Asia. Segn la produccin anual los ocho pases principales productores cacao en el mundo, en orden descendente, son: Costa de Marfil, Ghana, Indonesia, Nigeria, Brasil, Camern, Ecuador y Malasia; que concentran el 90% de la produccin mundial A principios de los aos setenta la produccin de cacao se concentraba en Ghana, Nigeria, Costa
Pgina 60 de 91

de Marfil y Brasil. Sin embargo, en la actualidad la produccin se ha extendido a otras reas, como la regin del Pacfico. </p> <p>En el Per, actualmente se ha despertado un alto inters por el cultivo del cacao debido al alza de precio y a la demanda aun insatisfecha, del mercado internacional y nacional. Los productores dedicados a dicho cultivo en su mayora son pequeos agricultores con huertos menores a dos (2) hectreas, cuyos lugares de produccin estn ubicados en la Amazona del pas.</p> <p>El desarrollo de la cadena productiva del cacao, desde el cultivo hasta la comercializacin, viene siendo apoyada a travs de diversas instituciones privadas (sin fines de lucro) y pblicas, que canalizan la Coop eracin Tcnica 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 produccin: que diversas zonas del Per tenan condiciones para producir cacao de excelente calidad; que esos atributos de calidad despertaban un gran inters 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 aplicacin de la tecnologa moderna permita avizorar progresos sustanciales en la productividad-rentabilidad del cultivo. Este escenario favorable se ha robustecido en los ltimos aos 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 produccin 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 PRODUCCIN DEL CACAO EN IRAZOLA</strong> ha sido elaborado de forma cuidadosa, abnegada y laboriosa. Con la finalidad de contribuir a mejorar el proceso de informacin y produccin 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 "<strong>CAPITAL REGIONAL DEL CACAO</strong>".</p> <p>Nuestra intencin es que la informacin presente en esta pgina web ayude a mejorar el nivel tecnolgico de los productores,
Pgina 61 de 91

sirva como referencia a los profesionales y a los alumnos de los colegios y centros de educacin superior de la zona. </p> </div> </div> <div id="pie">Pgina Web desarrollada por los alumnos del<br /> Instituto de Educacin Superior T. P. Padre Abad San Alejandro</div> </div> </body> </html> Proyecto: Desarrollo y Produccin del cacao en el distrito de Irazola, Pgina web de Historia
Pgina 62 de 91
Pgina 63 de 91

Cdigo de la pgina web de Historia del Proyecto: Desarrollo y Produccin 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.Historia</title>  <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)
Pgina 64 de 91

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> <body onload="MM_preloadImages('imagenes/button.png','imagenes/button %20(3).png','imagenes/button%20(7).png','imagenes/button%20(8).pn g','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/butt on%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%2 0(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>
Pgina 65 de 91

</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&cbcxt=mai&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"> <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="Regin Ucayali">Regin 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, Regin Ucayali. En el 1968, la poblacin de San Alejandro se rene en Asamblea General, para conformar el Comit de Creacin de Distrito de Irazola. </p>
Pgina 66 de 91

<p>A 26 aos de creacin poltica, 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 asentamiento urbano y rural acelerado. Pobladores de zonas vecinas y de la sierra, han ido asentndose incursionando en las actividades extractivas de madera y produccin 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 poblacin 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>"CAPITAL REGIONAL DEL CACAO", </strong>por la calidad del cacao que producen estas benditas tierras, y porque mas pobladores siembran hectareas de cacao.</p> </div> </div> <div id="pie">Pgina Web desarrollada por los alumnos del<br /> Instituto de Educacin Superior T. P. Padre Abad San Alejandro</div> </div> </body> </html>
Pgina 67 de 91

Proyecto: Desarrollo y Produccin del cacao en el distrito de Irazola, Pgina Web Comercializacion.
Pgina 68 de 91

Cdigo de la pgina web Comercializacin del Proyecto: Desarrollo y Produccin 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 3900,000 TM/ao de cacao, siendo Costa de Marfil y Ghana sus principales exponentes con el 58% del total; en tanto en Amrica 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 ao 1992, en esa oportunidad se instalaron 15 Has por la Naciones Unidas con la organizacin Frente de Defensa de San Alejandro hoy COCEPASA, posteriormente a travs 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 campaa 2007 la produccin total en el distrito de Irazola super las 300 TM de cacao entre grano convencional y especiales permitiendo un ingreso econmico en el distrito de S/. 1’800,000.003. </p> <p> Es uno de los principales cultivos en la zona y por ende de ingreso para los agricultores. Adems Irazola, a nivel de la regin Ucayali lidera la produccin 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 orgnica en gran medida. Sus principales cultivadores son gente migrante provenientes de regiones adyacentes a la regin 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 prximos a los ros 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 tradicin en la zona. El rendimiento promedio es de 300 Kg/ha4 la cual es baja y se debe principalmente a su mal manejo. La comercializacin del producto se realiza en muchos casos directamente a Cooperativas, como “Naranjillo Ltda.” ubicado en la ciudad de Tingo Mara, Cooperativa “La Divisoria Ltda.” y los pequeos intermediarios que interactan 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 situacin en alguna medida afecta en el precio al productor.<img src="imagenes/cuadro.png" name="grafico3" width="385" height="288" id="grafico3" /></p>
Pgina 69 de 91

<p>El cultivo de cacao requiere la participacin de bastante mano de obra, los cuales varan 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 bsicamente incentivados por el precio y la intervencin de instituciones interesadas en promoverla tales como el gobierno local, el gobierno regional y la cooperacin internacional a travs del PDA; no obstante, los agricultores mencionan que el acceso al crdito son pocas a nivel individual. Existen organizaciones de cacaoteros en el distrito de Irazola, los mismos que se conforman en Cooperativas, como “Naranjillo Ltda.- Coopan” con 70 socios, “La Divisoria”, agrupa a 10 Comits y tiene 160 socios, COCEPASA 40 socios y ACATPA que no se precisa. </p> </div> </div> <div id="pie">Pgina Web desarrollada por los alumnos del<br /> Instituto de Educacin Superior T. P. Padre Abad San Alejandro</div> </div> </body> </html>
Pgina 70 de 91

Proyecto: Desarrollo y Produccin del cacao en el distrito de Irazola, Pgina web Estrategias
Pgina 71 de 91

Cdigo de la pgina web Estrategias del Proyecto: Desarrollo y Produccin 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/fe ature-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, segn el Ministerio de Agricultura, slo US$2 millones menos que en 2011, debido principalmente a la cada en el precio internacional del cacao.</p> <p>“Un 70% de nuestro cacao peruano es exportado a otros pases. Y tenemos un crecimiento sostenido de la produccin de 20% anual”, dijo Rolando Herrera, presidente de la Asociacin 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" />produccin de cacao, especialmente en la selva peruana, al centro y oriente del pas, de donde provienen muchos cacaos que slo crecen en el pas andino.</p>
Pgina 72 de 91

<p>La Produccion del Cacao en el distrito de Irazola es baja ya que est relacionada a una limitada asistencia tcnica que se brindan a los productores ya que al momento el 24% de agricultores reciben capacitacin del PDA y el 45% de otras entidades (gobierno, cooperativas, municipalidades etc.) y alrededor del 30% no es beneficiaria de ninguna asesora; tambin se presentan dificultades en la obtencin de un material gentico mejorado que es un proceso largo, a la instalacin en zonas poco adecuadas como en colinas medias, bajas, donde la capacidad orgnica de los suelos son pocas y las escasas prcticas de abonamiento y sobre todo de manera orgnica 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 Tcnica continua y talleres de capacitacin a los productores organizados y no organizados con apoyo de aliados estratgicos, caso PDA, INIA y Gobierno Regional para mejorar estndares de calidad y rendimiento. </p> <p>Creacin de la Cmara de Negocios del cacao para la articulacin de iniciativas de: promotores, productores y compradores. </p> <p>Fortalecimiento a organizaciones de productores con un enfoque empresarial desde su formalizacin, el manejo de planes de negocio y capacidades de liderazgo a nivel interno. Impulsar la instalacin de nuevas reas de cultivo mediante proyectos de inversin pblica y privada. </p> <p>Gestin ante la cooperacin internacional y gobierno nacional para la instalacin e implementacin de una Planta Procesadora para la obtencin de derivados y la comercializacin del producto con valor agregado. </p></html>
Pgina 73 de 91

Proyecto: Desarrollo y Produccin del cacao en el distrito de Irazola, Pgina web Herramientas
Pgina 74 de 91

Cdigo de la pgina web Herramientas del Proyecto: Desarrollo y Produccin 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" />  <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 /> Una buena herramienta y en buen estado es fundamental para realizar bien la poda.<br /> Existen diversas herramientas para podar, las ms 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 ms fciles de afilar, las segundas cortan mejor. No se deben cortar con ellas ramas de ms de 1 cm.</p> <p><strong>HACHA: </strong>Las de podar son de pequeo tamao, 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 tambin cierta experiencia para usarlos adecuadamente, por ello tambin estn 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 mecnicas (motosierras). </p> <h3><strong>LAS SIERRAS MANUALES PUEDEN SER DE DOS TIPOS: </strong></h3> <p><strong>SERRUCHOS:</strong> con dientes especiales afilados slo en un sentido, de forma que slo cortan en el movimiento de retroceso. Son muy cmodos y cortan estupendamente, siendo raro que se atasquen. Tienen el inconveniente de que no se pueden afilar.</p>
Pgina 75 de 91

<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 ms 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 especficas para podar son de pequeo tamao, para manejarlas con una sola mano.</p> <p><strong>TIJERAS DE PODAR:</strong> </p> <p>Hay muchos tamaos, tipos y modelos: </p> <p><strong>SEGN EL TAMAO SE PUEDEN DIVIDIR EN: </strong></p> <p><strong>DE (UNA) MANO: </strong>slo se necesita una mano para usarlas, sirven para cortar ramas finas (hasta 2,5 cm de dimetro). Existen adems tallas adecuadas al tamao 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>SEGN 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> Tambin tienen una sola cuchilla,pero sta corta cruzndose sobre la parte fija (contracuchilla).</p> <p>Adems de estas tijeras manuales existen otras de mecanismo neumtico 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 viedos, por el ahorro de esfuerzo que suponen para el podador. Por su precio, slo tienen inters para profesionales o cuando hay mucho que podar.</p><!-InstanceEndEditable --></div> </div> <div id="pie">Pgina Web desarrollada por los alumnos del<br /> Instituto de Educacin Superior T. P. Padre Abad San Alejandro</div> </div> </body> </html>
Pgina 76 de 91
Proyecto: Desarrollo y Produccin del cacao en el distrito de Irazola, Pgina web Contactos
Pgina 77 de 91
Cdigo de la pgina Web Contactos del Proyecto: Desarrollo y Produccin 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.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>
Pgina 78 de 91

<link href="http://spanish.jotform.com/static/formCss.css?3.1.764" rel="stylesheet" type="text/css" /> <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-gradinglabel, .form-header{ color:#FAFAFC; } </style> <link type="text/css" rel="stylesheet" href="http://spanish.jotform.com/css/styles/buttons/form-submit-buttonsimple_green_apple.css?3.1.764"/> <form class="jotform-form" action="http://spanish.jotform.com/submit.php" method="post" name="form_33137554499666" id="33137554499666" acceptcharset="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">
Pgina 79 de 91

FORMULARIO DE CONTACTOS </h2> </div> </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="inputtextbox" 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="inputtextbox" 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 Electrnico </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">
Pgina 80 de 91

<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) 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>
Pgina 81 de 91

<div id="apDiv2"><img src="imagenes/contacto.png" width="238" height="354" /></div> </div> </div> <div id="pie">Pgina Web desarrollada por los alumnos del<br /> Instituto de Educacin Superior T. P. Padre Abad San Alejandro</div> </div> </body> </html>
7.
BIBLIOGRAFAS
Pgina 82 de 91
7.1.
Libros Digitales www.aulaclic.es/dreamweaver-cs6/index.htm, informacin 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 pginas web, informacin detallada acerca de HTML.
7.2.
Apuntes Observacin. Tcnica de recoleccin de datos basado en el contacto visual con los elementos. Terminologa utilizada en el estudio metdico de casos, es la base de todo experimento, suceso o evento; se dice que esta tcnica es la base de la investigacin cientfica. Directorio de pginas web para las consultas de sintaxis as como foros especializados en la implementacin de soluciones utilizando la tecnologa HTML y las herramientas proporcionadas por todos los programadores y los desarrolladores de este producto.
7.3.
Pginas web http://www.leccionweb.org/leccion1.html http://www.aulaclic.es http://www.buenastareas.com/ensayos/Que-EsDreamweaver/1947175.html http://www.adobe.com/la/products/creativesuite.html http://www.desarrolloweb.com/articulos/26.php http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada http://desktoppub.about.com/od/findsoftware1/tp/Big-List-OfDesktop-Publishing-Software.htm http://es.wikinews.org/wiki/Adobe_compra_a_Macromedia
Pgina 83 de 91

http://es.wikipedia.org/wiki/Adobe_Systems_Incorporated#Produ ctos_y_tecnolog.C3.ADas http://php.net/manual/es/intro-whatis.php http://es.wikipedia.org/wiki/PHP http://es.wikipedia.org/wiki/HTML http://es.wikipedia.org/wiki/Editor_de_p%C3%A1ginas_web http://es.wikipedia.org/wiki/Windows_7#Modo_XP http://yuriaurbina.forosphpbb.org/t13-historia-y-definicion-delwindows-7 http://es.wikipedia.org/wiki/Windows_8 http://sistemasyinternet.blogspot.com/2011/06/que-es-w3c.html http://www.jotform.com//?formID=33137554499666 http://www.flashvortex.com/download.php?generatorId=365
B. PLIEGO DE CONDICIONES
Pgina 84 de 91
1. Pliego de condiciones especficas y constructivas Las condiciones no dependen bsicamente de la aplicacin en si, sino en que plataforma ha sido desarrollada, el software usado y lo ms importante sobre qu sistema operativo funciona esta pgina web, razn por la cual presentamos los datos con respecto al equipo de cmputo donde se realiz el diseo y codificacin de la pgina web. Sistema operativo Tamao de HDD Aplicaciones Navegadores : : : : Windows 8 Ultimate x86 160 GB Adobe Dreamweaver CS6, Filezilla Google Chrome 30, Mozilla Firefox 25, Internet explorer 10, etc. Intel Pentium Dual Core CPU E2160 1.80 ghz 4 GB DDR-III
Procesador
Memoria instalada (RAM) 2. Formas de ejecucin
Nuestra pgina web no cuenta con un instalador, sin embargo se puede ejecutar en cualquier equipo de cmputo que cuente con un navegador web (Internet Explorer, Mozilla Firefox, Google Chrome y otros). No es obligatorio la instalacin de Adobe Dreamweaver CS6 para ejecutar la pgina web, socv lo si desea editar el cdigo html, o modificar los estilos en cascada (CSS) de la pgina web ah si es necesario usar Adobe Dreamweaver CS6.
Pgina 85 de 91

3. Plazos y orden de ejecucin Las pginas web no tienen una secuencia, por consiguiente el proyecto no contempla esta secuencia prioritaria, es menester de los usuarios utilizar segn su conveniencia. 3.1. Organizacin necesaria para el manejo de la Pgina Web Cualquier persona, alumno o docente puede visitar nuestra pgina web, tan solo con escribir nuestra direccin URL podr ingresar en nuestro dominio o Sitio Web. En nuestra pgina web encontrar informacin relevante y necesaria para el cultivo y produccin del cacao. La informacin presente en la pgina web ser diariamente actualizado, con temas de inters local y regional. Si se desea modificar alguna informacin se debe preparar a un usuario para que administre o actualize la informacin de nuestro Web Site. Es necesario que el administrador o la persona encargada tenga conectado el equipo de cmputo a internet para poder trabajar la relacin 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 cmputo MSI G41M-P26 Internet. Laptop Toshiba Satellite c605 Pendrives de 16 Gb.
5. Realizacin de las pruebas El presente proyecto creacin y diseo de pginas 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 diseado. Debemos de ser claros en decir que no ha sido diseado con la herramienta propia de Dreamweaver cs6, diseo de cuadricula fluida que no hubiese permitido ejecutar nuestra pagina en los distintos dispositivos como tablets, o telfonos mviles.
Pgina 86 de 91
C. PRESUPUESTO
Pgina 87 de 91
1. Presupuesto del Hardware

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

DESCRIPCION Estudio de factibilidad Anlisis Diseo Codificacin Costo total HORAS 100 30 50 100 COSTO S/. 3.00 S/. 3.00 S/. 5.00 S/. 5.00 TOTAL S/. 300.00 S/. 90.00 S/. 250.00 S/. 500.00 S/. 1140.00
3. Totalizaciones
Presupuesto del hardware Presupuesto del software Costo total del desarrollo de la Pagina Web. S/. 512.00 S/. 1140.00 S/. 1652.00
Pgina 88 de 91
D. CONCLUSIN
Pgina 89 de 91
1. Conclusin del Proyecto

Nuestro objetivo principal es que el proyecto de CREACIN Y DISEO DE PGINAS WEB cuyo contenido nos orienta al, DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA pueda ser ledo y usado como material de informacin para los alumnos del Instituto de Educacin Superior Tecnolgico Pblico Padre Abad de la ciudad de Aguayta 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 creacin de Pginas Web y dems 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 econmica de la ciudad de san Alejandro, que puede ser vista por el mundo entero gracias a la tecnologa de internet. VENTAJAS: La Pgina Web muestra lo siguiente: Ubicacin geogrfica de la ciudad de San Alejandro Fotografas de la ciudad de San Alejandro Enlaces a las paginas sociales ms usadas en la actualidad Informacin relevante de la economa de san Alejandro.
Pgina 90 de 91

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

Proyecto Desarrollo Produccion Del Cacao

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Proyecto Desarrollo Produccion Del Cacao

Загружено:

Авторское право:

Доступные форматы

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

AO DE LA INVERSIN PARA EL DESARROLLO RURAL Y LA SEGURIDAD ALIMENTARIA

CREACION Y DISEO DE PAGINAS WEB

EN LA CARRERA TCNICA DE COMPUTACIN E INFORMATICA AGUAYTIA PERU 2013

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

. NEFTALI LUCERO SARMIENTO DNI N 43237918 DOCENTE - TECNICO

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

NOCIONES BSICAS LENGUAJE PROGRAMACION UTILIZADO

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

2.3. Vocabulario Tcnico

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

2.5. Familia de Adobe Creative Suite

2.6. Familia de Adobe Creative Cloud CC

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

3.1. Adobe Creative Suite CS6 Master Collection

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Adobe Dreamweaver CS6

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Caractersticas de Adobe Dreamweaver CS6

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

3.2. Compilador del lenguaje seleccionado

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

3.3. Libreras del seleccionado

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

INTERCONEXION APLICACION PERIFERICO

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

ADOBE DREAMWEAVER CS6

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

5. ARQUITECTURA DEL SISTEMA OPERATIVO SELECCIONADO

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA

6.2. Interfaz y cdigo fuente

Creacin y Diseo de Pginas Web: DESARROLLO Y PRODUCCION DEL CACAO EN IRAZOLA