El Cuaderno de Trabajo Autónomo, para el Bachillerato Técnico Profesional en Informática , del Duodécimo grado de Educación Media, es propiedad de la Secretaría de Estado en el Despacho de Educación, fue elaborado por docentes especialistas del departamento de Colón, diagramado y diseñado por la Fundación para la Educación y la Comunicación Social Telebásica STVE, en el marco de la emergencia nacional COVID-19, en respuesta a las necesidades de seguimiento al proceso enseñanza aprendizaje en centros educativos gubernamentales de Honduras, C. A. PRESIDENTE DE LA REPÚBLICA Abg. Juan Orlando Hernández Alvarado SECRETARIO DE ESTADO EN EL DESPACHO DE EDUCACIÓN Ing. Arnaldo Bueso Hernández SUBSECRETARIA DE ASUNTOS TÉCNICO PEDAGÓGICOS PhD. Gloria Menjivar DIRECTORA GENERAL DE INNOVACIÓN TECNOLÓGICA Y EDUCATIVA MSc. Digna Elizabeth Rivera DIRECTOR GENERAL DE CURRÍCULO Y EVALUACIÓN MSc. José Luis Cabrera SUBDIRECTOR GENERAL DE EDUCACIÓN MEDIA Ing. José Nicolás Mejía DIRECTORA DEPARTAMENTAL DE EDUCACIÓN DE COLÓN Lic. Ana Maritza Colindres Adaptación Instituto Espíritu del Siglo Concepción Pavón Umanzor, Claudia Julissa Hernández Cruz, Edwin Reynaldo Salgado Flores, Susana Packs Tablada, Blanca Azucena Funez Martinez, Merlín Jessenia Almendarez Rivera Revisión de estilo y adaptación Dirección General de Innovación Tecnológica y Educativa Luis Carlos Lanza Licona Neyra Gimena Paz Escober Levis Nohelia Escober Mathus Revisión Curricular Subdirección General de Educación Media Sara Lorena Jimenez Galo Diagramación Fundación para la Educación y la Comunicación Social Telebásica STVE Carlos Enrrique Munguía, Fernando Andre Flores, Freddy Alexander Ortiz, Jorge Darío Orellana Diseño de portada y contraportada Digna Elizabeth Rivera y Gabino Enmanuel Medina Revisión técnico-gráfica y pedagógica Dirección General de Innovación Tecnológica y Educativa ©Secretaría de Educación Centro Cívico Gubernamental "José Cecilio del Valle" Bulevar Juan Pablo II, Tegucigalpa, M.D.C., Honduras, C. A. www.se.gob.hn Cuaderno de Trabajo Autónomo Bachillerato Técnico Profesional en Informática - 12mo grado Edición única 2021 DISTRIBUCIÓN GRATUITA – PROHIBIDA SU VENTA PRESENTACIÓN El Gobierno de la República a través de la Secretaría de Estado en el Despacho de Educación está haciendo grandes esfuerzos por impulsar los procesos de enseñanza aprendizaje, creando programas y proyectos para atender a la población estudiantil en este tiempo de crisis que nos encontramos como país, esto como consecuencia del COVID- 19. En el marco de la estrategia curricular para atender a educandos en el hogar, se han diseñado Cuadernos de Trabajo Autónomo dirigido a educandos de Duodécimo Grado, del Bachillerato Técnico Profesional en Informática con la finalidad de proporcionar una herramienta de trabajo que contribuya a reforzar los conocimientos adquiridos durante este tiempo, donde se incluyen contenidos priorizados para que los educandos puedan desarrollar actividades desde el hogar. Secretaría de Estado en el Despacho de Educación ÍNDICE PROGRAMACIÓN IV....................................................................................................... Ciclo de vida de sistemas aplicados a sitios web.............................................................. Programación de sitios web.............................................................................................. Lenguajes de programación para internet........................................................................ 03 03 06 10 DISEÑO WEB II............................................................................................................... Wireframe......................................................................................................................... Elementos de un wireframe.............................................................................................. ¿Cómo crear una página web en html?............................................................................ Estructura básica de un documento html ........................................................................ Trabajando con tablas en páginas web............................................................................ 16 16 18 19 20 22 REDES INFORMÁTICAS II.............................................................................................. Red de computadoras....................................................................................................... Componentes de una red................................................................................................. Servidores........................................................................................................................ Instalación y soporte técnico de redes............................................................................. 27 27 28 34 37 MANTENIMIENTO Y REPARACIÓN II............................................................................ La prevención de mantenimiento..................................................................................... Mantenimiento correctivo................................................................................................. Limpieza de una pc.......................................................................................................... Pasos para el desensamble de una pc............................................................................ Limpieza interior de una pc.............................................................................................. 42 42 43 44 47 51 LABORATORIO DE INFORMATICA IV.......................................................................... Ciclo de vida de sistemas.................................................................................................. Sistemas de información.................................................................................................. Tipos de sistemas de información.................................................................................... Base de datos................................................................................................................... Responsabilidades de un DBMS...................................................................................... 54 54 58 59 62 62 BIBLIOGRAFÍA............................................................................................................... 65 INFORMÁTICA PROGRAMACIÓN IV EXPECTATIVAS DE LOGRO Desarrollar sitios Web institucionales que manejen la utilización de bases de datos institucionales a través de internet. CICLO DE VIDA DE SISTEMAS APLICADOS A SITIOS WEB Planificar cuidadosamente es la clave para diseñar un sitio Web efectivo. Cuando se comienza un diseño Web, se debe pensar cuidadosamente sobre el proyecto (necesidades, estrategias de negocios, etc.) antes de comenzar a construir páginas Web. Se debe tener en cuenta un enfoque centrado en la organización para el desarrollo de un proyecto Web. Un sitio Web exitoso es aquel que se gestiona en torno a la idea de que se encuentran vivos y que tienen un ciclo de vida. Esto se aplica incluso a sitios web que se crean con un propósito a corto plazo, donde en un punto predeterminado se elimina el sitio de la web. En cualquier punto del proyecto en un sitio web, ya sea en la fase de planificación, construcción, mantenimiento o mejora continua, el proyecto puede ser evaluado con la finalidad de considerar si es necesario reiniciarlo. 3 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO Estas etapas forman un "ciclo de vida", todas las actividades asociadas con un sitio Web pueden ser trazadas en alguna de las etapas del proyecto. Las etapas son interdependientes, cada una tiene o ejecuta su propio proceso. Al momento de reconocer el ciclo de vida de una página web y la necesidad de gestionar por etapas, se disipa el mito de que el desarrollo y la gestión de un sitio Web terminan el día en se pone en marcha. El lanzamiento es, por decirlo así, simplemente el fin del principio. En el campo de las publicaciones impresas, los periodos vigentes de la información se encuentran establecidos en proporción al avance de la ciencia en los diferentes campos, después de ese período de tiempo, la publicación adquiere otro tipo de valor: científicocultural e histórico. Sin embargo, en internet este periodo de vida se encuentra limitado por la permanencia del mismo en el soporte de almacenamiento físico de un servidor, sujeto al cambio de tecnología, fallas electrónicas de comunicación y otros. Su vida útil es determinada por elementos tecnológicos sin valorar su aporte científico-cultura. El ciclo de vida de una página web puede llegar a ser efímero y la característica de ser un documento casi único, sin disponibilidad de copias, pero de acceso universal, excede la concepción tradicional de un soporte documental y va más allá que el simple almacenamiento de un documento electrónico. La imagen que se muestra a continuación ilustra los cuatro procesos que giran en torno a la creación y mantenimiento de un sitio web, con base a la estrategia de negocios establecida por la empresa. 4 INFORMÁTICA Una web termina su ciclo de vida cuando ya no es navegable o útil. Los buscadores enganchan al cliente por las palabras, el diseño los invita a quedarse, la User Experience (Experiencia de Usuario) a estar a gusto y el marketing (Mercadeo) a volver. La vida útil de un sitio web Un buen sitio Web no es el que se consulta una vez y después se olvida, es aquel que se añade a marcadores y se utiliza o consulta de manera periódica. Sus creadores añaden soportes para nuevas funciones de navegación, ajustan su aspecto para adecuarse a las nuevas tendencias y, lo más importante, incorporan continuamente nuevo contenido. Cuando un sitio Web deja de cambiar, está en reanimación. Muchos sitios Web estupendos se han derrumbado debido a la negligencia. Piense en sus páginas favoritas, lo más probable es que cambien diariamente. 5 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO Este problema supone un reto importante. Crear un sitio Web es lo suficientemente trabajoso y mantenerlo al día lo es aún más. Cuando muestre en línea su sitio Web por primera vez, no estará completo. En lugar de eso, piense en él como la versión 1 y comience a planificar ciertos cambios para la siguiente versión. Poco a poco, etapa a etapa, podrá añadir lo que se desee de acuerdo con la demanda o necesidades de los usuarios. Seleccione las partes que puede modificar regularmente, No hay forma de revisar un sitio web completo cada semana. La mejor estrategia es identificar las secciones que quiere cambiar de modo regular. En un sitio personal, puede colocar las noticias en una página separada y actualizar únicamente esa parte. En una pequeña empresa, debería concentrarse en la página de inicio para poder anunciar nuevos productos, servicios o novedades. Diseñe un sitio web que sea fácil de cambiar. Es el principio más difícil de seguir porque no sólo requiere planificación, sino experiencia acumulada. Según la vaya adquiriendo, aprenderá a simplificar su vida creando páginas más fáciles de actualizar. Un método a seguir, es iniciar separando la información en distintas páginas para poder añadir nuevos contenidos sin necesidad de reorganizar todo. Otra técnica, es utilizar hojas de estilo para separar el formato de la página del contenido. De esta manera, puede insertar fácilmente nuevo material sin tener que dar formato al contenido. Un buen sitio web: • Muestra el contenido de forma eficiente • Es fácil de usar y mantener • Tiene una arquitectura robusta • Usa la tecnología de forma adecuada • Accesibilidad hacia el contenido del sitio a través de distintas tecnologías • Homogéneo y coherente dentro de los conceptos del diseño gráfico PROGRAMACIÓN DE SITIOS WEB Cuando se decide crear algún sitio Web, algunas personas tienen un objetivo o proyecto específico en mente, mientras que otras consideran utilizar la expresión y creatividad al momento que se está elaborando. La siguiente lista muestra los distintos tipos de sitios Web que puede crear: • • • • • • 6 Personales Currículum vitae Temáticos Acontecimientos Promociones Negocios (comercio electrónico) INFORMÁTICA Personales Los sitios personales son sobre uno mismo. Según hogares en línea. Tanto si es para compartir fotos, hacer la crónica de un viaje o simplemente escribir sus últimos pensamientos y obsesiones, ya no es inusual tener un sitio Web personal. Al diseñarlo, la ambición es la meta. Si solo desea hablar con sus amigos o compartir fotos, puede ahorrarse el esfuerzo recurriendo a una red social como Facebook. Si desea mostrar una crónica diaria de su vida, puede que le baste con un blog personal. Currículum Vitae (CV) Los sitios de currículum pueden ser potentes herramientas en la carrera profesional. En lugar de fotocopiar un montón de ejemplares de su trayectoria, ¿Por qué no enviar correos electrónicos y distribuir tarjetas de visita que apunten a su CV en línea? Lo mejor de todo, como enlaces a empresas en las que ha trabajado, muestras de portafolio en línea. Temáticos Los sitios Web temáticos se centran en un tema en particular. Si está más interesado en construir un sitio web sobre: su música favorita, arte, libros, comida, movimientos políticos, entre otros, entonces este es su lugar. Antes de crear un sitio web temático, piense si otras personas con sus mismos intereses se preocuparon por visitarlo. Acontecimientos Estos sitios web no están diseñados para mucho tiempo, están centrados en un acontecimiento específico. El ejemplo más común es un sitio web de boda. Los organizadores del evento lo crean para ofrecer indicaciones, información, enlaces para listas de bodas y unas cuantas fotos románticas. Cuando el evento termina el sitio Web desaparece o se transforma, ejemplo: (sitio Web personal de la crónica de la luna de miel). Promociones Los sitios promocionales son ideales cuando se quiere mostrar o promocionar algún producto como (libros, cd, entre otros). Además, son utilizados para ampliar noticias sobre un artículo específico, ya sea cerámica artesanal o su propio software. 7 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO Pequeños Negocios (o Comercio electrónico) Estos sitios presentan el uso de más éxito en la red, vender cualquier cosa, desde smartphone hasta medicamentos con receta. Crear un sitio completo de comercio electrónico, como Amazon o eBay, supera las capacidades de una sola persona, ya que necesita el mantenimiento de programas complejos y lenguajes de programación junto con la colaboración de decenas de personas. Gráficos web Los gráficos son una grandiosa herramienta para comunicar información, existen páginas web que permiten diseñar y compartir gráficos de forma gratuita. Disponen de una cantidad de diferentes tipos de gráficos, tales como: gráficos de barras, de pastel o circulares, de líneas, de burbujas y de radar. ¿Qué es una hoja de estilo? En las primeras versiones del HTML, el código fuente de una página web contenía tanto la información (el contenido) como la forma de representarse (el diseño o formato). Actualmente, estos dos aspectos se pueden separar. La página web (el documento html) sólo debe contener información, mientras que el formato se debe definir en las llamadas hojas de estilo (en inglés, CSS, Cascading Style Sheets, es decir, Hojas de estilo en cascada). ¿Qué es un applet? Un applet es un componente de una aplicación que se ejecuta en el contexto de otro programa, por ejemplo, en un navegador web. El applet debe ejecutarse en un contenedor, que le proporciona un programa anfitrión, mediante un plugin, en aplicaciones como teléfonos móviles que soportan el modelo de programación por "applets". Ejemplos comunes de applets son: las Java applets y las animaciones Flash. Otro ejemplo es el Windows Media Player utilizado para desplegar archivos de video incrustados en los navegadores como el Internet Explorer. 8 INFORMÁTICA ACTIVIDAD Instrucciones: Conteste en su cuaderno, en forma clara y ordenada las interrogantes que se le presentan a continuación. 1. ¿Cuándo se considera que un sitio Web es exitoso? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 2. ¿Mencione los 4 procesos que giran en torno a la creación y mantenimiento de un sitio Web? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 3. ¿En qué consiste la vida útil de un sitio Web? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 4. ¿Qué debe contener un buen sitio Web? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 5. ¿Qué tipos de sitios Web se pueden crear? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 6. ¿Qué son los gráficos Web? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 7. ¿Qué es una Applet? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 9 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO LENGUAJES DE PROGRAMACIÓN PARA INTERNET Actualmente existen diferentes lenguajes de programación para desarrollar en la web, estos han surgido debido a las tendencias y necesidades de las plataformas. Desde los inicios de Internet, fueron surgiendo diferentes demandas por los usuarios y se dieron soluciones mediante lenguajes estáticos. Con el paso del tiempo, las tecnologías fueron desarrollándose y surgieron nuevos problemas para dar solución. Esto dio lugar a lenguajes dinámicos aplicados a la programación web, que permitan interactuar con los usuarios y utilizar sistemas de Bases de Datos. A continuación, se describen los diferentes lenguajes de programación web. Lenguaje HTML Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener extensiones (htm, html). Sintaxis: <html> (Inicio del documento HTML) <head> (Cabecera) </head> <body> (Cuerpo) </body> </html> <b> </b> Negrita <p> </p> Definir párrafo <etiqueta> Apertura de la etiqueta </etiqueta> Cierre de la etiqueta Ventajas: • Sencillo: permite describir hipertexto. • Texto presentado de forma estructurada y agradable. • No necesita de grandes conocimientos cuando se cuenta con un editor de páginas web o WYSIWYG. • Archivos pequeños. • Despliegue rápido. • Lenguaje de fácil aprendizaje. • Lo admiten todos los exploradores. 10 INFORMÁTICA Desventajas: • Lenguaje estático. • La interpretación de cada navegador puede ser diferente. • Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la corrección. • El diseño es más lento. • Las etiquetas son muy limitadas. Lenguaje JavaScript Este es un lenguaje interpretado, no requiere compilación. Fue creado por Brendan Eich en la empresa Netscape Communications. Utilizado principalmente en páginas web. Es similar a Java, aunque no es un lenguaje orientado a objetos, el mismo no dispone de herencias. La mayoría de los navegadores en sus últimas versiones interpretan código Javascript. El código JavaScript puede ser integrado dentro de nuestras páginas web. Para evitar incompatibilidades, el World Wide Web Consortium (W3C) diseñó un estándar denominado DOM (en inglés Document Object Model, en su traducción al español Modelo de Objetos del Documento). Sintaxis: <script type=”text/javascript”> ... </script> Ventajas: • Lenguaje de scripting seguro y fiable. • Los script tienen capacidades limitadas, por razones de seguridad. Desventajas: • Código visible para cualquier usuario. • El código debe descargarse completamente. • Puede poner en riesgo la seguridad del sitio, con el actual problema llamado XSS (significa en inglés Cross Site Scripting renombrado a XSS por su similitud con las hojas de estilo CSS). • El código JavaScript se ejecuta en el cliente. Lenguaje PHP Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un acrónimo recursivo que significa “PHP Hypertext Pre-processor”, (inicialmente se llamó Personal Home Page). Surgió en 1995, desarrollado por PHP Group. PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la generación de páginas web dinámicas, integrado en páginas HTML y ejecutadas en el servidor. PHP no necesita ser compilado para ejecutarse. Para su funcionamiento necesita tener instalado Apache o IIS con las librerías de PHP. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas características específicas. Los archivos cuentan con la extensión (PHP). 11 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO Sintaxis: La sintaxis utilizada para incorporar código PHP es la siguiente: <? $mensaje = “Hola”; echo $mensaje; ?> También puede usarse: <?php $mensaje = “Hola”; echo $mensaje; ?> Ventajas: • Muy fácil de aprender. • Se caracteriza por ser un lenguaje muy rápido. • Soporta en cierta medida la orientación a objeto. Clases y herencia. • Es un lenguaje multiplataforma: Linux, Windows, entre otros. • Capacidad de conexión con la mayoría de los manejadores de base de datos: MySQL, PostgreSQL, Oracle, MS SQL Server, entre otras. • Capacidad de expandir su potencial utilizando módulos. • Posee documentación en su página oficial, la cual incluye descripción y ejemplos de cada una de sus funciones. • Es libre, por lo que se presenta como una alternativa de fácil acceso para todos. • Incluye gran cantidad de funciones. • No requiere definición de tipos de variables ni manejo detallado del bajo nivel. Desventajas: Se necesita instalar un servidor web. Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto, puede ser más ineficiente a medida que las solicitudes aumenten de número. • La legibilidad del código puede verse afectada al mezclar sentencias HTML y PHP. • La programación orientada a objetos es aún muy deficiente para aplicaciones grandes. • Dificulta la modularización. • Dificulta la organización por capas de la aplicación. • • Seguridad: PHP es un poderoso lenguaje e intérprete, ya sea incluido como parte de un servidor web en forma de módulo o ejecutado como un binario CGI separado, es capaz de acceder a archivos, ejecutar comandos y abrir conexiones de red en el servidor. Estas propiedades hacen que cualquier cosa que sea ejecutada en un servidor web sea insegura por naturaleza. PHP está diseñado específicamente para ser un lenguaje más seguro, para escribir programas CGI que Perl o C, y con la selección correcta de opciones de configuración en tiempos de compilación y ejecución, y siguiendo algunas prácticas correctas de programación. 12 INFORMÁTICA Lenguaje JSP Es un lenguaje para la creación de sitios web dinámicos, acrónimo de Java Server Pages. Está orientado a desarrollar páginas web en Java. JSP es un lenguaje multiplataforma. Creado para ejecutarse del lado del servidor. JSP fue desarrollado por Sun Microsystems. Comparte ventajas similares a las de ASP.NET, desarrollado para la creación de aplicaciones web potentes. Posee un motor de páginas basado en los servlets de Java. Para su funcionamiento se necesita tener instalado un servidor Tomcat. Sintaxis: <%= new java.util.Date() %> Elementos de JSP Los elementos que pueden ser insertados en las páginas JSP son los siguientes: • Código: se puede incrustar código “Java”. • Directivas: permite controlar parámetros del servlet. • Acciones: permite alterar el flujo normal de ejecución de una página. Ventajas: • Ejecución rápida del servlets. • Crear páginas del lado del servidor. • Multiplataforma. • Código bien estructurado. • Integridad con los módulos de Java. • La parte dinámica está escrita en Java. • Permite la utilización de servlets. Desventajas: • Complejidad de aprendizaje. Lenguaje Python Es un lenguaje de programación creado en el año 1990 por Guido van Rossum, es el sucesor del lenguaje de programación ABC. Python es comparado habitualmente con Perl. • • • • Los usuarios lo consideran como un lenguaje más limpio para programar. Permite la creación de todo tipo de programas incluyendo los sitios web. Su código no necesita ser compilado, por lo que se llama código interpretado. Es un lenguaje de programación multiparadigma, lo cual fuerza a que los programadores adopten un estilo de programación particular: • • • • Programación orientada a objetos. Programación estructurada. Programación funcional. Programación orientada a aspectos. 13 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO Sintaxis: Ejemplo de una clase en Python: def dibujar_muneco(opcion): if opcion == 1: C.create_line(580, 150, 580, 320, width=4, fill="blue") C.create_oval(510, 150, 560, 200, width=2, fill='PeachPuff') Ventajas: • Libre y fuente abierta. • Lenguaje de propósito general. • Gran cantidad de funciones y librerías. • Sencillo y rápido de programar. • Multiplataforma. • Licencia de código abierto (Opensource). • Orientado a Objetos. • Portable. Desventajas: • Lentitud por ser un lenguaje interpretado. Lenguaje Ruby Es un lenguaje interpretado de muy alto nivel y orientado a objetos. Desarrollado en 1993 por el programador japonés Yukihiro “Matz” Matsumoto. Su sintaxis está inspirada en Python, Perl. Es distribuido bajo licencia de software libre (Open Source). Ruby es un lenguaje dinámico para una programación orientada a objetos rápida y sencilla. Para los que deseen iniciarse en este lenguaje pueden encontrar un tutorial interactivo de ruby. Se encuentra también a disposición de estos usuarios un sitio con información y cursos en español. Sintaxis: puts "hola" Ventajas: • Permite desarrollar soluciones a bajo Costo. • Software libre. • Multiplataforma. 14 INFORMÁTICA ACTIVIDAD Instrucciones: Conteste en su cuaderno, en forma clara y ordenada las interrogantes que se le presentan a continuación. 1. ¿Para qué sirve la Programación web? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 2. ¿Qué ventajas tiene el Lenguaje HTML? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 3. ¿Qué desventajas tiene el Lenguaje JavaScript? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 4. ¿Escriba la sintaxis del Lenguaje Python? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 5. ¿Qué seguridad brinda el Lenguaje PHP? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 6. ¿Mencione los elementos del Lenguaje JSP? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 7. ¿Qué ventajas tiene el Lenguaje Ruby? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 15 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO DISEÑO WEB II EXPECTATIVAS DE LOGRO Aprender a diseñar sitios Web. Utilizar correctamente HTML 5. Un Wireframe para un sitio web, también conocido como un esquema de página o plano de pantalla, es una guía visual que representa el esqueleto o estructura visual de un sitio web. El Wireframe esquematiza el diseño de página u ordenamiento del contenido del sitio web, incluyendo elementos de la interfaz y sistemas de navegación, y cómo funcionan en conjunto. Usualmente este esquema carece de estilo tipográfico, color o aplicaciones gráficas, ya que su principal objetivo reside en la funcionalidad, comportamiento y jerarquía de contenidos. En otras palabras, se enfoca en “qué hace la pantalla, no cómo se ve.” Los esquemas pueden ser dibujados con lápiz y papel o esquemas en una pizarra, o pueden ser producidos con medios de diseño de aplicaciones de software libre o comerciales. Los Wireframes se enfocan en: • Los tipos de información que será mostrada • La cantidad de las funciones disponibles • Las prioridades relativas de la información y las funciones • Las reglas para mostrar ciertos tipos de información • El efecto de los distintos escenarios en la pantalla El Wireframe del sitio web conecta la estructura conceptual, o arquitectura de la información, con la superficie, o diseño visual del sitio web. Un proceso interactivo de creación de Wireframes, es una forma efectiva de hacer prototipos de páginas rápidos, mientras se mide la practicidad de un concepto de diseño. Típicamente, la esquematización comienza entre “diagramas de flujo de estructuras de trabajo de alto nivel o mapas de sitio y diseños de pantallas.” Dentro del proceso de construcción de un sitio web, el dibujo de un Wireframe es donde el concepto se vuelve tangible. Además de los sitios web, los Wireframes son usados para hacer prototipos de sitios móviles, aplicaciones para ordenador u otros productos basados en pantalla que impliquen interacción hombre-máquina. Usos de los Wireframes (esquema de página) Los desarrolladores usan Wireframes para obtener una aproximación más tangible de las funcionalidades del sitio, mientras que los diseñadores los usan para impulsar el proceso de diseño de la interfaz de usuario (UI). Los diseñadores de experiencia de usuario y arquitectos de información usan Wireframes para mostrar las rutas de navegación entre páginas. Los interesados en un negocio los usan para asegurarse que los requerimientos y objetivos se 16 INFORMÁTICA conectan a través del diseño. Otros profesionales que crean Wireframes incluyen a los analistas de negocios, arquitectos de información, diseñadores de interacción, diseñadores de experiencia de usuario, diseñadores gráficos, programadores y gestores de productos. Trabajar con Wireframes puede ser un esfuerzo colaborativo ya que este conecta la arquitectura de información con el diseño visual. Debido al cruce de estos roles profesionales, pueden surgir conflictos, haciendo del desarrollo de un Wireframe una parte controvertida del proceso de diseño. Como los Wireframes tienen una estética "desnuda", es difícil para los diseñadores asumir que tan cerca el Wireframe puede representar los diseños de pantalla. Otra dificultad con los Wireframes es que, efectivamente, no muestran los detalles interactivos. El diseño moderno de UI incorpora varios dispositivos como paneles expandibles, efectos de intercambio visual y carruseles que representan un reto para diagramas en 2-D. Los Wireframes pueden tener múltiples niveles de detalle y pueden dividirse en dos categorías en términos de fidelidad, o qué tan parecidos son al producto final. Baja fidelidad caracterizado por un dibujo en bruto o un boceto rápido, los Wireframes de baja fidelidad tienen menos detalles y son rápidos de producir. Para dibujos sencillos o de baja fidelidad, los prototipos en papel es una técnica común. Como éstas son sólo representaciones, las notas al margen para explicar comportamientos son útiles. 17 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO ELEMENTOS DE UN WIREFRAME El esqueleto de un sitio web puede ser dividido en tres componentes: diseño de información, diseño de navegación y diseño de interfaz. El diseño de la página es donde estos componentes se unen, mientras que un Wireframe es donde se representa la relación entre estos componentes. Diseño de información El diseño de información es la ubicación en la presentación y priorización de información de manera que facilite el entendimiento. El diseño de información es un área del diseño gráfico pensada para representar información de manera efectiva para una comunicación clara. Para sitios web, los elementos informativos deben estar ordenados de manera que reflejen los objetivos y tareas del usuario. Diseño de navegación El sistema de navegación provee un conjunto de elementos en pantalla que permiten al usuario moverse entre páginas del mismo sitio web. El diseño de navegación debe comunicar la relación entre los enlaces que contiene de forma que los usuarios entiendan las opciones que tienen para navegar el sitio. A menudo, los sitios web contienen múltiples sistemas de navegación, tales como navegación global, navegación local, navegación suplementaria, navegación contextual y navegación de cortesía. Diseño de interfaz El diseño de la interfaz de usuario incluye seleccionar y ordenar los elementos de la interfaz para permitir a los usuarios interactuar con la funcionalidad del sistema. El objetivo es facilitar la usabilidad y eficiencia tanto como sea posible. Elementos comunes que se encuentran en el diseño de interfaces son los botones de acción, campos de texto, cajas de verificación, botones radiales y menús desplegables. 18 INFORMÁTICA ¿CÓMO CREAR UNA PÁGINA WEB EN HTML? En el fondo, crear una página web en HTML, no es muy diferente a crear cualquier otro documento con un editor de texto. Consiste en crear un fichero con extensión .html o .htm y editarlo. En este fichero, se creará el contenido en sí (el texto de los títulos, párrafos, crear formularios HTML, etc.), así como las etiquetas (o “tags”) necesarias para definir la estructura del documento HTML. Esto se puede hacer de una manera más purista en modo texto trabajado directamente con el código HTML, o bien, de una manera más visual y amigable con un editor HTML especializado, muy parecido a cómo se trabaja también en un editor como Microsoft Word, por ejemplo: • • • • • Aprender el principio fundamental de HTML. Crear documentos estructurados con etiquetas. Elegir el mejor editor para tu caso concreto. Crear la estructura básica de tu página HTML: la cabecera y el cuerpo. Crear el contenido y aplicarle formato con las etiquetas HTML: títulos, párrafos de texto, enlaces, imágenes, tablas, audio y vídeo embebido, etc. Si es necesario, se pueden integrar los elementos interactivos (formularios) e implementar, en su caso, en el servidor la lógica para responder a los formularios. A continuación, se observa un ejemplo minimalista de página, vista como código HTML, distinto al resultado final que se ve en el navegador. Puedes editar HTML en cualquier editor, incluso en el Notepad de Windows, el código HTML es simple texto, sin embargo, no es lo conveniente. Se recomienda usar un editor HTML especializado. Existen actualmente editores HTML gratis o de pago y en español de buena calidad que te permiten trabajar tanto de manera visual (conocidos también como “editores HTML WYSIWYG”), como directamente con el código, incluso editores que te permiten incluir hojas CSS. 19 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO Editores HTML Online Otra disyuntiva importante es si utilizar un editor HTML online (implementado en una web) o si utilizar un editor descargable para instalarlo en tu equipo. Éstos últimos editores HTML los puedes descargar gratis también, hay muchas opciones. Queda a criterio del usuario. Se recomiendan 4 opciones: 1. Notepad++: Se trata de un editor HTML gratis para descargar, aunque no es estrictamente un editor HTML, sino un editor que soporta muchos más lenguajes que HTML. Es el que utilizo yo (la captura de arriba es de Notepad++), uno de los más populares, está traducido al español y colorea la sintaxis del HTML, lo cual ayuda muchísimo a evitar errores en la codificación. Su principal pega es que no puedes trabajar de manera visual. 2. Coda: Una alternativa en la línea de Notepad++ (que solo funciona con Windows) para el mundo Apple. 3. El editor online HTML de Quackit: Esta es la alternativa online, también gratis, y sus principales ventajas son el hecho de ser online, crear un código HTML muy limpio y de ser, además, WYSIWYG. Quizás ya no sea el mejor en este momento, es un editor HTML online muy simple, además, tiene los menús también en español. Un detalle a considerar es que no colorea el código HTML. 4. El editor LiveGap: Esta es una alternativa a Quackit muy interesante ya que tiene las ventajas adicionales de colorear la sintaxis del código y de que estás viendo al mismo tiempo, mientras que editas el código HTML, cómo queda visualmente, y viceversa. No lo he usado extensamente, pero me ha parecido una de las alternativas más interesantes a Quackit que he encontrado. 5. Editores visuales (editores wysiwyg): Se recomienda al usuario, no limitarse a utilizar este tipo de editores y trabajar con el código HTML por las siguientes razones: • Los editores visuales fallan y dan problemas. Esto sucede con frecuencia con el editor visual que incorpora WordPress, sin embargo, si sabes trabajar en HTML, resuelves los problemas de forma rápida, siendo imposible con el editor visual. • Los editores visuales introducen con frecuencia contenido inapropiado o generan código poco óptimo. ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML Iniciamos describiendo las diferentes partes del código de una página en HTML. Lo primero es la estructura básica de un documento HTML. Hay otras pero para mantener las cosas simples, te recomiendo usar siempre esta plantilla: 20 INFORMÁTICA Esta plantilla úsala como sigue: Personalizar el título en la etiqueta <title> personalizar la meta-descripción en la etiqueta <meta name=”description” contenido=”… “> codificar dentro de la etiqueta <body> el contenido visible de la página. Es decir, lo que vamos a ver como contenido de la página como tal tiene es el contenido de la etiqueta <body>. Pero, además, disponemos de otras etiquetas especiales para crear la estructura interna de la página. Dentro de estas se limita a la etiqueta <div> que es la “clásica” que se ha empleado para todo en la versión 4.01 de HTML. En HTML 5 se han añadido otras nuevas como <article>, <section> o <header>. Veamos un ejemplo: Como se puede ver en el ejemplo anterior, <div> permite crear divisiones lógicas dentro de una página para aplicarles luego diferentes formatos. En el típico blog con una barra lateral, por ejemplo, en los contenidos de la barra podría ir un <div> y el contenido en sí en otro diferente. Trabajar con texto en HTML Y a partir de ahora es sencillo: Se trata de conocer las diferentes etiquetas para los diferentes tipos de elementos que puede tener una página HTML: texto normal, tablas, enlaces, imágenes, etc. Trabajar con títulos y párrafos de texto en HTML HTML tiene seis etiquetas de títulos/subtítulos: de “<h1>” hasta “<h6>”, correspondiendo los números al nivel jerárquico. Es decir, una etiqueta “<h1>” sería el nivel jerárquico máximo, “<h2>” los subtítulos de los niveles <h1> y así sucesivamente. Por otra parte, los párrafos de texto normal se marcan con “<p>”. Con ambas cosas tenemos los elementos básicos para crear texto en HTML. Si comparamos esto con Word, por ejemplo, las etiquetas de títulos serían el equivalente a los estilos “Título 1”, “Título 2”, etc. y la etiqueta de párrafo el equivalente al estilo “normal”. De hecho, al pegar un texto desde Word a un editor HTML visual, así se deberían convertir en el código HTML generado. Cómo crear listas en páginas web Las listas son otro elemento indispensable en un contenido. Es muy fácil crearlas en HTML, en el caso de las listas numeradas se usa la etiqueta <ol> y en el caso de las no numeradas (con viñetas), se usa la etiqueta <ul>. En ambos casos se usa <li> para los elementos de la lista. 21 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO Por ejemplo: Se detalla además, que siendo una lista enumerada, no vienen los números, es decir, el “1.) …”, “2.) …”, etc. Eso es así porque, de manera similar a Word, usar listas numeradas implica precisamente que los números se crean automáticamente cuando se visualiza la página en un navegador web. TRABAJANDO CON TABLAS EN PÁGINAS WEB Las tablas son un elemento más avanzado y, por tanto, aquí mostraremos una estructura básica de tabla: Aquí, la etiqueta <table>, como ya te puedes imaginar, demarca la tabla. Dentro de ella, cualquier fila de cualquier tipo se demarca con <tr> que viene de “tablerow” (fila de tabla en inglés). Dentro de esto, puede haber diferentes tipos de filas que se diferencian por el tipo de celdas que contienen. En este ejemplo, tenemos una primera fila con celdas y etiqueta <th> (“table header”, cabecera de tabla en inglés) que actúan como cabecera y luego el resto, serían celdas ordinarias con datos, <td>, “table data”. Insertar enlaces (links) en páginas html Vamos ahora a lo que es la etiqueta por excelencia en una página web: la etiqueta de un enlace. Esta etiqueta es “<a>”, de “anchor” (ancla en inglés) y su sintaxis básica es la siguiente: 22 INFORMÁTICA La información clave, es decir el enlace, viene en el atributo href, aquí debes insertar la URL del sitio que quiere enlazar. El atributo target también es muy importante. Sus valores más usados (y los únicos que necesitas realmente en la práctica) son “blank”, qué quiere decir la página del enlace se abre en una nueva pestaña/ventana, y “self”, que la abre en la pestaña/ventana del documento actual. Si omites este atributo o dejas el valor en blanco, se asume por defecto target = ”self”. Trabajar con imágenes en páginas web HTML Cuesta pensar en una página web sin imágenes. Se usan para mil cosas: para el logotipo del sitio, en el contenido, para íconos en menús y otros elementos similares, y mil cosas más. Insertar imágenes en una página HTML La etiqueta HTML para insertar una imagen en HTML es <img> y su sintaxis básica la siguiente: Aquí el atributo src es el equivalente a href en el caso del enlace anterior, es decir, una URL que apunta a la imagen que quieres visualizar. Por ejemplo: http://midominio.com/imagenes/mi-imagen.png Otro atributo muy importante es alt. Por una parte, porque en caso de que el enlace a la imagen esté roto, visualizará un texto alternativo (de aquí, el nombre de “alt” del atributo) que será el texto asociado a este atributo y, por otra parte, porque Google lo tiene muy en cuenta para posicionar la imagen (en la búsqueda de imágenes). Los atributos height y width te permiten especificar las dimensiones a las que ajustar la imagen en el navegador. De no ser esas las dimensiones originales de la imagen, el navegador reducirá o ampliará la imagen, según corresponda, para ajustarla a estas dimensiones. ¿Cómo crear una imagen con un link en html? Es bastante frecuente que las imágenes lleven también un enlace asociado. Por ejemplo: La imagen de un anuncio. Esto es tan simple como usar la imagen como contenido del enlace: 23 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO ¿Cómo insertar audio y vídeo en páginas HTML? La tecnología ha avanzado mucho y es realmente simple trabajar con audio y vídeo en la web. Vamos a diferenciar dos casos: 1. Insertar ficheros alojados de audio y video en HTML (normalmente con formatos MP3 y MP4). 2. Insertar audio y vídeo alojado en otras plataformas de podcasting y vídeo como Soundcloud, iVoox, Youtube, Vimeo y similares. El típico hosting para blogs WordPress, por ejemplo, no está pensado para esto. Por tanto, alojar ficheros de audio y video, debería ser algo que se realice sólo en casos muy especiales que realmente lo justifiquen. ¿Cómo insertar audio mp3 y otros formatos en HTML? Con HTML 5 nos lo han puesto muy fácil para usar audio en una página web. Con esta estructura tu página mostrará el típico reproductor de audio con un botón de play, barra de progreso, control de volumen, etc. En el atributo type tenemos que especificar el tipo de formato de audio utilizado. En el ejemplo viene el más usado, MP3, pero también se admiten los formatos OGG (valor “audio/ ogg” para type) y WAV (“audio/wav”). Trabajar con formularios en html El último tipo de elemento esencial de una página web, son los formularios de HTML. Además, es un elemento muy peculiar porque introduce algo que ha revolucionado la web y la forma de consumir contenido en Internet: la interactividad con el usuario. Sin esto, no podrían existir cosas como las redes sociales, blog o foros, entre otros. Usos típicos de los formularios html Los formularios HTML hacen posible que un usuario envíe información a una web. El recuadro de Instagram, Facebook o Twitter en el que se realizan publicaciones, son ejemplos de formularios HTML. Otros ejemplos muy típicos son las secciones de comentarios como en este mismo blog, los formularios en las tiendas online para realizar tus pedidos, formularios de contacto, los popups típicos de los blogs en una lista de correo, etc. Veamos de nuevo un ejemplo sencillo, un ejemplo de un formulario de contacto en HTML: 24 INFORMÁTICA En cualquier sitio web puedes encontrar un formulario como éste. ¿Qué está sucediendo en este ejemplo? Es muy sencillo: Con los elementos input podemos crear campos en la página que recogen la información que el usuario introduce, una información estructurada que puede ser procesada por una máquina. En este ejemplo de formulario concreto, tenemos cuatro parejas. Campo – [Valor]: Nombre – [tecleado por el usuario] Email – [tecleado por el usuario] Asunto – [tecleado por el usuario] Solicitud – [tecleado por el usuario] En el momento que el usuario haga clic en el botón del formulario, ésta información se envía a la URL especificada en el atributo action de la etiqueta form. Esta información te la puedes imaginar estructurada como una hoja Excel con dos columnas: una con los nombres de los campos (atributo name de los elementos input) y otra con el valor (lo que el usuario haya tecleado en el formulario). ¿Cómo se procesa un formulario? Lo que sucede a partir de ahora, en realidad, ya se sale de este post porque ya estamos en el servidor, ya no estamos en la página, la página ya ha hecho su trabajo: enviar al servidor esta información. 25 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO ACTIVIDAD Instrucciones: Conteste en su cuaderno, en forma clara y ordenada las interrogantes que se le presentan a continuación. 1. ¿Qué es un Wireframe? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 2. Cuáles son los elementos de un Wireframe? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 3. ¿Para qué se utiliza Notepad++? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 4. Escriba la estructura básica de un documento en HTML. ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 5. Etiqueta que se utiliza en HTML para crear listas. ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 6. Mencione las etiquetas que se utilizan en tablas en HTML. ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 7. Etiqueta utilizada en HTML para insertar una imagen. ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 8. Escriba 4 editores HMTL online. a.__________________________________ b.________________________________ c.__________________________________ d.________________________________ 26 INFORMÁTICA REDES INFORMÁTICAS II EXPECTATIVAS DE LOGRO Instalar y mantener en óptimo estado de funcionamiento la red de instituciones RED DE COMPUTADORAS Una red de computadoras (también llamada red informática) es un conjunto de equipos (computadoras y/o dispositivos) conectados por medio de cables, señales, ondas o cualquier otro medio de transporte de datos, que comparten información (archivos), recursos (CDROM, impresoras, etc.) y servicios (acceso a internet, e-mail, chat, juegos). Componentes de redes de información Una red de información es un conjunto de ordenadores, computadoras o dispositivos interconectados que permite intercambiar información y recursos de uno a otro, tales como impresoras, discos duros, etc. Las redes Wifi que todos conocemos son redes informáticas, pero sin cables. Pueden ser por cable de par trenzado, UTP, fibra óptima, comunicación inalámbrica u otros medios. Los componentes que encontramos para que se pueda crear una red informática en el proceso de comunicación son los siguientes: Emisor: Crea una señal o petición desde el ordenador. Codificador: Codifica la señal para que se transmita a través del cable. Puede ser una tarjeta de red, que viene incorporada en los ordenadores, y se ocupa de convertir la petición enviada en un formato (bits) que se pueda transmitir. Para esto, se utiliza un protocolo, como el TCP/IP. Además, las tarjetas de red tienen una MAC (Media Access Control), que les permite identificarse claramente, para que la información llegue al receptor adecuado. Línea: En las redes alámbricas los medios de transmisión serán los cables de red, mientras que en las inalámbricas las ondas de radiofrecuencia o los infrarrojos que conducen la información recibida a la dirección del dispositivo que se ha indicado a través de la interfaz. Decodificador: El dispositivo con el cual se compartirá información o recursos, también dispone de su propio sistema para convertir las señales eléctricas en tipos de datos que pueda procesar el ordenador. Son los adaptadores de red, o PCI. Estos vienen integrados en la placa madre y pueden funcionar a distintas velocidades. Receptor: Es el dispositivo que recibe la señal que ha transmitido el emisor, convertida en datos procesables por el ordenador. Aunque éstos son los elementos básicos, muchas redes no conectan directamente los equipos informáticos entre sí, sino que se conectan a un Router, un Switch o un puente de red, que son los que reciben y envían las señales a sus respectivos receptores. 27 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO COMPONENTES DE UNA RED Los componentes de una red tienen funciones específicas y se utilizan dependiendo de las características físicas (hardware) que tienen. Para elegirlos se requiere considerar las necesidades y los recursos económicos de quien se desea conectar a la red, por eso deben conocerse las características técnicas de cada componente de red. A continuación, se describen cada uno de ellos: Servidor: Son computadoras que controlan las redes y se encargan de permitir o no el acceso de los usuarios a los recursos, también controlan los permisos que determinan si un nodo puede o no pertenecer a una red. La finalidad de los servidores es controlar el funcionamiento de una red y los servicios que realice cada una de estas computadoras dependen del diseño de la red. Switch: Su función es crear circuitos virtuales o enlazar circuitos de forma permanente para que se transmita un flujo constante de información. Nodo de red: Nodo de red es cualquier elemento que se encuentre conectado y comunicado a una red; los periféricos que se conectan a una computadora se convierten en nodo si están conectados a la red y pueden compartir sus servicios para ser utilizados por los usuarios, como impresoras, carpetas, entre otros. Tarjetas de red: Son tarjetas de circuitos integrados que se insertan en unos órganos de expansión de la tarjeta madre y cuya función es recibir el cable que conecta a la computadora con una red informática; así todas las computadoras de red podrán intercambiar información. Sistema operativo de red: Después de cumplir todos los requerimientos de hardware para instalar una LAN, se necesita instalar un sistema operativo de red (Network Operating System, NOS), que administre y coordine todas las operaciones de dicha red. Las redes pueden dividirse según el medio físico, área geográfica o topología. 28 INFORMÁTICA Inalámbricas: Red inalámbrica (Wireless network). Es un término que se utiliza en informática para designar la conexión de nodos sin necesidad de una conexión física (cables), esta se da por medio de ondas electromagnéticas. La transmisión y la recepción se realizan a través de puertos. Una de sus principales ventajas es notable en los costos, ya que se elimina todo el cable ethernet y conexiones físicas entre nodos, pero también tiene una desventaja considerable ya que para este tipo de red se debe de tener una seguridad mucho más exigente y robusta para evitar a los intrusos. En la actualidad las redes inalámbricas son una de las tecnologías más prometedoras. Cableadas o alámbricas: Se comunica a través de cables de datos (generalmente basada en Ethernet. Los cables de datos, conocidos como cables de red de Ethernet o cables con hilos conductores (CAT5), conectan computadoras y otros dispositivos que forman las redes. División de redes según el área geográfica que abarcan: LAN: Son las siglas de "Local Área Network", es decir, Red de área local. Una Red LAN conecta diferentes ordenadores en un área pequeña, como un edificio o una habitación, lo que permite a los usuarios enviar, compartir y recibir archivos. WAN: Se denomina Red WAN (Siglas del inglés: Wide Area Network (Red de Área Amplia) a las conexiones informáticas que consisten en varias redes locales unidas, aunque sus miembros no estén en una misma ubicación física. Normalmente, un WAN consiste en dos o más redes de área local LAN. División según la forma en que se conectan (topología) La topología de una red es el arreglo físico o lógico en el cual los dispositivos o nodos de una red (computadoras, impresoras, servidores, hubs, switches, enrutadores, etc.) se interconectan entre sí sobre un medio de comunicación. Topología en bus: Una red en forma de bus o canal de difusión es un camino de comunicación bidireccional con puntos de terminación bien definidos. Cuando una estación transmite, la señal se propaga a ambos lados del emisor hacia todas las estaciones conectadas al bus hasta llegar 29 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO a las terminaciones del mismo. Así, cuando una estación transmite su mensaje alcanza a todas las estaciones, por esto el bus recibe el nombre de canal de difusión. Topología en anillo: La topología en anillo se caracteriza por un camino unidireccional cerrado que conecta todos los nodos. Dependiendo del control de acceso al medio, se dan nombres distintos a esta topología (Bucle); se utiliza para designar aquellos anillos en los que el control de acceso está centralizado; es decir, una de las estaciones se encarga de controlar el acceso a la red. Topología en estrella: La topología en estrella se caracteriza por tener todos sus nodos conectados a un controlador central. Todas las transacciones pasan a través del nodo central, siendo éste el encargado de gestionar y controlar todas las comunicaciones. Por este motivo, el fallo de un nodo en particular es fácil de detectar y no daña el resto de la red, pero un fallo en el nodo central desactiva la red completa. Topología de árbol: La topología en árbol es una variante de la de estrella. Al igual que en el tipo estrella, los nodos del árbol están conectados a un concentrador central que controla el tráfico de la red. Sin embargo, no todos los dispositivos se conectan directamente al concentrador central. La mayoría de los dispositivos se conectan a un concentrador secundario que, a su vez, se conecta al concentrador central. REDES Intranet Es una red informática que utiliza la tecnología del protocolo de Internet para compartir información, sistemas operativos o servicios de computación dentro de una organización. Suele ser interna, en vez de pública como internet, por lo que dentro de las redes Intranet tenemos, las redes LAN, WAN y MAN: Conocida también por su nombre “red de área metropolitana”, la misma consiste en un tipo de red que se caracteriza principalmente por tener una alta velocidad y brindar una mayor cobertura en un área mayor, en comparación a lo que sucede con la red LAN. Extranet Es la extensión de una Intranet para brindar acceso público a parte de la base de datos de la organización, por lo que, 30 INFORMÁTICA a través de la Extranet de una empresa, pueden tener acceso a dicha información no solo los empleados, sino también los clientes y los socios. Para poder acceder a una Extranet de una empresa, los clientes, empleados y socios deben disponer de un nombre de usuario y contraseña, con el fin de evitar el ingreso de personas ajenas. Internet Es un sistema mundial de redes de computadoras, un conjunto integrado por las diferentes redes de cada país del mundo, por medio del cual un usuario en cualquier computadora puede, en caso de contar con los permisos apropiados, acceder a información de otra computadora y tener inclusive comunicación directa con otros usuarios en otras computadoras. Estaciones de trabajo Es un computador de altas prestaciones destinado para trabajo técnico o científico. En una red de computadoras, es una computadora que facilita a las personas el acceso a los servidores y periféricos de la red. A diferencia de una computadora aislada, tiene una tarjeta de red y está físicamente conectada por medio de cables u otros medios no guiados con los servidores. El hardware de las estaciones de trabajo está optimizado para situaciones que requieren un alto rendimiento y fiabilidad, donde generalmente se mantienen operativas en situaciones en las cuales cualquier computadora personal tradicional dejaría rápidamente de responder. Computadoras personales Una computadora personal, computador personal u ordenador, conocida como PC (siglas en inglés de Personal Computer). Una computadora personal es generalmente de tamaño medio y suele estar equipada para cumplir tareas comunes de la informática moderna, permite navegar por Internet, estudiar, escribir textos y realizar otros trabajos de oficina o educativos, como editar textos y bases de datos, Además de actividades de ocio, como escuchar música, ver videos, jugar, entre otros, está diseñada para ser utilizada en el hogar antes que en negocios o contextos industriales. Diferencias entre computadoras personales y estaciones de trabajo. Las estaciones de trabajo fueron un tipo popular de computadoras para la ingeniería, ciencia y gráficos durante las décadas de 1980 y 1990. Las estaciones de trabajo han seguido un camino de evolución diferente al de las computadoras personales o PC. Las estaciones de trabajo también utilizaban el mismo sistema operativo multi-usuario/multi-tarea de las microcomputadoras, comúnmente Unix. También usaban redes para conectarse a computadoras más potentes para análisis de ingeniería y visualización de diseños. 31 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO Las computadoras personales, en contraste con las estaciones de trabajo, no fueron diseñadas para traer el rendimiento de la minicomputadora al escritorio de un ingeniero, sino que fueron previstas originalmente para el uso en casa o la productividad de oficina, la sensibilidad al precio fue un aspecto de consideración primaria. Una estación de trabajo se ve como una computadora personal y generalmente es usada por una sola persona, al igual que una computadora. Aunque las estaciones de trabajo son más poderosas que la computadora personal promedio. Las estaciones de trabajo se diferencian de las microcomputadoras en dos áreas principales: 1. Internamente, las estaciones de trabajo están construidas en forma diferente que las microcomputadoras. 2. Están basadas generalmente en otra filosofía de diseño de CPU llamada procesador de cómputo con un conjunto reducido de instrucciones (RISC), que deriva en un procesamiento más rápido de las instrucciones. 32 INFORMÁTICA ACTIVIDAD Instrucciones: Conteste en su cuaderno, en forma clara y ordenada las interrogantes que se le presentan a continuación. 1. _____________________________ Es un computador de altas prestaciones destinado para trabajo técnico o científico. 2. Décadas en las que fueron popular la estación de trabajo para ingeniería, ciencia y gráficos: _____________________________________________ 3. _____________________ Su función es crear circuitos virtuales o enlazar circuitos de forma permanente para que se transmita un flujo constante de información. 4. Escriba el nombre del sistema operativo que usaban las estaciones de trabajo y las microcomputadoras. ________________________________________ 5. ______________________ Es una red informática que utiliza la tecnología del protocolo de Internet para compartir información, sistemas operativos o servicios de computación dentro de una organización. 6. ______________________ Se caracteriza por tener todos sus nodos conectados a un controlador central. 7. ______________________ Es un término que se utiliza en informática para designar la conexión de nodos sin necesidad de una conexión física (cables), ésta se da por medio de ondas electromagnéticas. 8. Elabore un cuadro comparativo de las diferencias entre computadoras personales y estaciones de trabajo. Estaciones de trabajo Computadoras personales 33 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO SERVIDORES La función de un servidor En una red, las máquinas pueden actuar como clientes o como servidores: el cliente es la máquina que solicita un documento o un recurso y el cliente es la máquina que los proporciona. Sin embargo, estas funciones no se identifican con una máquina dedicada exclusivamente a esa función. La función no se corresponde necesariamente con el hardware. Un cliente es un programa, una aplicación que solicita un determinado recurso y se dirige a un puerto concreto de la máquina que actúa de servidor, utilizando un protocolo determinado. A su vez, el servidor es otro programa, que está a la escucha en un puerto concreto en espera de peticiones de los clientes. Cuando llegue una petición al puerto esperado, si se ajusta a las condiciones del protocolo, el programa servidor buscará el recurso y lo entregará a través de la red. En una misma máquina pueden instalarse clientes y servidores de cualquier servicio. Todos los servidores comparten la función común de proporcionar el acceso a los archivos y servicios. Una de las funciones más habituales de los servidores informáticos es prestar servicios de red. Entre las funciones principales de los servidores informáticos tenemos: Acceso a los datos desde la casa o desde la oficina: Si instala un servidor en una empresa, puede proporcionar acceso a documentos, hojas de cálculo, mensajes de correo electrónico y otros datos necesarios para los trabajadores que no se encuentran físicamente en la empresa, de ese modo, los teletrabajadores, los empleados que viajan y los que se encuentran en otras oficinas, tienen la posibilidad de compartir datos. Incluso podrán acceder al equipo personal con el que trabajan en la oficina. Alojamiento de una intranet: Una intranet es un sitio web interno de una compañía, universidad, empresa, escuela, etc., a través del cual se puede proporcionar información exclusivamente para los empleados, estudiantes u otros. Los mismos tienen la posibilidad de utilizar el sitio para publicar información y colaborar en la elaboración de documentos. También es posible utilizar el sitio para publicar anuncios, eventos, calendarios y vínculos a recursos importantes de estas instituciones. Alojamiento del correo electrónico de la empresa, universidad, escuelas, o entes gubernamentales: Se puede configurar un servidor para administrar el correo. Eso significa que los buzones de los empleados y/o estudiantes residirán en el servidor electrónico de la empresa o universidad, no en el de un proveedor de servicios de internet. Acceso a datos desde un dispositivo móvil: Los servidores también pueden permitir el acceso a los datos desde teléfonos móviles u otros dispositivos portátiles que se conectan a internet. Los empleados de una empresa que utilicen dispositivos móviles pueden obtener acceso y consultar el correo electrónico o actualizar contactos y calendarios a cualquier hora del día, como si se encontraran delante de su equipo desde un escritorio. 34 INFORMÁTICA Uso de programas en empresas, universidades, bibliotecas, centros de investigación, que dependen de bases de datos: Si se incorpora un servidor a una empresa o universidad, se puede utilizar programas especiales diseñados para funcionar con una base de datos. Si se instala la base de datos de clientes del programa de gestión de clientes, todos los empleados de la organización o estudiantes de la universidad que utilicen esos datos pueden tener acceso y trabajar con ellos. Protección de archivos y programas La seguridad en una red local debe contemplar la problemática relacionada con el acceso indebido a recursos y aplicaciones de los usuarios, fragilidad o fallas del sistema y también, la alimentación del mismo. Para garantizar la seguridad de la red local, el administrador debe aplicar distintas medidas de seguridad del servidor, que se engloban cinco apartados: • • • • • La seguridad física La seguridad de los datos La protección de acceso al ordenador La protección de acceso a los datos La protección de los datos Por otro lado, los problemas de seguridad en redes pueden dividirse, en términos generales, en cuatro áreas interrelacionadas: • • • • Secreto Validación de identificación No repudio Control de integridad El secreto tiene que ver con mantener la información fuera de las manos de usuarios no autorizados. La validación de identificación se encarga de determinar con quién se está hablando antes de revelar una información delicada. El no repudio, se encarga de validar 35 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO las firmas y el control de integridad, se corresponde con la necesidad de asegurarse de que un mensaje recibido realmente fue enviado y que no ha sufrido ninguna modificación en el camino. La seguridad informática es un tema que nos preocupa a todos, desde programadores, desarrolladores de software o aplicaciones y usuarios. A continuación, se detallan algunos programas y sistemas de control de seguridad: Nikto: Este escáner de servidores web realizará pruebas exhaustivas contra servidores web. Sus herramientas de análisis, así como sus pluggins se actualizan con frecuencia y de forma automática, por lo que no tendremos que estar pendientes de contar con tal o cual versión del programa, siempre tendremos a disposición la más actualizada. Cain and Abel: Podremos recuperar passwords mediante ‘inhalación’ de la red (sniffers), mediante ataques por diccionario, fuerza bruta, criptoanálisis o mediante el uso de algunos exploits. Además, podremos grabar conversaciones VoIP, También nos permite analizar los protocolos de enrutamiento del sistema, un extra añadido a todo lo anterior. Netcat: Nos permitirá leer y escribir datos mediante conexiones TCP/UDP al mismo tiempo que nos permite crear casi cualquier tipo de conexión que podamos necesitar (por ejemplo, conexión a un puerto determinado para aceptar conexiones entrantes). También nos es útil como herramienta de depuración o exploración de red. Aircrack: Esta suite de herramientas para cifrado WEP y WPA (compatible con 802.11 a/b/g), implementa los algoritmos de ‘crackeo’ más populares para recuperar las claves de nuestras redes inalámbricas. Kali Linux: (anteriormente conocida como BackTrack). Esta distribución en Live-CD (cd de arranque con opción a instalable) nos ofrece un amplio catálogo de herramientas de seguridad y forenses, proporcionándoles un entorno de desarrollo, pruebas e implementación de lo más completo. 36 INFORMÁTICA INSTALACIÓN Y SOPORTE TÉCNICO DE REDES Pasos para la instalación de una red de área local (LAN): 1. Determinar el tipo de red que necesitas Cuenta la cantidad de computadoras que quieres conectar por cable. Cuando se configura una LAN, lo primero que se necesita saber es cuántas computadoras se conectarán a la red a través de cables Ethernet. Esto determinará la cantidad de puertos que vas a necesitar. 2. Decidir si se quiere crear una red inalámbrica. Para permitir que algunos dispositivos se conecten en forma inalámbrica, se necesita un router capaz de transmitir señal de red inalámbrica. 3. Decidir si todos los dispositivos de la red tendrán acceso a Internet. Si se desea brindar el acceso a todos los dispositivos conectados, tengan acceso a Internet, se necesita un router para que se encargue de administrar las conexiones. Si no se necesita que los dispositivos tengan conexión a Internet, se puede usar simplemente el switch de red. 4. Medir las distancias entre todos los dispositivos cableados. En la mayoría de las instalaciones domésticas esto no es un problema, pero se debe saber que los cables de red no pueden extenderse más allá de los 100 m (328 pies). Si se requiere instalar un cable que se extienda más allá de esa distancia, se debe instalar switch en el medio. 5. Prever las necesidades que tendrás en el futuro. Si vas a ocupar todos los puertos del hardware, asegúrate de que la configuración permite incorporar otros dispositivos más adelante. Pasos para la configuración de una red de área local (LAN): 1. Reunir el hardware de red. Para crear una LAN se necesita un router o un switch, que funcionará como el concentrador de tu red. Estos dispositivos se encargan de direccionar la información a las computadoras indicadas. 37 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO 2. Configurar el Router No es necesario hacer demasiadas cosas para configurar un router y crear una LAN básica. Solo se tiene que enchufarlo a una fuente de alimentación, preferiblemente cerca del módem si se quiere compartir la conexión de Internet a través de él. 3. Conectar tu módem al router (si es necesario). Si se compartirá la conexión a Internet desde el módem, es necesario conectar el módem al puerto que dice "WAN" o "INTERNET" en el router. Generalmente es de un color distinto al de los otros puertos. 4. Conectar el switch al router (si es necesario). Si se utiliza un switch para expandir la cantidad de puertos disponibles en el router, se debe conectar un cable Ethernet en cualquier puerto LAN del router y en cualquier puerto LAN del switch. Así se expandirá la red al resto de los puertos LAN del switch. 5. Configurar una de las computadoras como servidor DHCP si solo vas a usar un switch. Si se utiliza solo un switch como concentrador de red, se debe configurar una computadora como DHCP (siglas en inglés de "protocolo de configuración dinámica de host") para que todas las computadoras conectadas puedan obtener fácilmente direcciones IP. 6. Verificar la conexión de red en cada computadora. Una vez que cada computadora haya obtenido su dirección IP podrá comunicarse con las demás computadoras de la red. Si se usó un router para compartir la conexión a Internet, ahora también podrán acceder a Internet. 8. Configurar el uso compartido de archivos e impresoras. Una vez que la red esté funcionando, no se podrá ver el contenido de otras computadoras a menos que se habilite el uso compartido de archivos. Se puede elegir qué archivos, carpetas, unidades, impresoras u otros dispositivos quieres compartir y así cualquier usuario de la red (o solo usuarios específicos) podrán acceder a ellos. 38 INFORMÁTICA Pasos para la configuración de una red LAN (Inalámbrica) 1. Configura tu router. Si quieres configurar un router inalámbrico, debes tener algunas cosas en mente: Para solucionar problemas fácilmente, el router debe estar ubicado cerca de tu módem. Debe estar ubicado en el centro para garantizar la máxima cobertura de red inalámbrica posible. Durante el proceso de configuración deberás conectar una computadora al router a través de un cable Ethernet. 2. Conecta una computadora en uno de los puertos LAN del router. Utilizando el cable de red que viene desde la PC, deberás conectarlo al puerto que dice "WAN" o "INTERNET" en el router. Generalmente es de un color distinto al de los otros puertos. 3. Para configurar la red inalámbrica en el router deberás usar un navegador web de la computadora. Abre un navegador web en tu computadora, puedes usar cualquier navegador. 4. Escribe la dirección IP del router. Normalmente esta información viene impresa en la base del router, o en la documentación. En el sistema operativo Windows: haz clic derecho en el botón "Red" en la bandeja del sistema → haz clic en "Abrir Centro de redes y recursos compartidos" → Haz clic en el enlace "Ethernet" → Haz clic en "Detalles" → busca el texto "Puerta de enlace predeterminada" y la dirección que aparece ahí es la dirección IP del router. 5. Inicia sesión en la cuenta de administrador. Te pedirá la información de inicio de sesión de tu router. La información predeterminada varía según el modelo del router, pero a menudo el nombre de usuario es "admin" y la contraseña "admin" o "password" o simplemente hay que dejar el campo vacío. 6. En el menú de configuración del router, abre la sección Inalámbrica (o "Wireless"). La ubicación y la palabra exacta con la que se menciona esta sección varía según el router. 39 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO 7. Cambia el nombre de la red en el campo SSID. Este campo también puede llamarse "Nombre de la red" o en inglés, "Network name". El nombre que pongas aquí será el que aparecerá en la lista de redes inalámbricas disponibles 8. En la opción "Autenticación" ("Authentication") o "Seguridad" ("Security"), selecciona WPA2-Personal. Esta es actualmente la opción más segura que hay en la mayoría de los routers. Evita usar WPA o WEP a menos que sea explícitamente requerido por alguno de los dispositivos (generalmente ocurre con dispositivos viejos o incompatibles). 9. Crea una contraseña segura. Cuando un dispositivo intente conectarse a la red se le pedirá una contraseña. Este campo puede aparecer con el nombre "Clave precompartida" ("Pre-shared Key"). 10.Asegúrate de que la red esté habilitada. Dependiendo del modelo del router, es posible que debas marcar una casilla o hacer clic en un botón al principio del menú "Inalámbrica" para habilitar la red inalámbrica. 11.Haz clic en el botón Guardar ("Save") o Aplicar ("Apply"). Ahora se guardarán los cambios que hiciste en el router, espera mientras el router se reinicia. El router y la red pueden tardar hasta un minuto en restablecerse. 40 INFORMÁTICA ACTIVIDAD Instrucciones: Conteste de manera clara y ordenada lo que se presenta en cada enunciado 1. Enumere dos tipos de red que podemos configurar en una red LAN. ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 2. Enumera los dispositivos que se necesitan para conectar una red por cable y una red inalámbrica. ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 3. ¿Qué medida máxima debe tener el cable de red desde el switch y el dispositivo de comunicación? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 4. ¿Cómo podemos expandir la cantidad de puertos disponibles en el Router? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 5. Dirección IP que se escribe en el navegador para tener acceso a la configuración del Router. ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 41 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO MANTENIMIENTO Y REPARACIÓN II EXPECTATIVAS DE LOGRO Aplicar los conocimientos adquiridos para dar soporte técnico a la infraestructura tecnológica de organizaciones o instituciones. LA PREVENCIÓN DE MANTENIMIENTO Ejemplos del Mantenimiento preventivo: • Actualización de antivirus • Eliminación de programas que no sirven (conocidos como “basura”). La Prevención debe realizarse en dos niveles: 1. Nivel Lógico (Software): Consiste en ejecutar funciones que optimicen el rendimiento del Sistema. Precauciones para prevenir síntomas del Nivel Lógico: • Disponer de un programa antivirus actualizado (los virus reducen el rendimiento del sistema, produce pérdidas de información o detienen el funcionamiento del sistema). • Apagar siempre el sistema desde la opción apagada del sistema operativo (caso contrario, se dañan los sectores del disco duro u otras unidades de almacenamiento). • Evitar la sobrecarga de archivos o programas en ejecución (puede saturar la memoria RAM provocando que el sistema no responda y como consecuencia, reiniciarlo de forma indebida). • Hacer diagnóstico regular a las unidades de almacenamiento, principalmente discos duros, con herramientas como Scandisk, CCleaner, entre otras. 2. Nivel Físico (Hardware): Consiste en la limpieza de todas las partes internas que integran el PC. Cuidados Básicos para el buen funcionamiento de una PC • Situar la PC en un lugar preferiblemente sin alfombra, si tiene alfombra evitar barrer. • La ubicación debe estar lejos de una ventana o puerta. • Colocar la PC lejos de un lugar húmedo. • Evitar el consumo de alimentos mientras trabaja en la PC. • Es recomendable usar fundas de preferencia antiestática para que no retenga polvo, en caso contrario limpiar frecuentemente. 42 INFORMÁTICA ACTIVIDAD Instrucciones: Trabaje en su cuaderno con el siguiente cuadro, explique y ejemplifique las diferencias del Nivel Lógico y Nivel Físico. Nivel Lógico Nivel Físico MANTENIMIENTO CORRECTIVO Es la solución de problemas ya existentes en el equipo a través de la reparación o sustitución de ciertos componentes de la computadora. Objetivos del Mantenimiento Correctivo: • Repara daños ocasionados en el equipo. • Corrige las fallas que se presentan sin un previo aviso. • Desarrolla modificaciones incluyendo las pruebas. • Analiza las posibles soluciones con respecto a los daños. Ejemplos del Mantenimiento Correctivo: • Eliminación de virus • Corrección errores de los sistemas operativos. Los problemas pueden darse en dos niveles: Nivel Lógico (Software): Recomendaciones: • Desinfección de virus. • Instalación /reinstalación de programas. • Configuración de controladores de Dispositivos. • Instalación/reinstalación del sistema operativo. • Diagnóstico de unidades de almacenamiento. 43 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO Nivel Físico (Hardware) Consiste en la limpieza o reemplazo de las partes del PC. LIMPIEZA DE UNA PC Es el proceso de mantener la computadora libre de suciedad en sus principales zonas que se encuentran dentro de la carcasa (case). La siguiente imagen, muestra las herramientas utilizadas para el desensamble de una PC. Pasos a seguir para el desensamble de una PC. • Compruebe que la computadora esté apagada. • Revisar la fecha de garantía de la computadora antes de abrirla. • Asegurarse de desconectar el cable de energía antes de manipular el interior del PC. • Identificar el tipo de tornillos o mecanismos de fijación de la tapa del CPU, para poder tener acceso a los componentes internos. • Se recomienda utilizar una pulsera antiestática. • Al momento de utilizar los destornilladores, se recomienda tomar una foto para la identificación y posición de sus respectivos tornillos y ubicación, (otra opción sería marcarlos o hacer un apunte en papel) así evitar confusiones en el ensamble con los que se utilizan para fijar las tarjetas de expansión. 44 INFORMÁTICA Es necesario identificar algunos elementos internos antes de hacer la limpieza de una PC: Fajas de Datos: Se encargan de comunicar las unidades lectoras y de almacenamiento con la tarjeta madre. Faja IDE Faja SATA Jumper Ventilador y Disipador 45 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO ACTIVIDAD Instrucciones: Trabaje en su cuaderno y escriba el nombre a cada una de las partes que se detallan en la siguiente imagen. 46 INFORMÁTICA PASOS PARA EL DESENSAMBLE DE UNA PC 1. Desatornillar las tapas a los lados o superior, esto dependerá del modelo de la carcasa de la computadora ya sea de escritorio o de torre (Desktop / Tower). 2.Colocarse la pulsera antiestática o descargarse la energía estática del cuerpo, tocando con las dos manos el piso o una parte de metal como el case para no dañar ningún componente interno del PC. 3. Desconectar cada uno de los conectores y componentes de la PC y enumerarlos o tomar una imagen para tener un bosquejo de la ubicación de los mismos en la tarjeta madre, por ejemplo: 47 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO 4. Tomar una foto para recordar cómo va el orden de los cables. 5. Enumerar con cinta adhesiva cada cable para recordar el orden 6. Retirar conectores de energía para CD ROM, DISCO DURO. 7. Retirar conectores de energía para la Disquetera. 48 INFORMÁTICA 8. Quitar conector de energía ATX 9. Desconectar las fajas IDE o fajas SATA. 10. Retirar el ventilador y disipador, considerando que todos los seguros estén desabrochados de la tarjeta madre. 11. Retirar el procesador, presionar el seguro y halar al lado contrario del procesador. 12. Retirar la Memoria RAM considerando quitar en primera instancia los seguros de manera cuidadosa. 49 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO 13. Desensamblar los cables LED de la parte frontal de la PC. 13. Desmontar la Tarjeta Madre. ACTIVIDAD Instrucciones: Trabaje en su cuaderno y escriba el nombre a cada una de las partes que se detallan en la siguie 50 INFORMÁTICA LIMPIEZA INTERIOR DE UNA PC Es este apartado se detalla la forma de trabajar correctamente en el mantenimiento preventivo interno, de cada uno de los dispositivos que conforman una PC: 1. Limpiar las ranuras de la memoria RAM. 2. Limpiar la memoria. 3. Limpiar el ventilador y disipador. 4. Limpiar la Tarjeta Madre. 5. Limpiar el Disco Duro. 51 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO 5. Limpiar el Disco Duro. 6. Limpieza de Teclado. 7. Limpieza del Mouse 8. Limpieza Externa 52 INFORMÁTICA ACTIVIDAD Instrucciones: Conteste en su cuaderno, en forma clara y ordenada las interrogantes que se le presentan a continuación. 1. ¿Cómo se clasifica el mantenimiento preventivo? ______________________________________________________________________ ______________________________________________________________________ 2. Escriba dos ejemplos del mantenimiento preventivo. ______________________________________________________________________ ______________________________________________________________________ 3. ¿Qué es mantenimiento correctivo? ______________________________________________________________________ ______________________________________________________________________ 4. ¿Cuáles son los niveles del mantenimiento? ______________________________________________________________________ ______________________________________________________________________ 5. ¿Cuáles son los objetivos del mantenimiento correctivo? ______________________________________________________________________ ______________________________________________________________________ 6. Escriba dos ejemplos del mantenimiento correctivo ______________________________________________________________________ ______________________________________________________________________ 7. ¿Por qué es importante la limpieza en el PC? ______________________________________________________________________ ______________________________________________________________________ 8. ¿Cuáles son las herramientas básicas para el desensamble de un PC? ______________________________________________________________________ ______________________________________________________________________ 9. Escriba los pasos para el desensamble de un PC. ______________________________________________________________________ ______________________________________________________________________ 53 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO LABORATORIO DE INFORMÁTICA IV EXPECTATIVAS DE LOGRO Desarrollar proyectos informáticos que sea factibles de implementación en instituciones y empresas. CICLO DE VIDA DE SISTEMAS El ciclo de vida de un sistema de información es un enfoque por fases del análisis y diseño que sostiene que los sistemas son desarrollados de mejor manera mediante el uso de un ciclo especifico de actividades del analista y del usuario. Cualquier sistema de información va pasando por una serie de fases a lo largo de su vida. Su ciclo de vida comprende una serie de etapas entre las que se encuentran las siguientes: 54 INFORMÁTICA Para cada una de las fases en que hemos descompuesto el ciclo de vida de un sistema de información se han propuesto multitud de prácticas útiles, entendiendo por prácticas aquellos conceptos, principios, métodos y herramientas que facilitan la consecución de los objetivos de cada etapa. Planificación Antes de que se le dé oficialmente el pistoletazo de salida a un proyecto de desarrollo de un sistema de información, es necesario realizar una serie de tareas previas que influyen decisivamente en la finalización con éxito del proyecto. Estas tareas se conocen popularmente como el fuzzy front-end del proyecto al no estar sujetas a plazos. Las tareas iniciales que se realizarán en esta fase inicial del proyecto incluyen actividades tales como la determinación del ámbito del proyecto, la realización de un estudio de viabilidad, el análisis de los riesgos asociados al proyecto, una estimación del coste del proyecto, su planificación temporal y la asignación de recursos a las distintas etapas del proyecto. Análisis Lo primero que debemos hacer para construir un sistema de información es averiguar qué es exactamente lo que tiene que hacer el sistema. La etapa de análisis en el ciclo de vida del software corresponde al proceso mediante el cual se intenta descubrir qué es lo que realmente se necesita y se llega a una comprensión adecuada de los requerimientos del sistema (las características que el sistema debe poseer). ¿Por qué resulta esencial la etapa de análisis? Simplemente, porque si no sabemos con precisión qué es lo que se necesita, ningún proceso de desarrollo nos permitirá obtenerlo. El problema es que, de primeras, puede que ni nuestro cliente sepa qué es exactamente lo que necesita. Por tanto, deberemos ayudarle a averiguarlo con ayuda de distintas técnicas (algunas de las cuales aprenderemos a utilizar más adelante). Diseño Se han de estudiar posibles alternativas de implementación para el sistema de información que hemos de construir y se ha de decidir la estructura general que tendrá el sistema (su diseño arquitectónico). El diseño de un sistema es complejo y el proceso de diseño ha de realizarse de forma iterativa. El diseño de un sistema de información produce los detalles que establecen la forma en la que el sistema cumplirá con los requerimientos identificados durante la fase de análisis. Los especialistas en sistemas se refieren, con frecuencia, a esta etapa como diseño lógico en contraste con la del desarrollo del software, a la que denominan diseño físico. Implementación Una vez que sabemos qué funciones debe desempeñar nuestro sistema de información (análisis) y hemos decidido cómo vamos a organizar sus distintos componentes (diseño), es el momento de pasar a la etapa de implementación, pero no antes. Antes de escribir una sola línea de código (o de crear una tabla en nuestra base de datos) es fundamental haber comprendido bien el problema que se pretende resolver y haber aplicado principios básicos de diseño que nos permitan construir un sistema de información de calidad. Para la fase de implementación hemos de seleccionar las herramientas adecuadas, un entorno de desarrollo que facilite nuestro trabajo y un lenguaje de programación apropiado 55 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO para el tipo de sistema que vayamos a construir. La elección de estas herramientas dependerá en gran parte de las decisiones de diseño que hayamos tomado hasta el momento y del entorno en el que nuestro sistema deberá funcionar. Pruebas Errar es humano y la etapa de pruebas tiene como objetivo detectar los errores que se hayan podido cometer en las etapas anteriores del proyecto (y, eventualmente, corregirlos). Además, es necesario hacerlo antes de que el usuario final del sistema los tenga que sufrir. De hecho, una prueba es un éxito cuando se detecta un error (y no al revés, como nos gustaría pensar). La búsqueda de errores que se realiza en la etapa de pruebas puede adoptar distintas formas, en función del contexto y de la fase del proyecto en la que nos encontremos. Las pruebas de unidad sirven para comprobar el correcto funcionamiento de un componente concreto de nuestro sistema. Es este tipo de pruebas, el "probador" debe buscar situaciones límite que expongan las limitaciones de la implementación del componente, ya sea tratando éste como una caja negra ("pruebas de caja negra") o fijándonos en su estructura interna ("pruebas de caja blanca"). Uso y mantenimiento La etapa de mantenimiento consume típicamente del 40 al 80 por ciento de los recursos de una empresa de desarrollo de software. De hecho, con un 60% de media, es probablemente la etapa más importante del ciclo de vida del software. Dada la naturaleza del software, que ni se rompe ni se desgasta con el uso, su mantenimiento incluye tres facetas diferentes: • • • 56 Eliminar los defectos que se detecten durante su vida útil (mantenimiento correctivo), lo primero que a uno se le viene a la cabeza cuando piensa en el mantenimiento de cualquier cosa. Adaptarlo a nuevas necesidades (mantenimiento adaptativo), cuando el sistema ha de funcionar sobre una nueva versión del sistema operativo o en un entorno hardware diferente, por ejemplo. Añadir nueva funcionalidad (mantenimiento perfectivo), cuando se proponen características deseables que supondría una mejora del sistema ya existente. INFORMÁTICA ACTIVIDAD Instrucciones: Conteste en su cuaderno, en forma clara y ordenada las interrogantes que se le presentan a continuación. 1. ¿Qué es un Ciclo de Vida de Sistemas de Información? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 2. ¿Qué comprende la etapa de Planificación? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 3. ¿Por qué resulta esencial la Etapa de Análisis? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 4. ¿Qué produce el diseño de Sistemas de Información? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 5. ¿En qué consiste la etapa de Implementación en los Sistemas de Información? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 6. ¿Para qué nos sirve la etapa de Pruebas en los Sistemas de Información? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 7. ¿Qué realiza la etapa de Uso y Mantenimiento de los Sistemas de Información? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 57 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO SISTEMAS DE INFORMACIÓN Es un sistema cuyo principal propósito es gestionar y dar acceso controlado a una base de datos de información. Los problemas más frecuentes en los sistemas de información incluyen seguridad, usabilidad, privacidad y mantenimiento de la integración de datos. Estudiantes Un sistema es una colección de componentes interrelacionados que trabajan conjuntamente para cumplir algún objetivo. Información es una serie de datos, que constituyen un mensaje cambiando el estado de conocimiento del sujeto o sistema que recibe tal mensaje. Los sistemas son distintos unos de otros, depende de los requerimientos de cada empresa; en conclusión, el sistema es simplemente la suma de sus partes. Todo sistema de información se compone de una serie de recursos interconectados y en interacción, dispuestos del modo más conveniente en base al propósito informativo trazado, como puede ser recabar información personal, procesar estadísticas, organizar archivos, etc. Estos recursos pueden ser: • Recursos humanos: Personal de variada índole y destrezas. • Datos: Cualquier tipo de información masiva que precisa de organizarse. • Actividades: Procedimientos, pasos a seguir, estaciones de trabajo, etc. • Recursos informáticos: Aquellos determinados por la tecnología. Se debe destacar que no es lo mismo un sistema de información que un sistema informático, si bien estos últimos constituyen a menudo el grueso de los recursos de un SI. Los sistemas de información se modelan con un enfoque por capas, donde la capa superior soporta la interfaz de usuario, y la capa inferior es la base de datos del sistema. La capa de comunicación con el usuario maneja todas las entradas y salidas de interfaz de usuario, y la capa de recuperación de información incluye la lógica específica de aplicación para acceder y actualizar la base de datos. En ese sentido, las capas en este modelo pueden trazarse directamente hacia servidores dentro de un sistema basado en internet. ● Interfaz de usuario ● Comunicaciones de usuario ● Autenticacion y autorizacion ● Recuperación y modificación de información ● Gestión de transacciones base de datos 58 INFORMÁTICA De forma más detallada podemos decir que las capas están formadas de la siguiente manera: Navegador web Conexión (login), verificación de rol, gestor de formato y menú, validación Recuperación y modificación de información Gestión de transacciones base de datos Los sistemas de información están formados por hardware, software y personas que trabajan en la recopilación de datos con el objetivo de procesarlos, almacenarlos y distribuirlos, para facilitar la toma de decisiones. TIPOS DE SISTEMAS DE INFORMACIÓN Desde un punto de vista empresarial u organizativo, los sistemas de información pueden clasificarse en: • • • • • Sistemas de Procesamiento de Transacciones (TPS). También conocidos como sistemas de gestión operativa, recopilan la información pertinente a las transacciones de la organización, es decir, de su funcionamiento. por ejemplo: el sistema para control de inventario de una tienda de repuestos, sistema de gestión de pedidos de un cliente, en ambos ejemplos se efectúan una transacción, la cual genera una serie de eventos que concluyen con la entrega del producto al cliente. Sistemas de Información Gerencial (MIS). Contemplan la información general de la organización y la comprenden como un todo. Sistemas de soporte de decisiones (DSS). Orientados al procesamiento de información intra y extra organizacional, para el apoyo en la conducción de la empresa. Sistemas de Información Ejecutiva (EIS). Son sistemas informáticos que simulan el proceso de aprendizaje, memorización, razonamiento, comunicación y de acción en consecuencia de un experto humano en cualquier rama de la ciencia para resolver problemas. Sistemas de apoyo a la toma de decisiones en grupo (GDSS) y sistemas de trabajo colaborativo apoyados por computadoras (CSCWS): Es un sistema interactivo basado en computadoras facilitando la solución en problemas no estructurados por un conjunto de responsables de la toma de decisiones que trabajen en grupo. Por ejemplo: CRM, SCM Y ERP. 59 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO El objetivo de los sistemas de soporte de decisiones en grupo es lograr que un grupo resuelva un problema con la ayuda de varios apoyos como encuestas, cuestionarios, lluvia de ideas y creación de escenarios. La realidad es que toda empresa sin importar su tamaño puede aprovechar y tener al alcance de las tecnologías de información que le permitirán conocer otra forma de hacer negocios de una manera más económica, rápida y en cualquier momento. Existe otra clasificación básica de los sistemas de información: Sistemas abiertos: Permiten el acceso y sin restricción a personas o sistemas. Sistemas cerrados: Son aquellos que tienen un comportamiento libre, y no tienen una interacción con otros agentes físicos situados fuera de él. Sistemas estándares: Son aquellos que utilizan un formato establecido para su funcionamiento y se rigen por reglas. 60 INFORMÁTICA ACTIVIDAD Instrucciones: Conteste en su cuaderno, en forma clara y ordenada las interrogantes que se le presentan a continuación. 1. ¿Cuál es el objetivo de los sistemas de información? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 2. ¿De qué están formados los sistemas de información? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 3. ¿Cuál es el propósito principal de un sistema de información? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 4. ¿Tipos de sistemas de información? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 5. ¿Qué otra clasificación básica de los sistemas de información existe? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 6. ¿Aspectos por los que están compuestos los sistemas de información? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 7. ¿Tipos de información? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 61 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO BASE DE DATOS Es una fuente central de datos destinados a ser compartidos entre muchos usuarios para una diversidad de aplicaciones. Cuando un sistema de información hace uso de los archivos convencionales, los datos almacenados serán redundantes y la actualización de los archivos requieren de más tiempo. La integridad de los datos representa un problema debido a que el cambio en un archivo, también requerirán modificar los mismos datos en otros archivos. El sistema de administración de base de datos (DBMS) permite la creación, modificación y actualización de la base de datos, la recuperación de datos y la generación de informes y pantallas. El profesional encargado de garantizar que la base de datos cumple con sus objetivos se conoce como: administrador de base de datos. Objetivo de la base de datos: • Compartir los datos entre usuarios para una diversidad de aplicaciones • Asegurar que los datos sean exactos y consistentes • Asegurar que todos los datos requeridos por las aplicaciones actuales y futuras se pueda acceder con facilidad • Permitir a la base de datos evolucionar conforme aumenten las necesidades de los usuarios. • Permitir a los usuarios construir su visión personal de los datos sin preocuparse por la forma en que los datos se encuentren almacenados físicamente. Compartir los datos significa que éstos deben almacenarse una sola vez, los cambios en los datos se realizan con mayor facilidad y confiabilidad, si estos aparecen solo una vez en lugar de muchos archivos diferentes. Cuando un usuario necesita datos específicos, una base de datos bien diseñada anticipará tal necesidad, por lo tanto, es más probable que los datos estén disponibles en una base de datos que en un sistema de archivos convencional. DBMS (Sistema Manejador de Base de Datos) Un sistema manejador de bases de es una colección de software muy específico, orientado al manejo de base de datos, cuya función es servir de interfaz entre la base de datos, el usuario y las distintas aplicaciones utilizadas. RESPONSABILIDADES DE UN DBMS Almacenamiento: Se refiere a que los DBMS guardan los datos que el usuario indica en campos, registros y tablas que están relacionados entre ellos. Recuperación de datos: El usuario puede recuperar los datos almacenados, para mostrarlos en pantallas de salida o en salidas impresas, 62 INFORMÁTICA Seguridad: Implica que el DBMS deberá proveer un esquema por medio del cual solo los usuarios autorizados tengan el acceso a los datos. Control de concurrencia: Significa que el software hará control de varios clientes conectados al mismo tiempo y así suplir sus solicitudes de la mejor manera Recuperación del estado del sistema: si surge un fallo eléctrico u otra razón, el mismo deberá recuperar el último estado consistente para que los datos no queden corruptos. Partes de la base de datos • Campo: Son las unidades atómicas de datos que se almacenan en una base de datos y representan una pieza de información acerca de algo que se está almacenando en ella. • Registro: Es un conjunto de campos que tienen una relación lógica entre sí. • Tabla: Es un conjunto de registros homogéneos (del mismo tipo) también llamada relación en términos formales. • Diseño de base de datos: Es el proceso mediante el cual se diseñan las diferentes tablas de la base de datos, se describe cada uno de los componentes y se determinan las relaciones que existirán entre las tablas que tenga la base de datos. • Llave primaria: Es un campo o conjunto de campos que identifican de manera única a un registro de tabla. • Llave foránea: Son llaves primarias de otras tablas que se encuentran en una relación. Modelo entidad relación (e-r) Es aquél que se desarrolló para facilitar el diseño de bases de datos, es muy útil para relacionar los significados e interacciones de las empresas reales con el esquema conceptual. Entidad: Es una cosa u objeto del mundo real que es distinguible de todos los demás objetos. Por ejemplo, cada persona de cada empresa es una entidad. Una entidad tiene un conjunto de propiedades y los valores de algún conjunto de propiedades pueden identificar cada entidad de forma unívoca. Atributos: Para cada atributo hay un conjunto de valores permitidos, denominados dominio o conjunto de valores de ese atributo. Cardinales Uno a uno: Cada entidad A se asocia a lo sumo con una entidad B, y cada entidad B se asocia únicamente con una entidad A. Uno a muchos: Cada entidad A se asocia con cualquier número (cero o más veces) de entidades B. cada entidad de B solamente se puede asociar con una entidad de A. Muchos a muchos: Cada entidad de A se asocia con cualquier número (cero o más) de entidades de B, y cada entidad de B se asocia con cualquier número (cero o más) de entidades de A. 63 CUADERNO DE TRABAJO AUTÓNOMO - DUODÉCIMO GRADO ACTIVIDAD Instrucciones: Conteste en su cuaderno, en forma clara y ordenada las interrogantes que se le presentan a continuación. 1. ¿Qué es una base de datos? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 2. ¿Qué permite el sistema de administración de base de datos (DBMS)? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 3. ¿Qué es una tabla? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 4. ¿Qué es un registro? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 5. Cuál es la diferencia entre una tabla y un registro? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 6. ¿Qué es un modelo entidad relación (E-R)? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 7. ¿Qué es una entidad? ______________________________________________________________________ ______________________________________________________________________ ______________________________________________________________________ 64 BIBLIOGRAFÍA • https://disenowebakus.net/ciclo-de-vida-sitio-web.php • https://disenowebakus.net/administrar-un-sitio-web.php • https://www.ingeniovirtual.com/etapas-para-el-diseno-y-desarrollo-de-sitios-web/ • https://www.teamnet.com.mx/blog/ciclo-de-vida-de-los-sistemas-de-computo • https://disenowebakus.net/la-vida-util-de-un-sitio-web.php • https://disenowebakus.net/analisis-de-proyectos.php • https://www.mclibre.org/consultar/htmlcss/css/css-que-es.html • http://www.maestrosdelweb.com/los-diferentes-lenguajes-de-programacion-para-laweb/ • https://tutorialesenpdf.com/desarrollo-web/ • https://blog.whatwg.org/ • http://www.lamolina.edu.pe/osi/manual/Curso_HTML5_v1.pdf • http://www.maestrosdelweb.com/ • https://www.palbin.com/es/blog/p1027-como-crear-un-boceto-web-o-wireframe.html • http://desarrolloweb.dlsi.ua.es/cursos/2011/html5-css3-es/css-ejercicios • https://www.ciudadano2cero.com/como-crear-una-pagina-web-en-html/ • https://www.ticarte.com/contenido/ejercicios-practicos-de-html5 • https://es.wikipedia.org/wiki/Wireframe_(dise%C3%B1o_web) • http://elvex.ugr.es/ • https://www.monografias.com/trabajos29/ciclo-sistema/ciclo-sistema.shtml AGRADECIMIENTO La Secretaría de Educación, agradece el valioso apoyo brindado por la Fundación para la Educación y Comunicación Social Telebásica STVE, en el diseño y diagramación de estos Cuadernos de Trabajo Autónomo, como un significativo aporte a la Educación de Honduras, en el marco de la estrategia pedagógica curricular para atender educandos en el hogar. Emergecia COVID-19 Cuaderno de Trabajo Autónomo Bachillerato Técnico Profesional en Informática Duodécimo grado de Educación Media Publicado por la Secretaría de Educación en el marco de la emergencia nacional COVID-19 Tegucigalpa, M.D.C., Honduras, C.A. 2021