Patrones+de+Diseño.

**Grupo Nº 3** **Patrones de Diseño ** ** Del libro “Thinking in Patterns with Java” de Bruce Eckel: **
 * **Cédula Identidad** || **Nombre y Apellido** ||
 * = 19279017 ||= Ana Montilla ||
 * = 19279006 ||= Isamar Mejia ||
 * = 19429419 ||= Jorman Quintero ||
 * = 19518128 ||= Orlanin Aguirre ||

En principio se puede pensar en un patrón como una forma especialmente inteligente e introspectiva de resolver una clase particular de problema. Mucha gente ha trabajado a través de todos los ángulos de un problema y llegaron a la solución más general y flexible. El problema puede ser uno que hayas visto y solucionado antes, pero tu solución probablemente no tenía la completitud que se ve en un patrón.

Aunque son llamados "patrones de diseño", no están realmente atados a la realidad del diseño. Un patrón se diferencia de las formas tradicionales de pensar en análisis, diseño e implementación. En vez de eso, un patrón abarca una idea completa dentro de un programa, por lo que puede aparecer entonces en la fase de análisis o la fase de diseño de alto nivel. Ésto es interesante porque un patrón tiene una implementación directa en el código y entonces puedes no esperar que aparezca antes del diseño a bajo nivel o la implementación (de hecho puedes no darte cuenta que necesitas un patrón en particular hasta llegar a esas fases).

El concepto básico de un patrón también puede ser visto como el concepto básico del diseño de programas: Agregar una capa de abstracción. Cuando abstraes algo, estás aislando detalles particulares, y uno de las motivaciones más llamativas detrás de esto, es separar las cosas que cambian de las cosas que quedan igual. Otra forma de decir esto es que una vez que encuentras una parte del programa que es probable que cambie por una u otra razón, vas a querer evitar que esos cambios propaguen otros cambios en tu código. Ésto no solo hace que tu cambio sea más barato de mantener, pero también lo vuelve más simple de entender (lo que resulta en costos abaratados).

<span style="font-family: "Times New Roman",Times,serif;"> Basado en los dicho anteriormente podemos de cir que los //**patrones de diseño**// **//son soluciones simples y elegantes a problemas específicos y comunes del diseño. Son soluciones basadas en la experiencia y que se ha demostrado que funcionan.//** <span style="font-family: "Times New Roman",Times,serif;">En el siguiente video podremos escuchar sobre concepto e importancia de los patrones de diseño y ejemplos de ellos como Patron Adapter (Adactador), Strategy (Estrategia) y Deco:

media type="youtube" key="vchkn9Qs3e4" height="408" width="546" align="center"

<span style="font-family: "Times New Roman",Times,serif;">Joaquin Gracia <span style="font-family: "Times New Roman",Times,serif;">"27 de Mayo de 2005"

> A continuación una lista con los patrones de diseño a objetos más habituales publicados en el libro "Desing Patterns, escrito por los que comúnmente se conoce como GoF (gang of four, "pandilla de los cuatro"). <span style="color: #0000ff; display: block; font-family: "times new roman",times,serif; text-align: center;">** Categorías de patrones ** <span style="font-family: "Times New Roman",Times,serif;">Según la escala o nivel de abstracción: <span style="font-family: "Times New Roman",Times,serif;">Además, también es importante reseñar el concepto de "antipatrón de diseño", que con forma semejante a la de un patrón, intenta prevenir contra errores comunes de diseño en el software. La idea de los antipatrones es dar a conocer los problemas que acarrean ciertos diseños muy frecuentes, para intentar evitar que diferentes sistemas acaben una y otra vez en el mismo callejón sin salida por haber cometido los mismos errores.
 * <span style="font-family: "Times New Roman",Times,serif;">Es evidente que a lo largo de multitud de diseños de aplicaciones hay **problemas que se repiten** o que son análogos, es decir, que responden a un cierto **patrón**. Sería deseable tener una colección de dichos patrones con las soluciones más óptimas para cada caso. En este artículo presentamos una lista con los más comunes y conocidos.
 * <span style="font-family: "Times New Roman",Times,serif;">Los patrones de diseño no son fáciles de entender, pero una vez entendido su funcionamiento, los **diseños** serán mucho más **flexibles**, **modulares** y **reutilizables**. Han revolucionado el diseño orientado a objetos y todo buen arquitecto de software debería conocerlos.
 * <span style="font-family: "Times New Roman",Times,serif;">**Patrones de arquitectura**: Aquellos que expresan un esquema organizativo estructural fundamental para sistemas de software.
 * <span style="font-family: "Times New Roman",Times,serif;">**Patrones de diseño**: Aquellos que expresan esquemas para definir estructuras de diseño (o sus relaciones) con las que construir sistemas de software.
 * <span style="font-family: "Times New Roman",Times,serif;">**Dialectos**: Patrones de bajo nivel específicos para un lenguaje de programación o entorno concreto.

<span style="font-family: "Times New Roman",Times,serif;">A su vez en el medio tambien existen varios modelos que ayudan a la definicion de los patrones a seguir como lo son a continuacion:
 * <span style="display: block; font-family: "times new roman",times,serif; text-align: center;">** PATRONES DE CREACION ** ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Abstract Factory** || <span style="font-family: "Times New Roman",Times,serif;">Proporciona una interfaz para crear familias de objetos o que dependen entre sí, sin especificar sus clases concretas. ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Builder** || <span style="font-family: "Times New Roman",Times,serif;">Separa la construcción de un objeto complejo de su representación, de forma que el mismo proceso de construcción pueda crear diferentes representaciones. ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Factory Method** || <span style="font-family: "Times New Roman",Times,serif;">Define una interfaz para crear un objeto, pero deja que sean las subclases quienes decidan qué clase instanciar. Permite que una clase delegue en sus subclases la creación de objetos. ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Prototype** || <span style="font-family: "Times New Roman",Times,serif;">Especifica los tipos de objetos a crear por medio de una instancia prototípica, y crear nuevos objetos copiando este prototipo ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Singleton** || <span style="font-family: "Times New Roman",Times,serif;">Garantiza que una clase sólo tenga una instancia, y proporciona un punto de acceso global a ella. ||


 * <span style="color: #0000ff; display: block; font-family: "times new roman",times,serif; text-align: center;">**PATRONES ESTRUCTURALES** ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Adapter** || <span style="font-family: "Times New Roman",Times,serif;">Convierte la interfaz de una clase en otra distinta que es la que esperan los clientes. Permiten que cooperen clases que de otra manera no podrían por tener interfaces incompatibles. ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Bridge** || <span style="font-family: "Times New Roman",Times,serif;">Desvincula una abstracción de su implementación, de manera que ambas puedan variar de forma independiente. ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Composite** || <span style="font-family: "Times New Roman",Times,serif;">Combina objetos en estructuras de árbol para representar jerarquías de parte-todo. Permite que los clientes traten de manera uniforme a los objetos individuales y a los compuestos. ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Decorator** || <span style="font-family: "Times New Roman",Times,serif;">Añade dinámicamente nuevas responsabilidades a un objeto, proporcionando una alternativa flexible a la herencia para extender la funcionalidad. ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Facade** || <span style="font-family: "Times New Roman",Times,serif;">Proporciona una interfaz unificada para un conjunto de interfaces de un subsistema. Define una interfaz de alto nivel que hace que el subsistema se más fácil de usar. ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Flyweight** || <span style="font-family: "Times New Roman",Times,serif;">Usa el compartimiento para permitir un gran número de objetos de grano fino de forma eficiente. ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Proxy** || <span style="font-family: "Times New Roman",Times,serif;">Proporciona un sustituto o representante de otro objeto para controlar el acceso a éste. ||


 * <span style="color: #0000ff; display: block; font-family: "times new roman",times,serif; text-align: center;">**PATRONES DE COMPORTAMIENTO** ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Chain of Responsibility** || <span style="font-family: "Times New Roman",Times,serif;">Evita acoplar el emisor de una petición a su receptor, al dar a más de un objeto la posibilidad de responder a la petición. Crea una cadena con los objetos receptores y pasa la petición a través de la cadena hasta que esta sea tratada por algún objeto ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Com****mand** || <span style="font-family: "Times New Roman",Times,serif;">Encapsula una petición en un objeto, permitiendo así parametrizar a los clientes con distintas peticiones, encolar o llevar un registro de las peticiones y poder deshacer la operaciones. ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Interpreter** || <span style="font-family: "Times New Roman",Times,serif;">Dado un lenguaje, define una representación de su gramática junto con un intérprete que usa dicha representación para interpretar las sentencias del lenguaje. ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Mediator** || <span style="font-family: "Times New Roman",Times,serif;">Define un objeto que encapsula cómo interactúan un conjunto de objetos. Promueve un bajo acoplamiento al evitar que los objetos se refieran unos a otros explícitamente, y permite variar la interacción entre ellos de forma independiente. ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Template Method** || <span style="font-family: "Times New Roman",Times,serif;">Define en una operación el esqueleto de un algoritmo, delegando en las subclases algunos de sus pasos. Permite que las subclases redefinan ciertos pasos del algoritmo sin cambiar su estructura. ||
 * <span style="color: #0000ff; font-family: "Times New Roman",Times,serif;">**Visitor** || <span style="font-family: "Times New Roman",Times,serif;">Representa una operación sobre los elementos de una estructura de objetos. Permite definir una nueva operación sin cambiar las clases de los elementos sobre los que opera. ||

<span class="mw-headline" style="color: #0000ff; font-family: "Times New Roman",Times,serif;">Objetivos de los patrones <span style="font-family: "Times New Roman",Times,serif;">No es obligatorio utilizar los patrones, solo es aconsejable en el caso de tener el mismo problema o similar que soluciona el patrón, siempre teniendo en cuenta que en un caso particular puede no ser aplicable. "Abusar o forzar el uso de los patrones puede ser un error" <span style="color: #0000ff; display: block; font-family: "times new roman",times,serif; text-align: center;">**Algo de historia** <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">El concepto de "patrón de diseño" que tenemos en Ingeniería del Software se ha tomado prestado de la arquitectura. En 1977 se publica el libro "A Pattern Language: Towns/Building/Construction", de Christopher Alexander, Sara Ishikawa, Murray Silverstein, Max Jacobson, Ingrid Fiksdahl-King y Shlomo Angel, Oxford University Press. Contiene numerosos patrones con una notación específica de Alexander. <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">Alexander comenta que “Cada patrón describe **un problema que ocurre una y otra vez** en nuestro entorno, para describir después **el núcleo de la solución** a ese problema, de tal manera que esa solución pueda ser usada más de un millón de veces sin hacerlo siquiera dos veces de la misma forma”. El patrón es un esquema de solución que se aplica a un tipo de problema, esta aplicación del patrón no es mecánica, sino que requiere de **adaptación y matices**. Por ello, dice Alexander que los numerosos usos de un patrón no se repiten dos veces de la misma forma. <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">La idea de patrones de diseño estaba "en el aire", la prueba es que numerosos diseñadores se dirigieron a aplicar las ideas de Alexander a su contexto. El catálogo más famoso de patrones se encuentra en **“Design Patterns: Elements of Reusable Object-Oriented Software”**, de Erich Gamma, Richard Helm, Ralph Johnson y John Vlissides, 1995, Addison-Wesley, también conocido como el libro GOF (Gang-Of-Four). <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">Siguiendo el libro de GOF los patrones se clasifican según el proposito para el que han sido definidos:
 * <span style="font-family: "Times New Roman",Times,serif;">Los patrones de diseño pretenden: **
 * <span style="font-family: "Times New Roman",Times,serif;">Proporcionar catálogos de elementos reusables en el diseño de sistemas software.
 * <span style="font-family: "Times New Roman",Times,serif;">Evitar la reiteración en la búsqueda de soluciones a problemas ya conocidos y solucionados anteriormente.
 * <span style="font-family: "Times New Roman",Times,serif;">Formalizar un vocabulario común entre diseñadores.
 * <span style="font-family: "Times New Roman",Times,serif;">Estandarizar el modo en que se realiza el diseño.
 * <span style="font-family: "Times New Roman",Times,serif;">Facilitar el aprendizaje de las nuevas generaciones de diseñadores condensando conocimiento ya existente.
 * <span style="font-family: "Times New Roman",Times,serif;">Asimismo, no pretenden: **
 * <span style="font-family: "Times New Roman",Times,serif;">Imponer ciertas alternativas de diseño frente a otras.
 * <span style="font-family: "Times New Roman",Times,serif;">Eliminar la creatividad inherente al proceso de diseño.
 * <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">**Creacionales:** solucionan problemas de creación de instancias. Nos ayudan a encapsular y abstraer dicha creación.
 * <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">**Estructurales:** solucionan problemas de composición (agregación) de clases y objetos.
 * <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">**De Comportamiento:** soluciones respecto a la interacción y responsabilidades entre clases y objetos, así como los algoritmos que encapsulan.

<span style="display: block; font-family: "times new roman",times,serif; text-align: justify;">** Según el ámbito se clasifican en patrones de clase y de objeto: ** <span style="font-family: "Times New Roman",Times,serif;">Plantilla || <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">Los patrones de diseño son **descripciones de clases** cuyas **instancias colaboran entre sí**. Cada patrón es adecuado para ser adaptado a un cierto tipo de problema. Para describir un caso debemos especificar:
 * || <span style="display: block; font-family: "times new roman",times,serif; text-align: center;">**//Creación//** || <span style="display: block; font-family: "times new roman",times,serif; text-align: center;">**//Estructural//** || <span style="display: block; font-family: "times new roman",times,serif; text-align: center;">**//De Conducta//** ||
 * <span style="display: block; font-family: "times new roman",times,serif; text-align: center;">**Clase** || <span style="font-family: "Times New Roman",Times,serif;">Método de Fabricación || <span style="font-family: "Times New Roman",Times,serif;">Adaptador (clases) || <span style="font-family: "Times New Roman",Times,serif;">Interprete
 * <span style="display: block; font-family: "times new roman",times,serif; text-align: center;">**Objeto** || <span style="font-family: "Times New Roman",Times,serif;">Fábrica, Constructor, Prototipo, Singleton || <span style="font-family: "Times New Roman",Times,serif;">Adaptador (objetos), Puente, Composición, Decorador, Fachada, Flyweight || <span style="font-family: "Times New Roman",Times,serif;">Cadena de Responsabilidad, Comando (orden), Iterador, Intermediario, Observador, Estado, Estrategia, Visitante, Memoria ||
 * <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">Nombre
 * <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">Propósito o finalidad
 * <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">Sinónimos (otros nombres por los que puede ser conocido)
 * <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">Problema al que es aplicable
 * <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">Estructura (diagrama de clases)
 * <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">Participantes (responsabilidad de cada clase)
 * <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">Colaboraciones (diagrama de interacciones)
 * <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">Implementación (consejos, notas y ejemplos)
 * <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">Otros patrones con los que está relacionado

<span style="color: #0000ff; display: block; font-family: "times new roman",times,serif; text-align: center;">**Ventajas de los patrones** <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">La clave para la reutilización es anticiparse a los nuevos requisitos y cambios, de modo que los sistemas evolucionen de forma adecuada. Cada patrón permite que algunos aspectos de la estructura del sistema puedan cambiar independientemente de otros aspectos. Facilitan la reusabilidad, extensibilidad y mantenimiento. <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">Un patrón es un **esquema o microarquitectura** que supone una solución a problemas (dominios de aplicación) semejantes (aunque los dominios de problema pueden ser muy diferentes e ir desde una aplicación CAD a un cuadro de mando empresarial). Interesa constatar una vez más la vieja distinción entre dominio del problema (donde aparecen las clases propias del dominio, como cuenta, empleado, coche o beneficiario) y el dominio de la solución o aplicación (donde además aparecen clases como ventana, menú, contenedor o listener). Los patrones son patrones del dominio de la solución.También conviene distinguir entre un patrón y una arquitectura global del sistema. Por decirlo en breve, es la misma distancia que hay entre el diseño de un componente (o módulo) y el análisis del sistema. Es la diferencia que hay entre el aspecto micro y el macro, por ello, en ocasiones se denomina a los patrones como "microarquitecturas". <span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">En resumen, un patrón es el denominador común, una estructura común que tienen aplicaciones semejantes. Esto también ocurre en otros ordenes de la vida. Por ejemplo, en nuestra vida cotidiana aplicamos a menudo el esquema saludo-presentación-mensaje-despedida en ocasiones diversas, que van desde un intento de ligar hasta dar una conferencia (si todavía no cree que existan patrones o que no son útiles intente ligar con el esquema despedida-mensaje-presentación-saludo, a ver que ocurre).

<span style="color: #000000; display: block; font-family: "times new roman",times,serif; text-align: justify;">media type="custom" key="18938248" align="left"



**<span style="color: #0011ff; font-family: "Times New Roman",Times,serif;">TRABAJANDO CON EL MODELO CONSTRUCCION DE PROTOTIPO IMPLEMENTADO EN EL DESARROLLO DE UN SOFTWARE EDUCATIVO PARA COADYUVAR EL APRENDIZAJE DEL INGLES BASICO DE LOS ESTUDIANTES DE 4TO GRADO DE LA E.B. “EL POLVERO” DEL ESTADO BARINAS **

**<span style="color: #0011ff; font-family: "Times New Roman",Times,serif;">DISEÑO DE LA INVESTIGACIÓN ** <span style="font-family: "Times New Roman",Times,serif;">Este modelo, a diferencia de otros que se centran en los aspectos técnicos del desarrollo del sistema interactivo, toma en cuenta el diseño didáctico dedicándole una fase que incluye: los objetivos de instrucción, los objetivos de aprendizaje, las decisiones acerca del contenido, el modelo cognitivo y el prototipo en papel. La fase de diseño interactivo que propone Brian Blum (1995) presenta cuestiones relacionadas con los requerimientos funcionales, las metáforas y paradigmas, el diseño de la interface, el mapa de navegación, y un prototipo funcional. Estos elementos son de gran utilidad para organizar de una mejor manera los elementos que serán presentados, tanto el contenido como los medios a través de los cuales será presentado el mismo. Las fases de esta Metodología son:

<span style="font-family: "Times New Roman",Times,serif;">La etapa de análisis permitirá tener una información clara y detallada de todos los elementos que entran en juego al desarrollar un material educativo, asi como son los docentes, a quien está dirigido entre otras, permitiendo un desarrollo ajustado a las necesidades y condiciones reales en que se encuentra el problema. <span style="font-family: "Times New Roman",Times,serif;">El objetivo de esta etapa debe ser un documento escrito, es por ello que se realizo una entrevista a la Licda. Ana María Gómez, docente de 4to Grado de la Escuela Básica “el Polvero” ubicada en el Municipio Rojas Estado Barinas. La Licda. dio a conocer que los niños y niñas presenta dificultad en cuanto al aprendizaje de ingles básico especialmente en el abecedario, números y colores. <span style="font-family: "Times New Roman",Times,serif;">**Análisis del público:** en el 4to Grado de la escuela antes mencionada existe una matrícula de 21 alumnos,(8 hembras y 13 varones ). Con rangos de edades comprendidas entre 09 y 11 años de Edad. Previa al tema en el cual los niños presentan dificultad en el aprendizaje de inglés. <span style="font-family: "Times New Roman",Times,serif;">**Análisis del Ambiente:** el aprendizaje de lengua ingles es una actividad curricular obligatoria ya que se encuentra dentro de la ley de educación básica. La Escuela posee un centro de informática y telemática, el cual está dotada con 15 computadoras, en el cual se desarrolla la clase de computación que tiene por duración 1 hora. Los niños ven Computación una vez a la semana. <span style="font-family: "Times New Roman",Times,serif;">**Análisis del Contenido:** el análisis del contenido se presenta la planificación del contenido programático en el área de inglés básico de primaria, tema que se detalla a continuación: <span style="font-family: "Times New Roman",Times,serif;">- Abecedario (Inglés – Español) <span style="font-family: "Times New Roman",Times,serif;">- Vocales. <span style="font-family: "Times New Roman",Times,serif;">- Los números naturales. <span style="font-family: "Times New Roman",Times,serif;">- Colores. <span style="font-family: "Times New Roman",Times,serif;">- Vocabulario básico. <span style="font-family: "Times New Roman",Times,serif;">- Diccionario de letras. <span style="font-family: "Times New Roman",Times,serif;">**Análisis del sistema:** se propone realizar un Software Educativo utilizando un lenguaje de programación PHP, y MYSQL para la base de dato.
 * <span style="color: #0011ff; font-family: "Times New Roman",Times,serif;">Fase 1. Análisis. **

<span style="font-family: "Times New Roman",Times,serif;">Pre-estudio de la Estrategia de Difusión - Fuentes de Recursos: por razones de trabajo especial de grado para optar por el Título de Técnico Superior en Informática los gastos producidos por la realización del Software Educativos serán cubierto por los Autores. Y se puede distribuir en la escuela porque esta posee un Centro de Informática y Telemática. Para la utilización del Software Educativo no es necesario el acceso a internet.

<span style="font-family: "Times New Roman",Times,serif;">Una vez Realizado el análisis de documentado, se puede empezar a tomar decisiones concretas para el material y por tener un fin educativo se debe considerar todos los elementos que permitirán dar una solución a las necesidades detectadas en la etapa de análisis así como son: <span style="font-family: "Times New Roman",Times,serif;">v Promover el interés del alumnado al aprendizaje del ingles básico. <span style="font-family: "Times New Roman",Times,serif;">v Motivar la enseñanza de la pronunciación correcta del abecedario, números, y colores en ingles. <span style="font-family: "Times New Roman",Times,serif;">v Identificar vocabulario básico Ingles-Español. <span style="font-family: "Times New Roman",Times,serif;">Son objetivos para que los alumnos desarrollen habilidades de conversación, identificación y pronunciación de ingles básico. El objetivo principal de estudio realizado consiste en que los niños y niñas desarrollen habilidades cognitivas para el aprendizaje de inglés, expresarse con espontaneidad y claridad como fuente de disfrute, conocimiento e información <span style="font-family: "Times New Roman",Times,serif;">El contenido del software educativo está distribuido en 5 bloques los cuales se mencionan a continuación: Abecedario (Inglés – Español), Los números naturales, Colores, Vocabulario básico y Diccionario de letras. Cada bloque se divide en lecciones y a su vez cuenta con ejemplos gráficos, igualmente el software educativo cuenta con un bloque de entretenimiento, para que los alumnos se diviertan aprendiendo. <span style="font-family: "Times New Roman",Times,serif;">También se cuenta con un bloque de evaluación con preguntas de selección simple la cual se aplica para afianzar los conocimientos obtenido por los niños durante las clases impartidas por el docente. <span style="font-family: "Times New Roman",Times,serif;">Modelo Cognoscitivo: es el modelo aplicado para transmitir los conocimientos a los niños y niñas, en nuestro caso es mediante el software educativo para el aprendizaje de ingles básico, el cual cada lección se utilizan elemento multimedia (audio, imagen y texto) para poder transmitir la información. De forma tal que se pueda satisfacer las necesidades de aprendizaje a todo los niños y niñas de la institución, garantizando el conocimiento y aprendizaje adecuado.
 * <span style="color: #0011ff; font-family: "Times New Roman",Times,serif;">Fase 2. Diseño Educativo. **
 * <span style="font-family: "Times New Roman",Times,serif;">Metas de Aprendizaje. **
 * <span style="font-family: "Times New Roman",Times,serif;">Objetivo del Aprendizaje. **
 * <span style="font-family: "Times New Roman",Times,serif;">Decisiones de contenido: **


 * <span style="font-family: "Times New Roman",Times,serif;">Prototipo en Papel: **

**<span style="font-family: "Times New Roman",Times,serif;">Diagrama Contextual y Desarrollo del Sistema Actual. ** <span style="font-family: "Times New Roman",Times,serif;">Dentro del presente diagrama podrán apreciar el modelo de contenido impartido por la institución, donde el docente planifica y proyecta la clase que se les dará a los alumnos, después de realizar la etapa de enseñanza y aprendizaje, la docente procede a realizar una Evaluación, para así comprobar los conocimientos de los niños.

**<span style="font-family: "Times New Roman",Times,serif;">Diagrama Contextual y Desarrollo del Sistema Propuesto. ** <span style="font-family: "Times New Roman",Times,serif;">Es importante aclarar que el Software no pretende sustituir al docente, sino proporcionar una estrategia innovadora, para así poder ayudar al docente el proceso de enseñanza y a los alumnos aprender de manera divertida, facilitando el proceso de Enseñanza-Aprendizaje.

<span style="font-family: "Times New Roman",Times,serif;">**Requerimientos Funcionales:** En la comunicación usuario-computador se requerirán dispositivos como: el ratón, el teclado y el monitor.
 * <span style="color: #0011ff; font-family: "Times New Roman",Times,serif;">Fase 3. Diseño Interactivo. **

<span style="font-family: "Times New Roman",Times,serif;">**Metáforas y Paradigmas:** en el diseño de la interfaz del software Educativo se utilizan objetos del mundo real tales como: niños, letras, animales, caricaturas entre otros que resultan cotidianos para los niños y niñas.

<span style="font-family: "Times New Roman",Times,serif;">**Diseño de las interfaces:** el software Educativo posee una interfaz directa con el usuario, es decir, permite una interacción rápida y sencilla a través de los niños, niños y el computador. Para poder navegar en el software no es necesario tener un conocimiento avanzado en computación. El ambiente es netamente interactivo, para así motivar a prestar atención a la información presentada y así crear un ambiente agradable para todo los usuarios del Software Educativo.

<span style="font-family: "Times New Roman",Times,serif;">**Manejo:** para la utilización del software Educativo, los niños deberán introducir su nombre y la primera letra de su apellido como usuario y como clave su número en la lista de asistencia. También podrán navegar por el software educativo atreves de sus botones, por lo tanto podrán ubicarse y percibir información para poder interactuar con el software educativo.

<span style="font-family: "Times New Roman",Times,serif;">En la pantalla N-º 1 consiste en la pantalla principal de Software Educativo, esta se compone de varios enlace de importancia, el cual nos puede dirigir al juego interactivo, informacion del software, sistema del software entre otros. <span style="font-family: "Times New Roman",Times,serif;">En la pantalla N-º 2 consiste en un juego muy interactivo que permitira aprender a pronuciar siertos nombres de animales y a su vez agilizar la memoria, cuya funcion consiste en darle clik a cada casilla, esta se boltira y se girara nuevamente, el objetivo es recordar la posición de la figura y completar pares de la misma figura en menor tiempo posible. <span style="font-family: "Times New Roman",Times,serif;">En la pantalla N-º3 platea el contenido del Software Educativo como lo son: Abecedario, colores, numeros y Saludos Basicos. Cada uno de los link nos llevara a aprender y disfrutar del Software. <span style="font-family: "Times New Roman",Times,serif;">En la pantalla N-º4 consiste en el abecedario de aprendizaje, funciona de la siguiente manera: cuando se le da clik a la imagen que representa la letra, aparecera la letra sola con su respectiba pronunciacion. La pantalla que estan observando tiene animaciones en e l costado derecho, izquierdo y en la parte inferior donde se ubica el tren.
 * <span style="color: #0011ff; font-family: "Times New Roman",Times,serif;">Fase 4. Desarrollo del Software Educativo. **
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla Principal **
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla N-º: 1 **
 * <span style="font-family: "Times New Roman",Times,serif;">Descripción **
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla del Juego Educativo **
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla N-º: 2 **
 * <span style="font-family: "Times New Roman",Times,serif;">Descripción **
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla del Software Educativo **
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla N-º: 3 **
 * <span style="font-family: "Times New Roman",Times,serif;">Descripción **
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla del Abecedario **
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla N-º: 4 **
 * <span style="font-family: "Times New Roman",Times,serif;">Descripción **

<span style="font-family: "Times New Roman",Times,serif;">En la pantalla N-º5 consiste en los Colores en ingles, funciona de igual mforma que la panatalla N-º4.
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla de los Colores **
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla N-º: 5 **
 * <span style="font-family: "Times New Roman",Times,serif;">Descripción **
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla de los Numeros **

<span style="font-family: "Times New Roman",Times,serif;">En la pantalla N-º6 consiste en los Numeros en ingles, funciona de igual forma que la panatalla N-º4 y N-º5. <span style="font-family: "Times New Roman",Times,serif;">En la pantalla N-º7 consiste en la carga de imagen, letra a representar y su pronunciación en inglés. <span style="font-family: "Times New Roman",Times,serif;">En la pantalla N-º8 consiste en la inscripción de los niños y niñas de 4to grado de la Escuela Básica “El Polvero”. Se llenan todo los datos personales del niño.
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla N-º: 6 **
 * <span style="font-family: "Times New Roman",Times,serif;">Descripción **
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla de la insercion de la letras del Abecedario en ingles. **
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla N-º: 7 **
 * <span style="font-family: "Times New Roman",Times,serif;">Descripción **
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla de la inserción de los Alumnos. **
 * <span style="font-family: "Times New Roman",Times,serif;">Pantalla N-º: 8 **
 * <span style="font-family: "Times New Roman",Times,serif;">Descripción **