Uploaded on

 

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,277
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
45
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. S.E.P D.G.E.S.T S.N.E.S.T INSTITUTO TECNOLÓGICOde Tuxtepec INGENIERÍA EN SISTEMAS COMPUTACIONALES “DESARROLLO E IMPLEMENTACIÓN DE UN SITIO WEB PARA EL CENTRO DE BACHILLERATO TECNOLÓGICO AGROPECUARIO (CBTa) N 16 DE SAN BARTOLO TUXTEPEC, OAXACA” PROYECTO DE INVESTIGACIÓN PRESENTA: HERNÁNDEZ CASTROARACELI MORENO ORTÍZMÓNICA PÉREZ IBÁÑEZZULEIMA TENORIO MARTÍNEZARLETHE ASESOR: L.I. MARÍA DE LOS ÁNGELES MARTÍNEZ MORALES Tuxtepec, Oax. ISC – 2013 / 11 Octubre 2013
  • 2. TITULO DESARROLLO E IMPLEMENTACIÓN DE UN SITIO WEB PARA EL CENTRO DE BACHILLERATO TECNOLÓGICO AGROPECUARIO (CBTa) N°16 DE SAN BARTOLO TUXTEPEC, OAXACA. i
  • 3. RESUMEN El Centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 ubicado en la población de San Bartolo Tuxtepec, Oaxaca, fue fundado el 1° de Octubre de 1973 siendo Secretario de Educación el Dr. Víctor Bravo Ahuja. Es reconocida a nivel regional preparando a sus estudiantes como Técnicos Agropecuarios, conocedores del cultivo de plantas frutales así como de la cría de ganado. El presente proyecto de Investigación se basa en el Desarrollo e Implementación de un Sitio Web para la institución antes mencionada, busca encontrar una respuesta a la formulación del problema planteado ¿Cuál será el impacto de la implementación de un sitio web para el Centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 de San Bartolo Tuxtepec, Oaxaca? Tiene como objetivo general desarrollar e implementar un Sitio Web, con la finalidad de difundir las actividades que en ella se realizan y fortalecer la comunicación entre la comunidad educativa.Su desarrollo se basa en la Metodología para Creación de Sitios Web creada por la ingeniero DelyMaybel Gil Álvarez, que comprende las siguientes fases: Análisis, Planificación, Contenido, Diseño, Programación, testeo, Mercadeo y publicidad. En el marco teórico se analizan y se exponen las teorías, las investigaciones y los antecedentes que se consideran relevantes para el estudio, los puntos de investigación son: Internet, Web 2.0, Sitio Web, Dreamweaver. Cada tema expuesto de manera detallada, pero limitando la información con el tema de estudio. Se aplicó una encuesta para identificar el problema, se analizaron los resultados y se llegó a la conclusión de implementar un sitio web, posteriormente se aplicó una segunda encuesta, para tomar en cuenta los intereses de la comunidad estudiantil. ii
  • 4. Gracias a la aplicación de la Metodología fue posible desarrollar e implementar un buen Sistema alcanzando los objetivos que se esperaban, logrando ser factible la hipótesis planteada. iii
  • 5. CONTENIDO TITULO .................................................................................................................... i RESUMEN .............................................................................................................. ii CONTENIDO .......................................................................................................... iv TABLAS ................................................................................................................. v FIGURAS ............................................................................................................... vi INTRODUCCIÓN .................................................................................................... 7 IDENTIFICACION DEL PROBLEMA ................................................................... 9 PLANTEAMIENTO DEL PROBLEMA ............................................................... 10 FORMULACIÓN DEL PROBLEMA ................................................................... 10 OBJETIVOS ....................................................................................................... 11 GENERAL ....................................................................................................... 11 ESPECÍFICOS ................................................................................................ 11 JUSTIFICACIÓN ................................................................................................ 12 IMPACTO SOCIAL .......................................................................................... 12 IMPACTO TECNOLÓGICO............................................................................. 13 IMPACTO ECONÓMICO................................................................................. 13 IMPACTO AMBIENTAL ................................................................................... 13 ESTUDIO DE VIABILIDAD ................................................................................ 14 FACTIBILIDAD TECNICA ............................................................................... 14 FACTIBILIDAD ECONÓMICA ......................................................................... 15 FACTIBILIDAD OPERATIVA........................................................................... 15 ESTABLECIMIENTO DE LA HIPÓTESIS ............................................................ 16 DE TRABAJO .................................................................................................... 16 NULA ................................................................................................................. 16 iv
  • 6. VARIABLES ....................................................................................................... 16 DEFINICIÓN CONCEPTUAL DE VARIABLES ................................................. 16 DEFINICIÓN OPERATIVA DE LAS VARIABLES ............................................. 17 ANÁLISIS DE FUNDAMENTO ............................................................................. 19 1 INTERNET ......................................................................................................... 19 1.1 HISTORIA DE INTERNET ........................................................................... 19 1.1.1 DEFINICIÓN DE INTERNET .................................................................. 21 1.2 HISTORIA DE LA WORLD WIDE WEB ...................................................... 21 1.2.1 DEFINICIÓN DE LA WORLD WIDE WEB .............................................. 22 1.3 CONCEPTOS BÁSICOS ............................................................................. 23 1.3.1 BROWSERS .......................................................................................... 23 1.3.2 PROTOCOLO HTTP .............................................................................. 23 1.3.3 ENRUTAMIENTOS ................................................................................ 25 1.3.4 HOSTING ............................................................................................... 25 1.3.5 DOMINIO................................................................................................ 25 1.4 NAVEGADORES ......................................................................................... 26 1.4.1 INTERNET EXPLORER ......................................................................... 27 1.4.2 MOZILLA FIREFOX................................................................................ 28 1.4.3 GOOGLE CHROME ............................................................................... 28 1.4.4 SAFARI .................................................................................................. 28 2 WEB 2.0 ............................................................................................................. 30 2.1 CARACTERÍSTICAS ................................................................................... 31 2.1.1 PILARES ................................................................................................ 31 3 METODOLOGÍA PARA LA CREACION DE SITIOS WEB ............................... 32 3.1 DEFINICIÓN ................................................................................................. 32 3.1.1 FASE DE ANÁLISIS ............................................................................... 33 3.1.2 FASE DE PLANIFICACIÓN. ................................................................... 35 3.1.3 FASE DE CONTENIDO. ......................................................................... 39 v
  • 7. 3.1.4 FASE DE DISEÑO. ................................................................................ 39 3.1.5 FASE DE PROGRAMACIÓN. ................................................................ 40 3.1.6 FASE DE TESTEO. ................................................................................ 40 3.1.7 FASE DE MERCADEO Y PUBLICIDAD. ................................................ 41 4 SITIO WEB......................................................................................................... 41 4.1 ¿QUÉ ES UN SITIO WEB?.......................................................................... 41 4.1.1 PÁGINA WEB ......................................................................................... 42 4.2 ESTRUCTURA DE UN SITIO WEB ............................................................. 42 5 DREAMWEAVER 8 ........................................................................................... 44 5.1 ¿QUE ES DREAMWEABER 8? .................................................................. 44 5.1.1 NOVEDADES DE DREAMWEAVER 8 ................................................... 45 5.1.2 INSTALACIÓN DE DREAMWEAVER 8 ................................................. 45 5.2 AREA DE TRABAJO DE DREAMWEAVER 8 ............................................ 46 5.2.1 DISEÑO DEL ESPACIO DE TRABAJO ................................................. 46 5.2.2 VENTANA DE DOCUMENTO ................................................................ 48 5.2.3 BARRA DE HERRAMIENTAS DE DOCUMENTO ................................. 49 4.2.4 BARRA DE ESTADO ............................................................................. 49 PROCEDIMIENTO O MÉTODO............................................................................ 50 ENFOQUE DE LA INVESTIGACIÓN ................................................................. 50 ALCANCE DE LA INVESTIGACIÓN ................................................................. 50 TIPO DE INVESTIGACIÓN ................................................................................ 51 DISEÑO DE LA INVESTIGACIÓN ..................................................................... 51 UNIVERSO......................................................................................................... 51 MUESTRA O UNIDAD DE ANÁLISIS ............................................................... 51 ELABORACIÓN, SELECCIÓN Y DESARROLLO DE INSTRUMENTOS ......... 52 TÉCNICAS ...................................................................................................... 52 INSTRUMENTOS ............................................................................................ 52 vi
  • 8. METODOLOGÍA DE DESARROLLO DEL SISTEMA ....................................... 53 ANÁLISIS DE RESULTADOS .............................................................................. 54 CONCLUSIONES ................................................................................................. 59 FUENTES CONSULTADAS ................................................................................. 60 ANEXOS ............................................................................................................... 62 vii
  • 9. TABLAS Tabla 1: Herramientas ......................................................................................... 14 Tabla 2: Costos de Software .............................................................................. 15 Tabla 3: Mano de obra ........................................................................................ 15 Tabla 4. Identificación de Variables. .................................................................. 16 Tabla 5: Variables operativas ............................................................................. 17 v
  • 10. FIGURAS Figura 1.1.1 Red mundial de computadoras interconectadas entre sí con la finalidad de comunicarse e intercambiar información. _________________ 21 Figura 1.4.1 Descarga gratis de Internet Explorer 8 ____________________ 28 Figura 1.4.2 Descarga gratuita de Mozilla Firefox ______________________ 28 Figura 1.4.3 Descarga gratuita de Google Chrome _____________________ 28 Figura 1.4.4.1 Web Inspector es una de las herramientas _______________ 29 más valoradas por los usuarios del navegador safari __________________ 29 Figura 1.4.4.2 Web Inspector forma parte del proyecto Webkit. __________ 30 Figura 2.1.1.1 Redes sociales para Publicidad ________________________ 31 Figura 2.1.1.2 Redes sociales para mezclar ___________________________ 32 Figura 2.1.1.3 Tecnologías para compartir información _________________ 32 Figura 2.1.1.4 Tecnologías para relacionarse _________________________ 32 Figura 2.1.1.5 Tecnologías de Cooperación___________________________ 32 Figura 4.2.1 Estructura de árbol ____________________________________ 43 Figura 4.2.2 Estructura lineal ______________________________________ 44 Figura 4.2.3 Estructura Mixta ______________________________________ 44 Figura 5.2.1.1 Diseño del espacio de trabajo de Dreamweaver en Windows 47 Figura 5.2.1.2 Diseño del espacio de trabajo de Dreamweaver en Macintosh48 Figura 5.2.3 Barra de herramientas de documento _____________________ 49 Figura 5.2.4 Barra de estado _______________________________________ 49 vi
  • 11. vii
  • 12. INTRODUCCIÓN Hoy en día los Sitios web se han convertido en una de las opciones de mayor consulta y divulgación para la sociedad actual, como también uno de los medios de comunicación rápidos y entretenidos. Realizando un estudio sobre el Centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 se logra identificar, que carece de un medio tecnológico institucionalizado que promocione sus avances e innovaciones en los procesos de formación agropecuaria y permita el uso de la comunicación a través de los medios tecnológicos modernos, ésta es la razón que impulsa al Desarrollo e implementación de un Sitio Web, donde se observe una descripción relacionada de los diferentes espacios que hacen parte de la Institución, además de atraer y mantener una constante comunicación con los integrantes del CBTa N°16, egresados y personas en particular que de una u otra forma harán aportes en beneficio de la institución. El proyecto está organizado en 5 capítulos que constituyen el marco de referencia del trabajo, incluye conocimientos fundamentales del tema hallados en la literatura. Capítulo 1 Internet. En este capítulo se aborda los antecedentes de Internet como de la WWW, los conceptos básicos y los navegadores. Capítulo 2 Web 2.0. Se mencionan las características y los pilares de la Web 2.0 constituyen una noción fundamental en Sitios web. La gran mayoría de las aplicaciones de web 2.0 involucra dicha noción. Capítulo 3 Metodología para Creación de Sitios Web. Es importante definir la metodología para el desarrollo de este proyecto, se explican de manera clara y concisa las fases que comprende. 7
  • 13. Capítulo 4 Sitio Web. Se aborda el concepto del tema y sus estructuras. Capítulo 5 Dreamweaver.En el presente capítulo se define el tema sus novedades, y el área de trabajo como también sus componentes. Se describen paso a paso la estructura del proyecto cumpliendo las expectativas de la investigación, para así lograr con el objetivo planteado y hacer verídico la hipótesis. 8
  • 14. IDENTIFICACION DEL PROBLEMA El centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 ubicado en la población de San Bartolo Tuxtepec, Oaxaca, fue fundado el 1° de octubre de 1973 siendo secretario de Educación el Dr. Víctor Bravo Ahuja. Esta institución cuenta con un total de 539 alumnos de los cuáles 43% son mujeres, 57% hombres; 61personas laborando, 50% son docentes, 30% administrativos y 20% de servicios generales. El terreno que ocupa es de aproximadamente 7 hectáreas. En infraestructura cuenta con 14 salones, 6 laboratorios (Cómputo, Química, Hortofrutícolas, Productos lácteos, Carnes y Ensilado), una Biblioteca y una Sala Audiovisual; Instalaciones Agropecuarias (Corrales y bebederos) e Instalaciones Deportivas (Campo de futbol, cancha de basquetbol y voleibol). Sus áreas administrativas son: Control Escolar, Recursos humanos, Dirección, Desarrollo humano, Sala de Maestros. Actualmente el CBTa N°16 cubre dos áreas:  Físico Matemático Agropecuario  Químico Biólogo Agropecuario A pesar de que el Centro de Bachillerato Tecnológico Agropecuario de San Bartolo Tuxtepec, es reconocida a nivel regional preparando a sus estudiantes como Técnicos Agropecuarios, conocedores del cultivo de plantas frutales así como de la cría de ganado, carece de un medio tecnológico institucionalizado que promocione sus avances e innovaciones en los procesos de formación agropecuaria y permita el uso de la comunicación a través de los medios tecnológicos modernos. 9
  • 15. PLANTEAMIENTO DEL PROBLEMA Actualmente el CBTa N°16 hace uso de las herramientas colaborativas que nos ofrece la web 2.0, principalmente las redes sociales y blog. El Bachillerato posee una cuenta de facebook y un blog.  CBTa N°16 San Bartolo Tuxtepec: Cuenta de facebook en donde se crea un vínculo entre alumnos, maestros, egresados, trabajadores e interesados, fomentando la unión entre generaciones y la aportación de ideas que mejoran las áreas de desarrollo del plantel. Además sirve como espacio de convivencia en donde se comparten aventuras, vivencias y experiencias profesionales.  CBTa N°16: Este blog muestra la historia de la institución, las áreas que maneja, el proceso de inscripción, etc. Cabe mencionar que los medios que utilizan manejan información aislada con administradores diferentes en donde cada quien publica la información que le compete, además de que dicha información no son actualizados. El CBTa N°16 carece de un instrumento o estrategia tecnológico que le permita mantener un canal de información oportuno con el resto de la comunidad educativa, por lo que se propone implementar un medio de mayor consulta y divulgación en el que se haga uso de las distintas herramientas de la web social que ayuden a conocer las opiniones y sugerencias de la sociedad actual. FORMULACIÓN DEL PROBLEMA ¿Cuál será el impacto de la implementación de un sitio web para el Centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 de San Bartolo Tuxtepec, Oaxaca? 10
  • 16. OBJETIVOS GENERAL Desarrollar e implementar un sitio web para el Centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 de San Bartolo Tuxtepec, con la finalidad de difundir las actividades que en ella se realizan y fortalecer la comunicación entre la comunidad educativa. ESPECÍFICOS  Identificar y analizar los requerimientos para el desarrollo del sitio web.  Definir los requerimientos técnicos para el sitio.  Presentar un contenido con información que cubra las necesidades e intereses de la comunidad estudiantil.  Diseñar detalladamente el Sitio Web para satisfacer las necesidades e inquietudes de los usuarios.  Seleccionar los lenguajes de programación en los que se desarrollara el sitio web.  Ejecutar pruebas exhaustivas para asegurar el funcionamiento del sitio web.  Publicitar el sitio web para su difusión, por medio de buscadores y otros. 11
  • 17. JUSTIFICACIÓN El centro de Bachillerato Tecnológico Agropecuario (CBTA) N°16 ofrece una sólida formación Técnico Agropecuario de calidad, es por ello que se hace indispensable la implementación de un sitio web como medio tecnológico moderno, incorporando herramientas de la web 2.0, ya que es ésta una actitud y no precisamente una tecnología. El sitio web para las pequeñas o medianas empresas permite cambiar su imagen en un aspecto profesional a la vez moderno y garantiza su expansión a nivel mundial. Implementar un sitio web para el CBTa N°16 posee grandes beneficios, tales como:  Permitirá a los alumnos, docentes y aspirantes al ingreso, mantenerse en actualizados de los cambios y acontecimientos de la institución, fortaleciendo la comunicación.  Proveer a la institución de una herramienta web que permita atraer y mantener una constante comunicación al interior de la institución, egresados y personas particulares que de una u otra forma harán aportes en beneficio del Bachillerato. IMPACTO SOCIAL Con la implementación de un sitio web se busca beneficiar directamente al CBTa N°16, ya que a través de él se crearán nuevos lazos de contacto y relación con otras instituciones y se hará presencia a nivel nacional e internacional. Permitirá a los alumnos tener un mayor conocimiento de los procesos, proyectos y acontecimientos que ocurren en su institución. 12
  • 18. Además servirá de apoyo a los estudiantes que deseen ingresar al Bachillerato, ya que en el sitio se podrá encontrar la información básica que se necesite, sin necesidad de acercarse a la institución a indagar por ello. IMPACTO TECNOLÓGICO El sitio web permite navegar con facilidad a través de internet por gran cantidad de información, la cual se convierte en una tecnología de amplio potencial educativo. Con este medio se pretende mantener informados a la comunidad educativa y publicitar sus servicios de manera gratuita las 24 hrs del día, publicando periódicamente las novedades en el Sitio Web, mejorando la perspectiva del CBTa N°16 dándole personalidad y profesionalismo demostrando el conocimiento y la aceptación de las nuevas tecnologías. IMPACTO ECONÓMICO Con este proyecto se busca proveer a la institución de una herramienta web que le permita mejorar los índices de comunicación con la comunidad educativa de manera rápida y económica. Los costos iniciales y operacionales de contar con un sitio web son muy bajos y más aún si se tiene en cuenta los beneficios que produce, se reducen los costos de publicidad, imprenta y comunicaciones, entre otros. IMPACTO AMBIENTAL La web es una herramienta que minimiza la barrera espacio y tiempo. 13
  • 19. ESTUDIO DE VIABILIDAD A continuación se presentan las actividades de la implementación del sitio web para el CBTa N°16 desde todas las perspectivas posibles para determinar si el proyecto es viable. FACTIBILIDAD TECNICA En este apartado analizaremos lo que se requiere para el desarrollo del sitio web para el CBTa N°16 en cuanto a hardware y software.  HARDWARE  Laptop Sonny VAIO AMD Processor SO Windows 7 Home Premium 2GB de RAM 500 GB de Disco Duro  Cámara Digital  SOFTWARE Tabla 1: Herramientas SOFTWARE TAREA Flash Player Elementos multimedia e interactivos MediaCoder Video y sonido Gimp 2.1 Dibujo Adobe Dreamweaver Programación web Explorer Navegadores de prueba Firefox Safari Chrome 14
  • 20.  TECNOLOGÍA  Hosting  Dominio FACTIBILIDAD ECONÓMICA Tabla 2: Costos de Software SOFTWARE IMPORTE Dreamweaver $363.27 Gimp 2.0 Libre MediaCoder $499.50 Hosting incluye Dominio $1200.00 Tabla 3: Mano de obra DESCRIPCIÓN IMPORTE Fotocopias $90.00 Transporte $500.00 Alimentos $500.00 Mano de obra $5000.00 FACTIBILIDAD OPERATIVA Para que se aproveche al máximo las utilidades que ofrece el sitio web, se contemplan las siguientes actividades:  Presentar un manual de usuario, dirigido a usuarios finales.  Informar a través de las redes sociales la dirección electrónica del sitio web. 15
  • 21. ESTABLECIMIENTO DE LA HIPÓTESIS DE TRABAJO El desarrollo e implementación de un sitio web incorporando aplicaciones de la web 2.0 para el centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 de San Bartolo Tuxtepec, permitirá la difusión de las actividades educativas y fortalecerá la comunicación entre la comunidad estudiantil y particulares. NULA El desarrollo e implementación de un sitio web incorporando aplicaciones de la web 2.0 para el Centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 de San Bartolo Tuxtepec, no permitirá la difusión de las actividades educativas ni fortalecerá la comunicación entre la comunidad estudiantil y particulares. VARIABLES Tabla 4. Identificación de Variables. VARIABLE INDEPENDIENTE VARIABLE DEPENDIENTE Desarrollo e implementación de un sitio La difusión de las actividades web incorporando aplicaciones de la educativas del CBTa N°16 fortalecerá la web 2.0 comunicación entre la comunidad estudiantil y particulares. DEFINICIÓN CONCEPTUAL DE VARIABLES Desarrollo: Es la condición de evolución que siempre tiene una connotación positiva, ya que implica un crecimiento o paso hacia etapas o estadios superiores. 16
  • 22. Implementación: En desarrollo de sistemas informáticos, es la etapa donde efectivamente se programa el sistema. Sitio Web (Website): Es un conjunto de páginas HTML relacionadas entre sí por hiperenlaces, gestionadas por una única entidad o persona, accesibles desde internet a partir de una dirección URL de su página índice (índex) y con una unidad de contenido y de estilo gráfico. Incluye textos, imágenes, archivos de audio, video y enlaces a otros sitios web. Web 2.0: Es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través de la web enfocado al usuario final. Se trata de aplicaciones que generen colaboración y de servicios que reemplacen las aplicaciones de escritorio. Difusión: Proceso de propagación o divulgación de conocimientos, noticias, actitudes, costumbres, modas, etc. Fortalecer: Animar, reparar o añadir nuevas fuerzas a algo. Comunicación: Fenómeno de carácter social que comprende todos los actos mediante los cuales los seres vivos se comunican con sus semejantes para transmitir o intercambiar información. Comunicar es poner en común e implica compartir. DEFINICIÓN OPERATIVA DE LAS VARIABLES Tabla 5: Variables operativas VARIABLE INDEPENDIENTE VARIABLE DEPENDIENTE Desarrollo e implementación de un Sitio Difusión de las actividades educativas Web incorporando aplicaciones de la del CBTa N°16. web 2.0 Fortalecerá la comunicación entre la 17
  • 23. comunidad estudiantil y particulares. Indicadores  Impacto Indicadores del desarrollo e  implementación del Sitio Web. Poseer conocimientos operativos para el manejo del Sitio Web  Beneficios de la implementación del Sitio Web. 18
  • 24. ANÁLISIS DE FUNDAMENTO 1 INTERNET 1.1 HISTORIA DE INTERNET Internet, nació como resultado de las investigaciones que la agencia del Departamento de Defensa de los Estados Unidos llamada ARPA (Agencia para proyectos de Investigación Avanzados, hoy en día DARPA) y un grupo de científicos de varias universidades estadounidenses. Este grupo se unió en la década de los 60 (1962 aprox.) con el objetivo de sacar mayor partido a los escasos, incompatibles y caros computadores de la época.(CHUNGA, 2010, pág. 2) En aquellos tiempos, los computadores eran enormes máquinas que ocupaban varios metros cuadrados, y que, para ser utilizados, necesitaban de un terminal de conexión (un „computador tonto‟ cuya única función era enviar datos al „verdadero computador‟ y mostrar los que recibía del mismo). Cada fabricante producía equipos que eran incompatibles entre sí, ya que su funcionamiento interno y la forma de trabajar con ellos eran distintos. Así, por ejemplo, para poder conectarse a tres computadores, también eran necesarios otros tantos terminales, cada uno con una forma de trabajo diferente. Como solución a este problema, se vio que era necesario implementar una red que interconectase los diferentes computadores de una forma estándar. Además de tener grandes dimensiones y de funcionamiento limitado eran caros. De ahí que no fuese posible adquirir uno de estos equipos para cada grupo de investigadores dispersos por el país. Así que, en vez de comprar computadores para cada equipo de científicos, la solución pasaba por adquirir unos pocos, pero muy potentes, y concentrarlos físicamente en unos pocos puntos. De esta forma, 19
  • 25. los investigadores de diferentes lugares podrían compartir los recursos de estos potentes computadores conectándose a ellos por red. Como resultado de estas investigaciones, se creó una red, de nombre ARPANET, que fue el embrión de lo que hoy se conoce como Internet. El 2 de septiembre de 1969, en la Universidad de California en Los Ángeles (UCLA), se conectó el primer computador a esta primitiva red. En pocos meses se unieron más equipos de distintas universidades, convirtiéndose así en una magnífica herramienta de comunicación para los investigadores. Con el tiempo, fueron surgiendo otras redes paralelas a ARPANET. Sin embargo, todas eran cerradas e incompatibles entre sí. Así que, siguiendo la máxima de “yo uso tu red y tú puedes usar la mía”, se creó una „lingua franca‟ que permitiese a las dispares redes interconectarse y hablar entre sí (para poder, de esta manera, reutilizar los caros y escasos computadores que entonces existían). Esta „lingua franca‟ es un protocolo (el lenguaje que usan los computadores para comunicarse), de nombre TCP/IP. A pesar de tener más de 30 años (se creó en 1973), este protocolo todavía sigue usándose en la actualidad. Esta gran red de redes (resultado de la interconexión de todas esas redes) en la que se convirtió Internet fue el verdadero punto de partida que permitía obtener todo tipo de información, de cualquier parte del mundo y en todo el mundo. Sin embargo, Internet todavía tardó mucho en madurar y durante casi dos décadas pasó totalmente desapercibido para el gran público. Fue en los ámbitos universitarios y científicos donde se le sacó mayor provecho, mediante el uso del correo electrónico, la transferencia de ficheros (FTP) o la publicación de mensajes en las „news‟ (los primigenios foros de discusión en Internet, aún en activo pero en desuso). También existían sistemas como gopher o BBS, considerados los antecesores de las páginas web actuales y que permitían el acceso a la información de forma más primitiva. 20
  • 26. 1.1.1 DEFINICIÓN DE INTERNET Internet, proviene de las palabras “Inter” que significa “enlace o conexión” y “Net” que significa “red o redes”. Es decir, es una red mundial de computadoras interconectadas en sí, con la finalidad de comunicarse e intercambiar información. Por la Red Internet circulan constantemente cantidades increíbles de información. Por este motivo se le llama también La Autopista de la Información.(CHUNGA, 2010, pág. 3) Figura 1.1.1 Red mundial de computadoras interconectadas entre sí con la finalidad de comunicarse e intercambiar información. Internet no es una simple red de ordenadores, sino una red de redes, es decir, un conjunto de redes interconectadas a escala mundial con la particularidad de que cada una de ellas es independiente y autónoma. (RODRÍGUEZ, 2007) 1.2 HISTORIA DE LA WORLD WIDE WEB El explosivo crecimiento que ha tenido Internet en los últimos años se ha debido, fundamentalmente, a la aparición de una herramienta que por simplicidad de manejo y potencialidades, ha cautivado a una gran masa de usuarios no necesariamente adentrados en el mundocomputacional.(IVALES, 2004) 21
  • 27. La World Wide Web ("telaraña de alcance mundial") osimplemente la Web, tuvo sus orígenes en 1989 en el CERN (CentroEuropeo para la Investigación Nuclear) ubicado en Ginebra (Suiza),en circunstancias en que el investigador británico Tim Berners-Leese dedicaba a encontrar una solución efectiva al problema de laproliferación y la heterogeneidad de la información disponible en la Red. Integrando servicios ya existentes en Internet (como el muyutilizado Gopher por esa época) Berners-Lee desarrolló la arquitecturabásica de lo que actualmente es la Web. El mismo Berners-Lee ladescribía de la siguiente manera: "La WWW es una forma de ver todala información disponible en Internet como un continuo, sin rupturas.Utilizando saltos hipertextuales y búsquedas, el usuario navega através de un mundo de información parcialmente creado a mano,parcialmente generado por computadoras de las bases de datosexistentes y de los sistemas de información". En 1990 se desarrolló un primer prototipo, pero sólo a partir de1993, cuando el NCSA (Centro Nacional de Aplicaciones deSupercomputadoras) de la Universidad de Illinois introdujo el primer"cliente" gráfico para la WWW, denominado Mosaic, la comunidad deusuarios de Internet comenzó su empleo en forma exponencial. Apartir de allí y hasta nuestros días, es usual que la gente no dedicadaal tema confunda, y con razón, a Internet con la Web. 1.2.1 DEFINICIÓN DE LA WORLD WIDE WEB La WWW, es la información publicada en Internet, mediante páginas web o documentos basados en hipertexto (contenidos multimedia: texto, imágenes, video, audio) e hipervínculos (enlaces web). Por tanto, los usuarios a través de este servicio pueden buscar, recuperar, compartir y publicar información. (CHUNGA, 2010, pág. 11) 22
  • 28. 1.3 CONCEPTOS BÁSICOS 1.3.1 BROWSERS En una arquitectura cliente-servidor, el usuario interactúa y obtiene información desde su computadora a través de una aplicación cliente. En la web estas aplicaciones se conocen bajo el nombre genérico de “browsers” (también llamadas “visores”, “visualizadores”, “navegadores” o “exploradores”), y cumplen dos funciones básicas:  Transmitir a los servidores remotos las órdenes que le imparte el usuario, y  Presentar la información en forma asequible a quien la solicite. (IVALES, 2004) 1.3.2 PROTOCOLO HTTP El Protocolo de Transferencia de Hipertexto (HyperText Transfer Protocol, HTTP) es un protocolo de nivel de aplicación para sistemas de información distribuidos. HTTP ha sido utilizado en la WWW desde 1990.(SILVIANES, y otros, 2010) El protocolo HTTP permite el intercambio de información hipertextual (enlaces) en las páginas web. Se trata de un protocolo genérico orientado a objetos, que puede usarse para muchas tareas como en servidores de nombres y sistemas distribuidos orientados a objetos, por extensión de los comandos o los métodos usados. Una de sus características principales es la independencia en la visualización y presentación de los datos, lo que permite que los sistemas se construyan independientemente del desarrollo de nuevos avances en la representación de los datos. Para visualizar los datos de la web se precisa de un navegador instalado en la máquina del cliente. En el protocolo HTTP existen una serie de características tales como:  El protocolo HTTP está fundado en un modelo cliente/servidor. 23
  • 29.  Para la comunicación, se establece en una conexión TCP a través del puerto 80 (puerto por defecto).  La comunicación HTTP está basada en mensajes solicitud/respuesta en formato ASCII. Por tanto, una sesión HTTP es una secuencia de transacciones solicitud/respuesta. Un cliente HTTP inicia una petición, estableciéndose una conexión TCP a un puerto del host (habitualmente el 80). Un servidor HTTP espera el mensaje de petición del cliente en dicho puerto. Para recibir la petición, el servidor devuelve una línea de estado, como: HTTP/1.1 200 OK, y un mensaje propio cuyo cuerpo es, por ejemplo, el recurso solicitado, un mensaje de error, o alguna otra información. El mensaje de solicitud consiste en lo siguiente:  Línea de solicitud (por ejemplo, GET HTTP/1.1/images/logo.gif), la cual solicita un recurso llamado /images/logo.gif del servidor.  Cabeceras (por ejemplo, Accept-Language: en)  Una línea vacía.  Un cuerpo de mensaje opcional. La línea de solicitud y la cabecera deben acabar con <CR><LF> (es decir, un retorno de carro seguido de un fin de línea). La línea vacía debe consistir en solo <CR><LF>. En HTTP, se definen ocho de los denominados métodos, los cuáles indican la acción que se desea que sea realizada sobre el recurso identificado. Los métodos definidos son los siguientes:  GET: Solicita una representación del recurso especificado. Mediante este método el cliente solicita, por ejemplo, una página HTML (index.html) o una imagen (foto.jpg). 24
  • 30. 1.3.3 ENRUTAMIENTOS Enrutamiento es el proceso de dirigir un paquete a través de la red desde una máquina origen a otro destino. La idea es enviar los paquetes a algún sitio donde pueden tener más información de cómo llegar al destino deseado. (GÓMEZ, 2009) La información de enrutamiento se construye en una tabla de reglas del tipo: Para ir a la red A (número de red y máscara), envíe los paquetes a la máquina B, con un costo de 1 salto. Asimismo existe una ruta por default donde se envían todos los paquetes destinados a redes para las cuales no tenemos rutas explícitas. La tabla de ruteo se recorre de lo más específico a lo más general. Si no hay ruta específica para dirigirse a un destino y no hay ruta default, el sistema enviará un mensaje de "networkunreacheable". Esta especificidad se determina por el largo de la máscara. Cuanta más cantidad de unos tenga la máscara, más específica será la ruta. Desde el punto de vista del enrutamiento IP, toda la información necesaria se almacena en la tabla de ruteo, el problema es determinar si la tabla tiene la información adecuada. 1.3.4 HOSTING El propio nombre lo indica, es la habitación virtual donde se alojará la página web. O bien, espacio virtual donde se almacenará la información. 1.3.5 DOMINIO Es el DNI de la página Web. Debéis elegir un nombre para vuestro conjunto de contenido, y, el dominio será su identificación en la red, como un pasaporte virtual para viajar por la red. 25
  • 31. 1.4 NAVEGADORES Cronológicamente la evolución de los navegadores web ha sido la siguiente:(RODIL & PARDO, 2010, pág. 330)  El primer navegador de la historia fue el World Wide Web (posteriormente llamado Nexus) presentado en 1991 por Tim Berners-Lee. Este navegador funcionaba en modo texto y solo para ordenadores Next.  En febrero de 1993. Marc Andreessen, un becario de 23 años, lanzó el primer navegador que funcionaba en entorno gráfico, el Mosaic. En 1994 la empresa Netscape tomó como base el navegador Mosaic para desarrollar el primer navegador comercial, llamado Netscape Navigator. Un año más tarde el navegador Netscape Navigator dominaba más del 80% del mercado, empezándose a popularizar los términos navegador y navegar. Además Netscape introdujo el sistema gradual para mostrar las páginas en la pantalla, donde la información aparece en pantalla de arriba abajo y donde primero se muestra el texto y después las fotos.  En 1994, un grupo de investigadores de la empresa de telecomunicaciones noruega crearon el navegador Opera que empezó a comercializarse en 1996. A partir del 2000 cambiaron la licencia de uso, primero mostrando anuncios publicitarios y a partir del 2005 freeware. Destaca por su reducido tamaño, su velocidad y su constante innovación, siendo el primer navegador que en el año 2000 introdujo la navegación por pestañas y una interfaz de comunicación con BitTorrent (un programa de intercambio de archivos P2P). En 2006 lanzaron Opera mini una versión para navegar a través de dispositivos móviles.  En 1995, Microsoft lanzó el sistema operativo Windows 95 que incluía un navegador web llamado Internet explorer. Al ser gratuito e instalarse 26
  • 32. automáticamente con el sistema operativo, poco a poco fue acaparando el mercado de los navegadores.  En 1998, Netscape para intentar frenar el éxito de Internet Explorer, liberó el código de su navegador y creó el proyecto Mozilla, que hasta el año 2002 no lanzó su primera versión del navegador. En el año 2004 apareció la nueva versión mejorada llamada Mozilla Firefox que ganó en poco tiempo gran popularidad gracias a sus pestañas, a ser muy ligero y a su versatilidad. Este navegador es actualmente el gran competidor de Internet Explorer.  En 2003, Apple creó el navegador Safari para incluirlo como navegador predeterminado en todos sus ordenadores y dispositivos móviles.  Finalmente, en 2008, la empresa Google ha lanzado su propio navegador denominado Google Chrome. Este navegador se caracteriza por su sencillez y por su velocidad a la hora de iniciarse y de cargar las páginas web. Actualmente los dos navegadores Web más utilizados son Internet Explorer y Mozilla Firefox, con más del 80% de la cuota de mercado; les siguen los navegadores Google Chrome, Safari y Opera. 1.4.1 INTERNET EXPLORER Windows® Internet Explorer® 8 para MSN® es más rápido, más sencillo y más seguro que nunca, y ahora puedes conseguirlo con tus funciones favoritas de MSN incluidas. La página de inicio de Prodigy MSN tiene lo último en entretenimiento, noticias, vídeos, deporte, acontecimientos destacados y mucho más. 27
  • 33. Bing™ te ayuda a encontrar resultados relevantes de forma rápida y sencilla mediante sugerencias visuales.(Corporation, 2009) Figura 1.4.1 Descarga gratis de Internet Explorer 8 1.4.2 MOZILLA FIREFOX Para utilizar el navegador Mozilla Firefox en el sistema operativo Windows hay que descargar el programa desde la página del fabricante e instalarlo en el sistema. http://www.mozilla-europe.org/es/firefox/(RODIL & PARDO, 2010, pág. 338) Figura 1.4.2 Descarga gratuita de Mozilla Firefox 1.4.3GOOGLE CHROME Google Chrome es un navegador web rápido, seguro y fácil de usar creado para la web actual.(Google, 2013) Figura 1.4.3 Descarga gratuita de Google Chrome 1.4.4 SAFARI 28
  • 34. Safari es un excelente navegador web que desde hace algún tiempo viene ganando terreno de manera notoria frente a otras alternativas presentes en el mercado. Siempre fue muy popular en los sistemas operativos Mac OS, pero la llegada de la versión para PC con sistemas operativos Windows hizo que lograra más adeptos.(MINERA, 2011) El navegador Safari (www.apple.com/safari) está disponible para múltiples sistemas operativos, entre los que se encuentran Mac OS X y Windows. Web Inspector es una herramienta que puede trabajar en conjunto y permite analizar páginas web mediante la obtención de información relevante, con la posibilidad incluso de modificar algunas de sus características para observar el comportamiento y obtener los resultados esperados. Web inspector cuenta puntualmente con las siguientes características: Figura 1.4.4.1 Web Inspector es una de las herramientas más valoradas por los usuarios del navegador safari  Edición de hojas de estilo CSS en tiempo real.  Soporte de las nuevas propiedades CSS.  Existe también la posibilidad de almacenar bases de datos en la parte cliente y de esta forma acceder mediante JavaScript.  Fuentes descargadas con la directiva @font-face.  Navegación del DOM de la página. 29
  • 35.  Consola JavaScript para visualizar errores y advertencias, y además evaluar sentencias.  Tiempo de carga y peso de la página.  Listado de las cabeceras HTTP de petición y respuesta.  Detecta errores HTML. Figura 1.4.4.2Web Inspector forma parte del proyecto Webkit. Web Inspector es una herramienta multiplataforma y forma parte de Webkit (http://webkit.org/), un motor de navegación web de código abierto utilizado por muchas aplicaciones del sistema operativo Mac OS X como Safari, Dashboard y Mail. Podemos descargar la última versión disponible del sitio http://nightly.webkit.org/. 2 WEB 2.0 No hay definición consensuada, ya que se trata de una etiqueta para nombrar una tendencia. “Un fenómeno social en relación con la creación y distribución de contenidos en Internet, caracterizado por la comunicación abierta, la descentralización de autoridad, la libertadde compartir y usar, dentro de un enfoque que trata a las relaciones humanas como conversaciones” . (FERNÁNDEZ, 2009) 30
  • 36. 2.1 CARACTERÍSTICAS Las aplicaciones web de la nueva era se caracterizan por: La plataforma es la web, se tiende a utilizarla más que el propio PC. Los datos son lo importante, el “Intel Inside”. Arquitectura de participación colectiva que forman las llamadas redes sociales. Los desarrolladores no pertenecen a grandes empresas, son independientes. Todo es siempre beta (se mejora continuamente). 2.1.1 PILARES La tecnología Las redes sociales: Los nuevos usuarios quieren y pueden : - Publicar Figura 2.1.1.1 Redes sociales para Publicidad - Mezclar 31
  • 37. Figura 2.1.1.2Redes sociales para mezclar - Compartir Figura 2.1.1.3Tecnologías para compartir información - Relacionarse Figura 2.1.1.4Tecnologías para relacionarse - Cooperar Figura 2.1.1.5Tecnologías de Cooperación 3 METODOLOGÍA PARA LA CREACION DE SITIOS WEB 3.1 DEFINICIÓN Es una metodología híbrida, desarrollada para procesos de diseño de aplicaciones web, denominada “Metodología para Creación de Sitios Web”, creada por la ingeniero DelyMaybel Gil Álvarez con un grupo de trabajo conformado por los 32
  • 38. siguientes Técnicos egresados del Instituto Universitario de Tecnología de Valencia (IUTVal): T.S.U. Jonathan Camacho, T.S.U. Nisbeth Suárez, T.S.U. Josefina Herrera, T.S.U. Raymer Santiago, T.S.U. Emilia Herrera y T.S.U. Miharbi Hernández. Esta metodología es producto de una recopilación bibliográfica, y está basada principalmente en las fases para el desarrollo de sitios Web propuestas en la obra “Studio MX Creación de sitios web” de los autores Green, Chilcott y Flick, publicado en el año 2003. En esta publicación la creación de sitios web está dividida en cuatro partes: Administración del Sitio Web, Desarrollo del concepto de Sitio, Desarrollo del contenido, Prueba y entrega del producto final. La “Metodología para Creación de Sitios Web” comprende las fases de: Análisis, Planificación, Contenido, Diseño, Programación, Testeo, Mercadeo y Publicidad. 3.1.1 FASE DE ANÁLISIS A la hora del desarrollo de un sitio Web se debe comenzar por dar respuesta a un grupo muy concreto de interrogantes, que permitirán aclarar y definir de manera básica las expectativas existentes en torno a la aplicación Web e interacción que se va a generar. Dichas preguntas podrían ser las siguientes: 1. ¿Se necesita realmente el sitio Web? 2. ¿Para qué se necesita el sitio Web? 3. ¿Qué es lo que buscarán los usuarios en el sitio Web? 4. ¿Qué imagen se quiere proyectar con el sitio Web a los usuarios? 5. ¿Qué servicios interactivos se integrarán a través del sitio Web? 6. ¿Con qué recursos se cuenta para el desarrollo del sitio Web? 7. ¿Cuánto tiempo debe ser invertido en el desarrollo del sitio Web? 8. ¿Qué impacto causará el sitio Web en los usuarios? 33
  • 39. 3.1.1.1 SELECCIÓN DE OBJETIVOS. Todo proyecto debe contar con objetivos definidos, contra los cuales puede medirse la efectividad de las acciones que se desarrollen. Green, Chilcott y Flick (2003) denominan esta etapa, resumen de objetivos, donde establecen tres puntos primordiales para esta selección, los cuales son definir los usuarios, lo que los usuarios esperan de la visita, y qué se pretende comunicar a través del sitio Web. Puntos que para este escrito serán denominados: selección de usuarios, expectativas de usuario y expectativas de la organización; se describen a continuación: Selección de usuarios Los usuarios o la audiencia, se refiere a aquella parte de la población a la que se pretende alcanzar o influir con el sitio Web; esto está estrechamente vinculado con la naturaleza del sitio que se propone. Toda la información que se obtenga servirá para establecer parte de los criterios de diseño de contenido, lenguajes, estética, entre otros. “El modelado del usuario se basa en definir clases o perfiles de los usuarios, y así poder diseñar con el objetivo de satisfacer las necesidades propias de cada grupo de usuarios” (Montero, Y. y Martín, F., 2003). Expectativas de usuarios La organización puede o no, ser conocida por los usuarios en potencia del sitio. Al plantearse la puesta en marcha de un sitio Web es necesario conocer hacia quién va dirigido éste y qué podrían esperar dichos usuarios al visitarlo. “Tómese un tiempo para contactar con sus clientes, proveedores y amigos, con el fin de averiguar cómo harían ellos para encontrar su sitio Web y qué les gustaría ver en él” (Morris, S. y Dickinson, P., 2002, p. 28). 34
  • 40. Expectativas de la Organización Es vital establecer o fijar qué resultados pretende conseguir la organización con la creación del sitio Web. Con ello se busca definir el propósito del sitio Web, y se deben incluir aspectos que van desde los más generales, relacionados con el público de destino, hasta los más específicos, relacionados con la organización. Morris y Dickinson (2001) indican que sedebe decidir si lo que se busca con el sitio Web es: aumentar ventas, ofrecer servicios especializados y conocimientos, publicidad y patrocinio, incentivos (productos gratis para promoción), o para publicitar. 3.1.2 FASE DE PLANIFICACIÓN. Todo proyecto posee una fase de planificación. En ella se deben definir cuáles son los requerimientos técnicospara este fin, quiénes serán los miembros del equipo, seleccionar la estructura, planear un sitio bien organizado, y realizar estudiosde mercadeo comparativo. 3.1.2.1 SELECCIÓN DE SOFTWARE. En esta etapa de la metodología se busca determinar los requerimientos en cuanto al software que se utilizará para el desarrollo de la aplicación; es decir, sistemas operativos, servidor (software), editores para diseño Web, lenguajes de programación, animaciones y otros componentes. Esta definición dependerá de muchos aspectos como la existencia de licencias de software o los recursos técnicos y hardware. 3.1.2.2 SELECCIÓN DE HARDWARE. Antes de emprender el desarrollode una aplicación Web, se deben determinar los requerimientos de hardware de la aplicación, el equipo servidor, la capacidad de respuesta, terminales, requerimientos de red si la aplicación ha de disponerse en una intranet o extranet. En el caso que la aplicación vaya a estar publicada en 35
  • 41. Internet, se debe reservar el dominio y ubicar el servicio de hospedaje de empresas que se especializan en este servicio (Morris y Dickinson, 2002) 3.1.2.3 SELECCIÓN DEL EQUIPO ADECUADO “El entorno de trabajo en equipo surge de la necesidad de segmentar el proceso de producción en varias funciones diferenciadas” (Green, Chilcott y Flick, 2003, p. 43). Cada miembro del Equipo Web debe estar capacitado en su campo de trabajo (la presencia o el nivel de experiencia de ciertos miembros del equipo puede variar dependiendo del proyecto). Green, Chilcott y Flick (2003) sugieren una lista de miembros que podrían ser parte de este equipo, de esta lista se extrajeron los siguientes: Jefe de Proyecto: Encargado de la supervisión y control del resto del equipo. Actúa como enlace entre el usuario y los demás miembros. Productor: Este se encarga de establecer el aspecto, percepción y funcionalidad del sitio. Editor: Ayuda a establecer y mantener el estilo, además de la integridad del sitio. Tiene la responsabilidad de controlar la corrección y el flujo de texto y en algunos casos el contenido multimedia del sitio. Escritor: Los escritores deben interesarse por los detalles técnicos y la incorporación al desarrollo de estándares con respecto al sitio, utilización de las palabras apropiadas, ortografía y gramática. Es necesario que el escritor tenga conocimiento de HTML, o de herramientas con FrontPage u otra aplicación. Diseñador de bases de datos: Desarrolla las bases de datos que gestiona el sitio Web, se ocupa de definir sus relaciones. Diseñador de scripts: Trabaja en conjunto con el diseñador de la base de datos. Desarrolla y depura los scripts, los componentes Activex y otros elementos interactivos de la Web. 36
  • 42. Diseñador gráfico: Se encarga de crear los archivos visuales del sitio, también puede encargarse de la creación de los archivos de sonido y de película. Trabaja con imágenes y pequeñas labores de programación. Técnico de hardware: Configura, prueba, opera y mantiene las computadoras, impresoras y máquinas necesarias para la ejecución y mantenimiento del sitio. Técnico de prueba: Si se dispone de un sitio grande o complejo, puede resultar provechosa la incorporación de un Técnico de prueba al equipo. Su labor consiste en garantizar que todo funcione como debería, se encarga de probar los elementos de todas las páginas. Aunque estas funciones podrían tomarse como esenciales, la estructura siempre vendrá determinada por el alcance del proyecto. 3.1.2.4 SELECCIÓN DEL EQUIPO ADECUADO Es una manera de detallar, observar y evaluar todas aquellas páginas Web calificadas como las mejores que se encuentren en la red, con la finalidad de diseñar una forma que permitacrear un producto de alta calidad, productividad y competitividad. Una manera práctica de realizar elbenchmarking es plantearse una serie de preguntas al momento de visitarlas páginas que se han seleccionado como las mejores del ramo, Morris y Dickinson (2002) sugieren las siguientes: ¿Cuáles son los objetivos del sitio? ¿Cuánto tiempo tardo en descargar? ¿Se descargó en un orden lógico? ¿Es un sitio Web interesante? ¿Cómo son los gráficos? ¿Refleja el género de la empresa o compañía? ¿Es de fácil uso y es cómodo navegar en él? 37
  • 43. ¿El contenido está estructurado de manera lógica? ¿Hay demasiados o insuficientes niveles de información? En conjunto ¿el sitio es un éxito? 3.1.2.5 ESTRUCTURA DE NAVEGACIÓN “La base de un sitio bien diseñado es una estructura definida con precisión“ (Green, Chilcott y Flick, 2003, p. 107). Las relaciones de las páginas entre síconfiguran la estructura del sitio. Apartir de la página principal se vinculan mediante enlaces al resto de las páginas, esto es bastante sencillo mediante código HTML, pero es más complicado decidir el orden, de qué manera y con qué configuración se establecerán los vínculos. La estructura de un conjunto de páginas Web es muy importante, ya que permitirá al lector visualizar todos los contenidos de una manera fácil y clara (buena estructura), o provocar en el lector una sensación de estar perdido, por lo cual no encontrará rápidamente lo que busca y terminará por abandonar el sitio (mala estructura). Los autores Green, Chilcott y Flick (2003), destacan los tipos de estructura de navegación: Estructura lineal Estructura jerárquica Estructura Radial Estructura de Red 3.1.2.6COSTOS DE INVERSIÓN La hora de planificar un sitio Web,se debe realizar un estudio de viabilidad que refleje el costo financieroa invertir, y que abarque tiempo, personal, hospedaje Web, dominio, licencias en caso de necesitarse, y mantenimiento. Contar con un método de control de tiempo se hace pertinente en el desarrollo Web, al igual que en otros proyectos, ya que el tiempo implica dinero. Una técnica 38
  • 44. para el control del costo de cierta actividad, es el sistema de agenda, que consiste en dividir cada hora en segmentos de seis minutos llamadas unidades, y es a partir de lacantidad de unidadespor actividad, que se medirá el costo de ésta. (Green, Chilcott y Flick, 2003, p. 37). 3.1.3FASE DE CONTENIDO. Básicamente el éxito de un sitio Web se debe a su contenido. El contenido del sitio seráprobablemente una combinación de la información que actualmente se posee y de la que se tendrá que crear (Green, Chilcott y Flick , 2003, p. 41). Es conveniente presentar un contenido acorde a los objetivos planteados para desarrollar el sitio, y que la información a plasmar cubra las necesidades e intereses del público a quien va dirigido. 3.1.4FASE DE DISEÑO. El diseño Web suponeun trabajo extenso y detallado, puesto que abarca no sólo la interacción de múltiples elementos, como tecnología multimedia (audio, sonido, imágenes, animaciones, entre otros); sino, que abarca también su integración con unaestructura lógica basada en el propósito del sitio. Representando una labor que va más allá de la simple presentación visual de la información. El diseño de sitios Web debe ser considerado como una estructura informacional, y no como un simple espacio artístico donde se exponen las obras creativas de sus diseñadores. Esmás una estructura comunicacional, diseñada según los objetivos planteados y condicionada para satisfacer las necesidades e inquietudes de sus potenciales usuarios (Green, Chilcott y Flick , 2003, p. 110). Al momento de diseñar sitios Web, es necesario tener en cuenta aspectos como la usabilidad y la accesibilidad. 39
  • 45. 3.1.5FASE DE PROGRAMACIÓN. Esta etapa corresponde a la utilización de las herramientas de programación Web. En estepunto es primordial seleccionar los lenguajes de programación en los que se desarrollará elsitio Web, la base de datos definir qué contenido del sitio será estático y cuál será dinámico. Una vez definidos estos criterios se pasa a una etapa denominada por Green, Chilcott y Flick (2003) Arquitectura de tres fases, la cual expone lo siguiente: Base de datos: Se diseña y crea la base de datos. Programación intermediaria: Programas o códigos que se ejecutarán en el servidor Web. Acá se establecerá la comunicación entre la base de datos y la interfaz. Interfaz: Programas y códigos que des plegarán el contenido a los usuarios a través del navegador Web. Se refiere aplicación que el usuario visualizará y a través de la cual operará con ella. 3.1.6FASE DE TESTEO. Se ejecutan pruebas exhaustivas para asegurar el perfecto funcionamiento del sitio Web con usuarios que vayan a utilizar el sitio. Green, Chilcott y Flick (2003) destacan: Comprobación en navegadores: El primer paso y también el más importante, es comprobar que las páginas se pueden visualizar de forma correcta en diferentes navegadores. Detectar los vínculos rotos: Es necesario detectar documentos que existen en el sitio pero que no están conectados a través de vínculos; ellos deben ser reparados o eliminados en caso de no ser necesarios, puesto que ocupan espacio en el servidor y tienden a crear confusión. 40
  • 46. Comprobar tiempo de descarga: Uno de los puntos claves en el éxito de un sitio Web es su rapidez de descarga, en base a ello se recomienda un tiempo mínimo de descarga. En este punto los administradores reciben la capacitación para el desarrollo de sus tareas. 3.1.7FASE DE MERCADEO Y PUBLICIDAD. En esta fase se debe tomar en cuenta los Derechos Internacionales del Autor, por el cual: Todas las copias realizadas incluyen el derecho de autor. Se anexa en el sitio los créditos de los desarrolladores, o un enlace, que le permita a los usuarios contactarlos. Luego se define el dominio del sitio, se verifica que esté disponible para poder registrarlo, y se transfieren los archivos al servidor remoto por FTP, o desde la página del servidor. Se debe verificar que todos los archivos estén en su carpeta correspondiente de la Web. Después de publicada la aplicación Web, su difusión depende de la publicidad que se le pueda dar mediante papelería de la organización, mediante banners en sitios específicos, por medio de buscadores y otros. 4SITIO WEB 4.1 ¿QUÉ ES UN SITIO WEB? Es un conjunto de páginas web (archivos) enlazadas entre sí por vínculos de hipertexto (o hipervínculos), todo ello instalado en un servidor web accesible las 24 horas del día, los siete días de la semana, desde cualquier parte del mundo.(PRAT, 2007) 41
  • 47. En efecto, para que los internautas puedan ver sus páginas, éstas deben estar almacenadas en un servidor web y accesible a través de una dirección específica, una URL (UniformResourceLocator).Las páginas web se visualizan en los navegadores, programas especiales para la visualización de sitios web. Para visitar un sitio web, utilice uno de los dos métodos siguientes:  Si conoce la dirección (o nombre de dominio), basta con teclear esa dirección en la barra de direcciones del navegador.  Si no conoce la dirección, puede buscar un sitio web por palabras clave que indiquen su tema o propósito utilizando las herramientas de búsqueda (motores y guías) que se pueden encontrar en internet. 4.1.1 PÁGINA WEB Son documentos electrónicos que contienen textos, gráficos, archivos multimedia, etc. Están escritos en un lenguaje de programación llamado HTML. La extensión de los archivos es .HTML y son accesibles a través de un navegador web. (CHUNGA, 2010, pág. 12) Las páginas web están compuestas de:  Hipertexto/Hiperenlace: Es aquel texto que contiene “enlaces, vínculos o hipervínculos” a otros textos o documentos. El hipertexto se creó con la finalidad de manejar y organizar mejor la información, en el cual los datos se almacenan en una red de nodos conectados por enlaces. Los nodos (bloques de texto) contienen gráficos, imágenes, audio, animaciones, video, etc. 4.2 ESTRUCTURA DE UN SITIO WEB Antes de empezar a diseñar el sitio web hay que organizarlo y para ello hay que tener claro cuál va a ser el propósito del Sitio Web, sus contenidos y la audiencia potencial de la que dispondrá. Lo que va a determinar la estructura de la web van 42
  • 48. a ser en gran medida los contenidos; ellos nos deben indicar cuál de los siguientes tipos de estructura es el más adecuado:  Árbol o jerárquica:Estructura en árbol donde existe una página índice o principal desdedonde se accede al resto de páginas. Desde estas subpáginas se puede acceder aotras y así sucesivamente creando distintos niveles o jerarquías. Es ideal parasitios web de centros o proyectos. No se aconseja utilizar más de 4 niveles paraevitar que el usuario se desoriente durante la navegación. Conviene situar entodas las páginas un menú que permita moverse de una forma fácil y directa porlos distintos niveles y páginas de cada nivel.(Fernando, 2008) Figura 4.2.1Estructura de árbol  Lineal o listas:Es una estructura muy simple similar a las páginas de un libro. Desde una página concreta se puede ir a la página siguiente o la página anterior. Es especialmente útil si deseamos que el usuario siga un itinerario fijo y guiado sin posibilidad de acceder a otras páginas que pudieran distraerle. Ejemplo: Guía o tutorial de aprendizaje. No es recomendable si el número de páginas encadenadas es muy elevado porque produce sensación de fatiga y no permite retomar fácilmente la secuencia allí donde se abandonó en la última sesión. 43
  • 49. Figura 4.2.2Estructura lineal  Mixta: Es una estructura híbrida que trata de aprovechar las ventajas de las dos estructuras anteriores. Las páginas y subpáginas se organizan de forma jerárquica pero también es posible navegar de forma lineal por las páginas de un mismo nivel. Los contenidos web de este curso utilizan esta estructura. Figura 4.2.3Estructura Mixta 5 DREAMWEAVER 8 5.1 ¿QUE ES DREAMWEABER 8? Macromedia Dreamweaver 8 es un editor HTML profesional para diseñar, codificar y desarrollar sitios, páginas y aplicaciones Web. Tanto si desea controlar el código HTML como si prefiere trabajar en un entorno de edición visual, Dreamweaver le proporciona útiles herramientas que mejorarán su experiencia de creación web. (HP, 2012) Las funciones de edición visual de Dreamweaver permiten crear páginas web de forma rápida, sin escribir una sólida línea de código. Puede ver todos los 44
  • 50. elementos o activos del sitio y arrastrarlos desde un panel fácil de usar directamente hasta un documento. Puede agilizar el flujo de trabajo de desarrollo mediante la creación y edición de imágenes en Macromedia Fireworks o en otra aplicación de gráficos y su posterior importación directa a Dreamweaver. Dreamweaver también contiene herramientas que facilitan la adición de activos de Flash a las páginas web. 5.1.1 NOVEDADES DE DREAMWEAVER 8 Dreamweaver 8 incorpora muchas funciones nuevas que le ayudarán a diseñar páginas web y aplicaciones con un mínimo de tiempo y esfuerzo. Dreamweaber simplifica las tecnologías más complejas y las hace accesibles, ayudándole a conseguir más en menos tiempo. Éstas son algunas de las nuevas funciones de Dreamweaver 8:  Herramienta Zoom y guías  Vinculación de datos visual de XML  Nuevo panel de estilos CSS  Visualización de diseño CSS  Contracción de código  Barra de herramientas de codificación  Transferencia de archivos en segundo plano  Inserción de comando de Flash Video 5.1.2 INSTALACIÓN DE DREAMWEAVER 8  Introduzca el CD de Dreamweaver en la Unidad de CD-ROM de su sistema  Siga uno de estos procedimientos:  En Windows, se iniciará automáticamente el programa de instalación de Dreamweaver. 45
  • 51.  En Macintosh, haga doble clic en el ícono del instalador de Dreamweaver que aparece en el escritorio.  Siga las instrucciones que aparecen en pantalla.  Si el sistema lo solicita, reinicie el sistema. 5.2 AREA DE TRABAJO DE DREAMWEAVER 8 El espacio de trabajo de Dreamweaver permite ver las propiedades de los documentos y los objetos. Además, coloca muchas de las operaciones más frecuentes en barras de herramientas para que pueda realizar cambios en los documentos rápidamente. 5.2.1 DISEÑO DEL ESPACIO DE TRABAJO En Windows, Dreamweaver proporciona un diseño integrado en una única ventana. En el espacio de trabajo integrado, todas las ventanas y paneles están integrados en una única ventana de la aplicación de mayor tamaño. 46
  • 52. Figura 5.2.1.1 Diseño del espacio de trabajo de Dreamweaver en Windows. En Macintosh, Dreamweaver puede mostrar varios documentos en una sola ventana con fichas que identifican a cada uno de ellos. Dreamweaver también puede aparecer como parte de un espacio de trabajo flotante en el que cada documento aparece en su propia ventana individual. Los grupos de paneles aparecen apilados en principio, pero pueden separarse en sus propias ventanas. Las ventanas se ajustan automáticamente, a los lados de la pantalla y en la ventana Documento, al arrastrarlas o cambiar su tamaño. 47
  • 53. Figura 5.2.1.2 Diseño del espacio de trabajo de Dreamweaver en Macintosh. 5.2.2 VENTANA DE DOCUMENTO La ventana de documento muestra el documento actual. Puede elegir entre una de las vistas siguientes: La vista Diseño es un entorno de diseño para el diseño visual de la página, la edición visual y el desarrollo rápido de aplicaciones. En esta vista, Dreamweaver muestra una representación visual del documento completamente editable, similar a la que aparecería en un navegador. La vista Código es un entorno de codificación manual para escribir y editar código HTML, JavaScript, código de lenguaje de servidor, como por ejemplo PHP o ColdFusionMarkupLanguage (CFML), y otros tipos de código. Es posible ver el mismo documento en las dos vistas, Código y Diseño, en una sola ventana de documento. Cuando la ventana de documento tiene una barra de título, ésta muestra el título de la página y, entre paréntesis, el nombre y la ruta del archivo. Si se han realizado cambios que aún no se han guardado, después del nombre del archivo Dreamweaver incluye un asterisco. 48
  • 54. Cuando se maximiza la ventana de documento en el diseño integrado de espacio de trabajo (sólo Windows), no aparece la barra de título; en este caso, el título de la página y el nombre y la ruta del archivo aparecen en la barra de título de la ventana principal del espacio de trabajo. Además, cuando una ventana de documento está maximizada, aparecen fichas en la parte superior de la misma con los nombres de archivo de todos los documentos abiertos. Para cambiar a un documento, haga clic en su ficha. 5.2.3 BARRA DE HERRAMIENTAS DE DOCUMENTO La barra de herramientas de Documento contiene botones que permiten alternar entre diferentes vistas del documento rápidamente: vista Código, vista Diseño y una vista dividida que muestra las vistas Código y Diseño. La barra de herramientas contiene también algunos comandos y opciones relativos a la visualización del documento y a su transferencia entre los sitios local y remoto. Figura 5.2.3 Barra de herramientas de documento 4.2.4 BARRA DE ESTADO La barra de estado, situada en la parte inferior de la ventana de documento, proporciona información adicional sobre el documento que está creando. Figura 5.2.4Barra de estado 49
  • 55. PROCEDIMIENTO O MÉTODO ENFOQUE DE LA INVESTIGACIÓN El proyecto del desarrollo e implementación de un Sitio Web para el CBTa N°16 posee un enfoque de investigación cuantitativa, como tal se necesita de la recolección y análisis de datos para responder a la pregunta de investigación y someter a prueba la hipótesis que se ha establecido mediante el conteo y el uso de la estadística. Con la Investigación cuantitativa se trata de determinar la fuerza de asociación o correlación entre la variable independiente que es el Desarrollo e implementación de un sitio web incorporando aplicaciones de la web 2.0, y la dependiente: La difusión de las actividades educativas del CBTa N°16 fortalecerá la comunicación entre la comunidad estudiantil y particulares. y así poder explicar la causalidad del proyecto. ALCANCE DE LA INVESTIGACIÓN El alcance de investigación del Desarrollo e Implementación de un Sitio Web para el Centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 de San Bartolo Tuxtepec, es correlacional, ya que se analiza la relación que existe entre dos ó más variables y se sustenta en la hipótesis sometida a prueba. Dicha hipótesis se define de la siguiente manera: El desarrollo e implementación de un sitio web incorporando aplicaciones de la web 2.0 para el centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 de San Bartolo Tuxtepec, permitirá la difusión de las actividades educativas y fortalecerá la comunicación entre la comunidad estudiantil y particulares. Mediante el estudio correlacional se pretende saber cómo se comporta la variable dependiente al vincularla con una independiente, y así dar respuesta a la pregunta de investigación.¿Cuál será el impacto de la implementación de un sitio web para el Centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 de San Bartolo Tuxtepec, Oaxaca? 50
  • 56. TIPO DE INVESTIGACIÓN Esta investigación se caracteriza como aplicada, ya que requiere de un marco teórico para las consecuencias prácticas, para ello se requiere de la consulta de documentos, por los medios utilizados para obtener los datos es documental, se basa en la consulta de libros, páginas electrónicas, revistas, etc. Por el tiempo en que suscitan los hechos es descriptiva. DISEÑO DE LA INVESTIGACIÓN El diseño de Investigación para desarrollar este proyecto es el diseño cuasiexperimental donde se manipula una variable independiente para observar su efecto y relación con dos variables dependientes. Además de su correspondencia entre el alcance de estudio. UNIVERSO El universo para el estudio está conformado por 539 alumnos de los cuales 43% son mujeres y 57% son hombres, se cuenta con 6 grupos los cuales alumnos provenientes de San Juan Bautista Tuxtepec, Valle Nacional y otras comunidades circunvecinas. MUESTRA O UNIDAD DE ANÁLISIS En este estudio se aplica la muestra probabilística, a continuación calcularemos la muestra representativa, aplicando fórmula. Fórmula: Dónde: N= Tamaño de la muestra Z= Valor crítico correspondiente a un determinado grado de confianza P= Proposición poblacional. Q= Probabilidad a encontrar N= Universo 51
  • 57. E= Error muestral permisible en investigación. Operación: N= 539 alumnos Z= 1.96 E= 0.05 P= 0.5 Q= 0.5 Se toma una muestra de 225 alumnos que corresponde al 41.74% del universo. ELABORACIÓN, SELECCIÓN Y DESARROLLO DE INSTRUMENTOS TÉCNICAS La técnica empleada es la encuesta que consiste en un conjunto de preguntas normalizadas dirigidas a una muestra representativa de la población, con el fin de conocer estados de opinión y acumular información rápidamente, para la realización de análisis estadístico. INSTRUMENTOS En la investigación disponemos del cuestionario como instrumento para la recolección de datos, consiste en un conjunto de preguntas cerradas dicotómicas y otras en donde los encuestados pueden marcar dos o más opciones de respuestas, las opciones de respuesta han sido delimitadas para facilitar la codificación y preparación del análisis. Ver anexo A. Cuestionario. 52
  • 58. METODOLOGÍA DE DESARROLLO DEL SISTEMA Para el desarrollo e implementación del Sistema se empleó la Metodología para la Creación de Sitios Web, que comprende las siguientes fases. 1 Análisis. Recopilación de datos: (Ver Anexo A) Selección de objetivos: Se ha definido lo que los usuarios esperan de la visita, y lo que se pretende comunicar a través del Sitio. 2 Planificación. Requerimientos técnicos del sistema:Se definió la estructura organizacional del equipo, se seleccionó la estructura del Sitio web, estableciéndose la estructura de árbol; selección de software: sistemas operativos Explorer, Mozilla, Chrome y Safari; programación en Dreamweaver, editores para animaciones y diseño Gimp, Meda coder. Se realizó un estudio de mercadeo con otros proyectos similares. 3 Contenido. Combinación de la Información: Al hacer pacto con el Subdirector del CBTa N°16 nos proporcionó toda la información relevante de dicha institución, cumpliendo con los objetivos planteados. 4 Diseño Análisis de las necesidades: Se diseñaron elementos multimedia que harán parte del Sitio, integrándolos de manera lógica según los objetivos planteados para satisfacer las necesidades de los usuarios. 5 Programación Utilización de las herramientas de programación web: Una vez definido el Software Dreamweaver, se comenzó programando la interfaz del Sitio, posteriormente capturar la información de acuerdo a la clasificación, insertando tecnología multimedia y otros componentes. 53
  • 59. 6 Testeo Ejecutar pruebas exhaustivas para asegurar el funcionamiento del Sitio Web. Se realizó la comprobación de que las páginas puedan visualizarse de forma correcta en diferentes navegadores y detectar los vínculos rotos. 7 Mercadeo y Publicidad Retomar los derechos internacionales del autor. Se anexaron en el sitio los créditos de los desarrolladores. Definir el dominio del Sitio. ANÁLISIS DE RESULTADOS El análisis de los datos obtenidos con la realización de la encuesta se llevara a cabo a través de un ordenador mediante una aplicación que pertenece a la paquetería de office la cual se llama Microsoft Excel. Dado que la muestra no es muy grande no se requiere de la utilización de un programa más complejo. Los datos obtenidos se observan en las siguientes graficas: 1.- ¿Consideras que basta la información publicada en los medios del cual se basa su institución para informarle, abastece lo que le interesa? 54
  • 60. ¿Consideras que basta la información publicada en los medios del cual se basa su institución para informarle, abastece lo que le interesa? Twitter 34% Facebook 66% Pregunta núm. 1.- Esta pregunta se realizó con la finalidad se saber cuántos estudiantes consideran que la información en los medio de comunicación pertenecientes a su institución es suficiente. El 56% contesto que no mientras que un 44% dijo que si lo era. 2.- ¿Qué tan importante seria para tí mantenerse informado sobre las actividades realizadas en tu institución? 1.- ¿Qué tan importante seria para tí mantenerse informado sobre las actividades realizadas en su institucion? Poco 17% No me interesa 8% Mucho 75% 55
  • 61. Pregunta núm. 2.- Aquí lo que se pretende es conocer la cantidad de estudiantes creen que es importante mantenerse informado sobre las actividades realizadas en su institución. De esto el 75% considera que mucho, un 17% cree que poco mientras que un 8% simplemente no le interesa. 3.- ¿Consideras necesario la implementación de un sitio web en su institución como medio de información? ¿Consideras necesario la implementación de un sitio web en su institución como medio de información? Twitter 34% Facebook 66% Pregunta núm. 3.- Se realizó con la finalidad de conocer si consideran necesaria la implementación de un sitio web en su institución como medio de información. El 67% considera necesaria la implementación de un sitio web mientras que el 33% opina que no es necesaria. 56
  • 62. 4.- Si tu respuesta anterior es Sí ¿Qué tan seguido te gustaría que se publicaran nuevos contenidos? Si tu respuesta anterior es Sí ¿Qué tan seguido te gustaría que se publicaran nuevos contenidos? Twitter 34% Facebook 66% Pregunta núm. 4.- La creación de esta pregunta es la con la finalidad de conocer que tan seguido creen necesario los alumnos que se publiquen nuevos contenidos. El 55% considera que semanal ya que en la escuela se desarrollan actividades nuevas cada día y el 45% opina que mensual ya que piensan que en una semana no se generaría una publicación novedosa. 5.- ¿Te gustaría que el sitio web se vinculara con las redes sociales? 57
  • 63. ¿Te gustaría que el sitio web se vinculara con las redes sociales? Blogger 13% Twitter 30% Facebook 57% Pregunta núm. 5.- Con esta pregunta se buscó conocer las redes sociales que más visitan los jóvenes, esto con el fin de incluirlos en el sitio web. El 57% visitan Facebook, mientras tanto el 30% Twitter y el resto que corresponde al 13% Blogger. 58
  • 64. CONCLUSIONES En base a la información recopilada mediante los cuestionarios aplicados en la primera encuesta para la identificación del problema se concluyó que el Centro de Bachillerato Tecnológico Agropecuario carece de un medio tecnológico institucionalizado que promocione sus avances e innovaciones en los procesos de formación agropecuaria y permita el uso de la comunicación a través de los medios tecnológicos modernos. Con la realización del proyecto se logró implementar un Sitio Web para beneficio propio de la Institución, incorporando aplicaciones de la web 2.0 satisfaciendo las necesidades de la comunidad estudiantil a través de la comunicación. Por lo tanto, se concluye que la hipótesis fue factible. Con el desarrollo e implementación de este sistema se concluye que la implementación de un Sitio Web es una alternativa que proporciona múltiples opciones a los usuarios, para brindar y adquirir información RECOMENDACIONES Considerando la información de acuerdo con las conclusiones anteriores se recomienda: Capacitar a la persona que administrará el Sitio Web para su buen funcionamiento y rendimiento. Realizar actualizaciones periódicamente de la información en el Sitio Web, para un mejor servicio. 59
  • 65. FUENTES CONSULTADAS CHUNGA, C. G. (2010). Internet conociendo la red de redes. Mexico. Corporation, M. (2009). prodigy msn. Recuperado el 2013 de Octubre de 30, de http://ie8.msn.com/microsoft/internet-explorer-8/es-mx/ie8.aspx FERNÁNDEZ, E. (17 de Septiembre de 2009). e-via. Recuperado el 4 de Noviembre de 2013, de www.e-via.org Fernando. (31 de 05 de 2008). Recuperado el 05 de 10 de 2013, de http://www.ite.educacion.es/formacion/materiales/107/cd/html/pdf/html13.pdf GÓMEZ, G. (2009). Curso Administración Unix. Recuperado el 15 de Noviembre de 2013, de http://iie.fing.edu.uy/ense/asign/admunix/tcpip.htm#enrutamiento Google. (13 de Septiembre de 2013). Chrome. Recuperado el 30 de Octubre de 2013, de https://www.google.com/intl/es/chrome/browser/index.html#eula HP, A. (15 de 02 de 2012). MACROMEDIA DREAMWEAVER 8. Recuperado el 08 de Octubre de 2013, de progclass: http://progclass.files.wordpress.com/2012/02/dreamweaver-8-tutorial.pdf IVALES. (10 de 09 de 2004). Guía digital. Recuperado el 08 de 10 de 2013, de http://www.guiadigital.gob.cl/guia/archivos/Capitulo_II.pdf MINERA, F. (2011). Desarrollador Web. Buenos Aires: Fox Andina. 60
  • 66. Pntic.mec.es. (s.f.). Recuperado el 28 de Octubre de 2013, de http://roble.pntic.mec.es/jprp0006/tecnologia/4eso_informatica/kompozer/int roduccion/estructura_sitio.htm PRAT, M. (2007). Cree su primer Sitio Web con Dreamweaver 8. Barcelona: eni. RODIL, J. I., & PARDO, D. V. (2010). Operaciones auxiliares con tecnologías de la información y la comunicación (1° ed.). Madrid, España: Paraninfo, SA. RODRÍGUEZ, Á. A. (2007). INICIACIÓN A LA RED INTERNET (1° ed.). España: Ideaspropias. SILVIANES, C. F., SÁNCHEZ, A. G., ROPERO, R. J., RIVERA, R. O., BENJUMEA, M. J., BARBANCHO, C. J., y otros. (2010). Servicios en Red. España: Paraninfo, SA. 61
  • 67. ANEXOS ANEXO A: Solicitud del Sistema 62
  • 68. ANEXO B: Encuesta 1 ITTUX DESARROLLO DE UN SISTEMA PARA EL CBTa N°16 CBTa N°16 Jefe del Proyecto: Araceli Hernández Analista: Mónica Moreno Ortiz Diseñador:Arlethe Tenorio Martínez Programador:Zuleima Pérez Ibáñez Téster: Julio Franco Elías Celis Estimado alumno: Somos estudiantes del Instituto Tecnológico de Tuxtepec, 7° semestre de la Carrera de Ingeniería en Sistemas Computacionales, realizando un estudio de la publicidad del CBTa N°16, nos hemos dado cuenta que carece de un medio institucionalizado que promocione sus avances e innovaciones en los procesos de formación agropecuaria y permita el uso de la comunicación a través de los medios tecnológicos modernos. Esta situación, nos ha servido de motivación para tomarla como proyecto de investigación. Por ello, decidimos realizar una investigación a fin de conocer las opiniones de la comunidad estudiantil y proponer una solución, para lograr que el estudiante pueda tener un mayor conocimiento de los procesos, proyectos y acontecimientos que ocurren en la institución. Para la elaboración de esta investigación se requiere de tu valioso apoyo, que consiste en contestar el siguiente cuestionario, pidiéndote proporcionar datos verídicos. 63
  • 69. Instrucciones: Subraya lo que consideres pertinente. 1.- ¿Con que frecuencia utiliza el internet? Ocasionalmente Habitualmente Nunca 2.- ¿En el lugar en donde vive tiene acceso a internet? Si No 3.- ¿Através de qué medios se basa para obtener información de su institución? Facebook Blog Asisto a mi institución Carteles 4.- ¿Considera usted que es cómodo y accesible el uso de un sitio web? De acuerdo Indiferente En desacuerdo 5.-¿Se considera usted con los conocimientos básicos de computación para el manejo de un sitio web? Si No 6.- ¿Le gustaría acceder a la información de su institución a través de internet? Si No 64
  • 70. 7.-¿Qué actividades realiza en internet? Correo electrónico Foros Investigación-escuela Redes sociales 8.-¿La información de la cual dispone sobre la institución es actualizada? Si No 9.-¿Utiliza otros dispositivos además del pc clásico para acceder a internet como tablet, smartphone, etc.? Habitualmente Ocasionalmente Nada 10.-¿Considera usted que la creación de un sitio web le daría más realce a su institución? Si No 65
  • 71. ANEXO C: Encuesta 2 ITTUX DESARROLLO DE UN SITIO WEB PARA EL CBTa N°16 CBTa N°16 Jefe del Proyecto: Araceli Hernández Analista: Mónica Moreno Ortiz Diseñador:Arlethe Tenorio Martínez Programador:Zuleima Pérez Ibáñez Téster: Julio Franco Elías Celis Estimado alumno: Después de haber analizado los datos que como alumno aportaste para nuestra investigación hemos llegado a la conclusión deDesarrollar e Implementar un Sitio Web para el CBTa N° 16, con la finalidad de difundir las actividades que en ella se realizan y así fortalecer la comunicación entre la comunidad educativa. Por lo cual sugerimos nos 1.- ¿Consideras que basta la información publicada en los medios del cual se basa tu institución para informarte, abastece lo que a ti te interesa? Si No POR QUÉ: _____________________________________ 2.- ¿Qué tan importante seria para ti mantenerte informado sobre las actividades realizadas en tu institución? Mucho Poco No me interesa 3.- ¿consideras necesario la implementación de un sitio web en tu institución como medio de información? Sí 66
  • 72. No 4.- Si tu respuesta anterior es Sí ¿Qué tan seguido le gustaría que se publicaran nuevos contenidos? Semanal Mensual 5.- ¿Te gustaría que el sitio web se vinculara con las redes sociales? Facebook Twitter Blogger 67