PROG. ORIENTADA- ANÁLISIS Y DISEÑO DE APP Y DISEÑO DE PÁGINAS WEB 5TO 2026

 https://www.educaciontrespuntocero.com/recursos/apps-para-crear-mapas-conceptuales/#GitMind 1. Abstracción: Descripción: La abstracción se centra en mostrar solo la información relevante de un objeto, ocultando los detalles complejos de su implementación. Permite crear modelos simplificados del mundo real, enfocándose en "qué hace" un objeto en lugar de "cómo lo hace". Ejemplo: Considera un automóvil. Cuando conduces, interactúas con el volante, los pedales y la palanca de cambios. No necesitas saber cómo funciona internamente el motor, la transmisión o el sistema de frenos para operarlo. La interfaz del conductor (volante, pedales, etc.) es una abstracción de la compleja maquinaria subyacente. Pregunta: Describe otro ejemplo de la vida real donde se aplique el concepto de abstracción. ¿Qué detalles se ocultan y qué información se expone? 3. Herencia: Descripción: La herencia es un mecanismo que permite crear nuevas clases (clases derivadas o subc...

  - ¿QUE ES EL WORD WIDE WEB? PARA QUE SIRVE UNA DIRECCION IP COMO FUNCIONA EL CLIENTE SERVIDOR QUE ES EL HTTP Y HTTPS Y CUAL ES SU DIFERENCIA  QUE ES UNA URL EXPLICAR El  Ping  y el  DNS Conceptos básicos para trabajar PW Herramientas: Símbolo del sistema (CMD) o Terminal. Dinámica: Ping y DNS: Pide a los alumnos que ejecuten el comando ping google.com . Deberán anotar la dirección IP que responde. Luego, pídales que peguen esa IP directamente en la barra de direcciones del navegador para ver qué sucede. Rastreo de Ruta: Utilizando el comando tracert [url_de_un_diario_local] , deben analizar cuántos "saltos" (nodos/routers) da un paquete de datos antes de llegar al destino. Reflexión: ¿Por qué es más lento llegar a un servidor en Japón que a uno en su propio país? Introducir el concepto de latencia y nodos de red                 na actividad física o diagramada para entender el protocolo de transferencia de datos...

SECUNDARIA  https://forms.office.com/pages/responsepage.aspx?id=TuNZ1IESlEqgsDFgaWqB7SM93KLrbIRCgfn0xm9kGqZUQlFOQzM5WUU1OUU2VVRGNU5CR0hGSlpTSy4u&route=shorturl PRIMARIA  https://forms.office.com/pages/responsepage.aspx?id=TuNZ1IESlEqgsDFgaWqB7SM93KLrbIRCgfn0xm9kGqZUNFA1N1JITlQ0NTNTVzFCRllCMjBYTjkyMS4u&route=shorturl NIVEL INICIAL  https://forms.office.com/pages/responsepage.aspx?id=TuNZ1IESlEqgsDFgaWqB7SM93KLrbIRCgfn0xm9kGqZUNlBLUElBUDdOVFZDWVFXOUdSUERUSDlUNi4u&route=shorturl

   ¿Programa o Sistema?  Empezamos rompiendo un mito. Un script (instrucciones) que calcula el promedio de notas es un programa . Instagram, Spotify o el sistema de gestión de un hospital son sistemas . Pregunta disparadora: "¿Si mañana desaparece el código de Spotify, pero quedan sus servidores y sus usuarios, el sistema sigue existiendo?" ¿Qué es un sistema de software? conceptualizar:   Análisis, Diseño, Aplicaciones Actividad de Análisis trabajar en grupo de a 2 pesonas Cajero Automático (ATM). App de Delivery (PedidosYa/UberEats). Sistema de inscripciones de la escuela. Deben identificar y anotar en un papel  ¿Quiénes son los usuarios (actores)? ¿Cuáles son las entradas y salidas principales? ¿Qué dato es vital que se guarde en la base de datos ? Un sistema de Logística de Envíos (ej. Mercado Libre)            - Ficha que deben completar: Objetivo del Sistema: ¿Para qué existe este sistema? Entradas (Inputs): Datos,...

  Estructura de la Clase  "¿Qué hay detrás del muro?" Actividad: Pídeles que entren a su red social favorita desde el navegador de la PC. - El Truco: Enséñales el "Inspeccionar elemento" (F12). Cambia el texto de un titular famoso o el nombre de un perfil en vivo. - El Mensaje: "Todo lo que ven es código. Si saben leerlo, pueden entender cómo funciona el mundo actual. Si saben escribirlo, pueden controlarlo". Explica la estructura básica usando una analogía humana o de construcción. Es vital que entiendan que son tres lenguajes distintos trabajando juntos. Concepto Analogía (Cuerpo Humano) Función HTML El Esqueleto Define la estructura y el contenido (títulos, párrafos). CSS La Piel y Ropa Define la estética (colores, fuentes, diseño). Por ejemplo, tomarán una imagen de la interfaz de Instagram y deberán marcar lo siguiente:  Tarea: Deben marcar con colores: ¿Qué es un contenedor? ¿Qué es una imagen? ¿Qué es un texto? ¿Qué es un Pagina Web? Según el li...

La Analogía del Molde Antes de las actividades, es útil establecer esta distinción: Clase: Es el plano, el molde o la "idea" de algo. No existe físicamente, es una definición. Objeto: Es la instancia real, lo que "tocamos". Se crea a partir del molde. El ejemplo del "Smartphone" Clase (El modelo de fábrica): Especifica que todo teléfono debe tener una marca, un modelo, un color y un porcentaje de batería. También define que puede "Llamar" o "Enviar Mensaje". Objeto (Tu teléfono personal): Es un aparato real. Marca: Samsung; Modelo: S23; Color: Negro; Batería: 85%. Observa los siguientes elementos y defínelos como si fueras a programarlos. Identifica 3 Atributos (características) y 2 Métodos (acciones). Elemento                             Atributos               (Variables) Métodos                        ...