Aplicaciones y Dispositivos Comunes:

Hardware: CPU, RAM, teclado, mouse, impresora, disco duro

Software: Windows, Word, Photoshop, Google Chrome, Android

Ejemplo:

• Software: Microsoft Word (programa para editar texto).

• Hardware: Teclado (dispositivo de entrada).

5 componentes relacionados y sus características:

1. Flexible Grids: Diseño basado en porcentajes, no en píxeles fijos.

2. Media Queries: Reglas CSS que detectan el tamaño de pantalla.

3. Imágenes adaptables: Cambian de tamaño según el dispositivo.

4. Contenido dinámico: Muestra u oculta elementos según la pantalla.

5. Viewport: Metaetiqueta que ajusta la escala en móviles.

Ejemplo:

Una página web que en PC muestra 3 columnas, pero en móvil se convierte en una sola.

Relaciones en un Contexto de Documentación

1. Datos → Información:

   • En documentación, los datos se clasifican (ej: tablas de bases de datos) y se convierten en información útil (informes, gráficos).

2. Información → Conocimiento:

   • La información se sintetiza en manuales, guías o patrones (ej: protocolos de seguridad basados en datos históricos).

3. Conocimiento → Sabiduría:

   • El conocimiento se aplica con criterio ético (ej: políticas corporativas sostenibles derivadas de estudios climáticos).

Ejemplo Práctico (Salud)

• Dato: "38°C".

• Información: "El paciente tiene fiebre (38°C)".

• Conocimiento: "La fiebre puede ser síntoma de infección; se prescribe un antibiótico".

• Sabiduría: "Educar al paciente sobre prevención de infecciones para evitar futuros casos".

Diferencias entre Dato, Información, Conocimiento y Sabiduría (DICS)

Dato:

• Es crudo y sin contexto. Ej: "10".

Información:

• Datos con significado. Ej: "10°C en Lima".

Conocimiento:

• Información aplicada. Ej: "Si hace 10°C, usa abrigo".

Sabiduría:

• Conocimiento + ética + visión. Ej: "Promover campañas de ropa abrigada en zonas frías".
  

El Backend es la parte de un sistema, aplicación o página web que trabaja en el lado del servidor y no es visible directamente para el usuario. Su función principal es encargarse de la lógica interna, la gestión de datos y la comunicación entre el cliente (frontend) y el servidor.

Características principales del Backend:

1. Gestión de bases de datos: Se conecta con bases de datos como MySQL, PostgreSQL o MongoDB para guardar y recuperar información.

2. Seguridad: Controla accesos, encriptación de contraseñas y protección de datos.

3. Lógica de negocio: Define las reglas que hacen que la aplicación funcione (por ejemplo: “si el usuario no paga, no accede al contenido premium”).

4. APIs y servicios: Proporciona interfaces que permiten la comunicación con el frontend y con otros sistemas.

5. Escalabilidad: Está diseñado para soportar múltiples usuarios al mismo tiempo y crecer si aumenta la demanda.

Ejemplo práctico:

Cuando entras a Netflix, el backend es el responsable de:

Verificar tu usuario y contraseña.

Consultar qué películas tienes disponibles según tu plan.

Guardar en la base de datos las series que empezaste a ver.

Enviarle al frontend la información para que la veas en pantalla.

* Definición de Frontend

El Frontend es la parte de una aplicación, sitio web o software que se encarga de todo lo que el usuario puede ver e interactuar directamente en la pantalla. Es la “cara” del sistema, es decir, el conjunto de elementos gráficos, visuales y de interacción que hacen posible que el usuario navegue, entienda y utilice una aplicación de manera sencilla.

Tecnologías principales del Frontend:

1. HTML (HyperText Markup Language): Estructura el contenido de la página (texto, títulos, tablas, imágenes).

2. CSS (Cascading Style Sheets): Da estilo al contenido (colores, tamaños, diseños, animaciones).

3. JavaScript: Permite la interactividad (abrir menús, validar formularios, actualizar datos sin recargar la página).

4. Frameworks y librerías: Como React, Angular o Vue.js, que hacen el desarrollo más rápido y eficiente.

Funciones principales:

Crear una interfaz visual atractiva y clara para el usuario.

Garantizar una buena experiencia de usuario (UX): que el sistema sea intuitivo, rápido y fácil de usar.

Adaptar el contenido a distintos dispositivos (responsive design), como celulares, tablets o computadoras.

Comunicarse con el backend para mostrar la información procesada y almacenada en el servidor.

Ejemplo práctico:

Cuando entras a YouTube, todo lo que ves en la pantalla (botón de reproducir, barra de búsqueda, lista de videos recomendados, colores y organización de la página) fue creado por el frontend. Sin embargo, la información de los videos, comentarios y cuentas de usuarios proviene del backend.

* Definición de Fullstack

Un desarrollador Fullstack es un programador que tiene conocimientos y habilidades tanto en frontend (lo que ve el usuario) como en backend (la lógica interna y los datos que no se ven). Esto significa que puede encargarse de todas las fases del desarrollo de una aplicación web, desde la interfaz visual hasta el manejo de servidores y bases de datos.

Los desarrolladores fullstack son muy valorados porque pueden trabajar en proyectos de manera integral, sin depender tanto de otros especialistas. Suelen tener una visión más completa del sistema y entender cómo se conectan las distintas capas de una aplicación.

Áreas que maneja un Fullstack

1. Frontend: Domina HTML, CSS, JavaScript y frameworks modernos como React, Angular o Vue.js para crear interfaces interactivas y amigables.

2. Backend: Trabaja con lenguajes y frameworks como Node.js, Java, Python (Django, Flask) o PHP (Laravel) para gestionar la lógica del sistema y la conexión con la base de datos.

3. Bases de datos: Puede manejar tanto bases de datos relacionales (MySQL, PostgreSQL) como no relacionales (MongoDB).

4. APIs y servicios: Sabe crear y consumir APIs que permiten la comunicación entre frontend y backend.

5. DevOps básico: Muchos fullstack también tienen conocimientos de despliegue en la nube (AWS, Azure, Heroku) y control de versiones con Git.

Características principales:

Versatilidad: Puede adaptarse a distintas partes del proyecto.

Autonomía: Es capaz de construir aplicaciones completas sin necesidad de un equipo grande.

Visión global: Comprende cómo se conectan el cliente, el servidor y la base de datos.

Rapidez en prototipos: Ideal para startups o proyectos pequeños donde se requiere avanzar rápido.

Ejemplo práctico:

Si una empresa quiere crear una tienda en línea, un desarrollador fullstack podría:

Diseñar la página con el carrito de compras (frontend).

Programar la lógica para registrar usuarios y procesar pagos (backend).

Conectar con una base de datos para guardar productos, precios y pedidos.

Desplegar la aplicación en un servidor para que los clientes puedan acceder desde Internet.

Un Shell es como un traductor o puente entre la persona y la computadora.

Imagina que la computadora solo entiende su propio idioma, lleno de ceros y unos. Como nosotros no hablamos así, necesitamos un programa que entienda lo que le decimos en palabras más fáciles y luego se lo traduzca a la computadora. Ese programa se llama Shell.

En pocas palabras:
- Tú le dices algo al Shell (por ejemplo: “abre una carpeta”).
- El Shell se lo explica a la computadora en su idioma.
-La computadora hace lo que le pediste y el Shell te muestra el resultado.

Ejemplo sencillo

Es como cuando en un restaurante le pides comida al mesero:

• Tú dices: “Quiero una pizza”.

• El mesero (Shell) va a la cocina (computadora), habla con el chef en su idioma y trae tu pizza lista.

En informática:

• Tú escribes en el Shell: mkdir juegos (que significa “crear carpeta juegos”).

• El Shell lo traduce y la computadora crea esa carpeta en tu disco.

• Diseño: se planifica la estructura de la app, bases de datos y pantallas.

• Desarrollo: los programadores escriben el código.

• Pruebas: se revisa que la app funcione bien y no tenga errores.

• Implementación: se instala y empieza a usarse en la empresa.

• Mantenimiento: se corrigen fallos y se agregan mejoras según las necesidades.

1. Leyes de identidad

• A+0=A

·       A⋅1=AA

·       (Suma lógica con 0 o multiplicación lógica con 1 no alteran el valor de A).

2. Leyes de anulación

• A+1= 1

• A⋅0=0

 3. Leyes idempotentes

• A+A=A

• A⋅A=A

(Repetir una variable no cambia el resultado).

4. Ley del complemento

• A+A′=1

• A⋅A′=0

(Una variable OR con su negación da 1, y AND con su negación da 0).

5. Leyes conmutativas

• A+B=B+A

• A⋅B=B⋅A

(El orden no altera el resultado).

6. Leyes asociativas

• (A+B) +C=A+(B+C)

• (A⋅B) ⋅C=A⋅(B⋅C)

(Agrupar no cambia el resultado).

7. Leyes distributivas

• A⋅(B+C) =A⋅B+A⋅C

·       A+(B⋅C) =(A+B) ⋅ (A+C)

8. Leyes de absorción

• A+(A⋅B) =A

• A⋅(A+B) =A

9. Leyes de Morgan

• (A⋅B)′ =A′+B′

• (A+B)′ =A′⋅ B′

Las expresiones booleanas se pueden representar mediante figuras identificadoras como se muestra en la imagen.

Sus elementos básicos son las proposiciones (mayormente llamadas P y Q) , valores posibles (verdadero o 1 y falso o 0) y los operadores comunes como la negación (¬), la conjunción (∧), la disyunción (∨), etc. como un ejemplo de tabla de verdad en lógica proposicional esta la imagen del principio.

Características fundamentales de un algoritmo:

• Precisión: Cada paso debe ser claro y no ambiguo.

• Orden: La secuencia de pasos es crucial.

• Finitud: Debe tener un principio y un fin. No puede ejecutarse eternamente.

• Efectividad: Cada paso debe ser ejecutable y debe conducir a un resultado.

• Determinismo: Dada la misma entrada, siempre producirá la misma salida.

Tipos:

1. Secuenciales: Pasos en orden (ej: receta de cocina).

2. Condicionales: Decisiones (ej: "Si llueve, lleva paraguas").

   1. Repetitivos: Bucles (ej: contar del 1 al 10).

Ejemplo:

Algoritmo Lampara:

1. Problema inicial: La lámpara no se enciende.

2. Primera pregunta: ¿La lámpara está correctamente enchufada en el tomacorrientes?

   • Si NO está enchufada:

     1. Solución: Enchufar la lámpara.

     2. Resultado: El problema debería estar resuelto. Si no lo está, proceder al siguiente paso.

   • Si SÍ está enchufada:

     1. Siguiente pregunta: ¿La ampolleta (foco) está quemada?

3. Evaluar la ampolleta:

   • Si la ampolleta SÍ está quemada:

     1. Solución: Reemplazar la ampolleta por una nueva.

   • Si la ampolleta NO está quemada:

     1. Conclusión: El problema es de la lámpara misma (cableado, interruptor, etc.).

     2. Solución final: Comprar una lámpara nueva.

Las condicionales son estructuras de control o flujo que permiten a un programa tomar decisiones, pero para esto como su nombre lo dice, debemos cumplir cierta condición, esta condición permite al programa decidir que hacer en caso de que la función sea falsa o verdadera.

Condicionales Repetitivas

Las condicionales repetitivas son aquellas que se usan para realizar instrucciones un numero finito de veces, se caracterizan por tener:

Punto de inicio: Donde inicia la repetición

Condición: Se revisa para saber si se debe seguir repitiendo.

Bloque de instrucciones: Lo q se repite.

Sentencias Repetitivas:

-For (para): Repite el numero de veces indicado.

-While (mientras): ideal para cuando no sabemos cuantas veces exactamente

- Do while ( repetir.. Hasta): Ejecuta una vez y verifica la condición.

Condicionales no repetitivas

Las condicionales no repetitivas son mas conocidas como condicionales simples, estas cuando se presenta una elección, tenemos la opción de realizar una actividad o no realizar ninguna.

Tipos de condiciónale no repetitivas:

-if: bloque de código si la condición es verdadera. Si la condición es falsa, el bloque se omite.

-if-else: Si la condición es verdadera, ejecuta un bloque de código; de lo contrario (si es falsa), ejecuta otro bloque diferente.

if-elif-else o switch: Permite evaluar múltiples condiciones y ejecutar un bloque de código específico para cada una. Si ninguna condición se cumple, se puede ejecutar un bloque por defecto

Tipos de datos más comunes:

• Entero: números sin decimales. Ejemplo: 10

• Real/decimal: números con decimales. Ejemplo: 3.14

• Carácter: un solo símbolo o letra. Ejemplo: 'A'

• Cadena(string): conjunto de letras. Ejemplo: "Hola"

• Logico/Booleano: solo dos valores posibles: Verdadeo o Falso

Ejemplo:

Un formulario de estudiante:

• Nombre = "Laura" (cadena)

• Edad = 16 (entero)

• Nota = 4.5 (real)

• MatriculaPagada = Verdadero (booleano)

Ejemplo:

INICIO

Leer número1

Leer número2

suma ← número1 + número2

Escribir suma

FIN

Es como una receta:

1. Pide ingredientes (números).

2. Haz la operación (suma).

3. Muestra el resultado.

Tipos de variables:

• Numéricas: guardan números (enteros o reales). Ejemplo: edad = 18

• Alfanúmericas (cadenas): guardan texto. Ejemplo: nombre = "Sofía"

• Lógicas: guardan Verdadero/Falso. Ejemplo: aprobado = True

Ejemplo:
edad = 15
(luego puede cambiar a edad = 16).

Ejemplo:

A = 8 B = 4

Suma = A + B // resultado: 12

Resta = A - B // resultado: 4

Multiplicación = A * B // resultado: 32

División = A / B // resultado: 2

Ejemplo:

• X = 10. aquí la variable X recibe el valor 10.

• Y = X + 5 👉 ahora la variable Y recibe el valor de la operación X + 5 (o sea, 15).

Los bucles son conocidos como estructuras de control repetitiva, son herramientas fundamentales en algortimos ya que permiten la ejecucion repetitiva de un conjunto de instrucciones basandose en una condicion.

Los bucles también son denominados ciclos o estructuras de repetición y al igual que las otras estructuras secuenciales y repetitivas.

Estructura de control repetitiva: Estructura de control que repite un bloque de código mientras se cumpla una condición (o hasta que una condición deje de cumplirse). Se le suele llamar bucle o ciclo.

Tipos de bucles:

1.      Bucle “mientras” (while) : La estructura repetitiva «Mientras» ejecuta repetidamente un bloque de código mientras una condición dada sea verdadera. Se evalúa la condición antes de ejecutar el bloque de código, y si la condición es falsa desde el principio, el bloque no se ejecutará.

2.      Bucle”repetir-mientras que” (do-while): La estructura repetitiva «Repetir – Mientras» (también llamada «Hacer – Mientras») ejecuta  un bloque de código al menos una vez y luego repite mientras una condición sea verdadera. La condición se evalúa después de la primera ejecución, asegurando que el bloque se ejecute al menos una vez.

3.      Bucle “repetir-hasta que”(repeat-until): La estructura repetitiva «Repetir – Hasta que» ejecuta un bloque de código repetidamente hasta que una condición específica se cumple. A diferencia de «Mientras», el bloque se ejecutará al menos una vez, ya que la condición se evalúa después de la primera ejecución.

4.      Bucle”para” (for): La estructura repetitiva «Para«, o también llamada «Desde«, es ideal para ejecutar un bloque de código un número específico de veces (N veces). Para ello, se especifica un valor inicial, un valor final y un paso (incremento o decremento), garantizando un control preciso sobre las repeticiones.

Presenta herramientas de edición para escribir algoritmos en pseudocódigo en español como:

• Autocompletado.

• Ayudas Emergentes.

• Plantillas de Comandos.

• Coloreado de Sintaxis.

• Resaltado de bloques lógicos.

• Indentado Inteligente.

• Listados de funciones, operadores y variables.

Permite generar y editar el diagrama de flujo del algoritmo:

• Puede trabajar con diagramas clásicos

·        Centrado en la lógica de programación paso a paso (algoritmos)   

·        Bajo nivel: se usa para practicar cómo se codifica un algoritmo antes de programarlo en un lenguaje real.

·        Estudiantes y programadores principiantes.        

   DFD

·        Centrado en el flujo de datos en un sistema (qué entra, qué se procesa, qué se guarda, qué se devuelve).

·        Alto nivel: se usa para analizar un sistema antes de implementarlo (fase de diseño).

·        Analistas de sistemas, ingenieros de software, diseñadores de procesos.

Imagina que quieres armar un castillo de Lego:

• Necesitas las piezas (los bloques de Lego → el código).

• Necesitas instrucciones (las reglas → el lenguaje de programación).

• Y sería más fácil si tuvieras una mesa especial con cajones, luces y herramientas donde todo está ordenado y te ayuda a armar más rápido.

*Ese lugar especial es como un IDE:

• Te da un espacio para escribir el código (como la mesa).

• Te ayuda a ver errores (como si la mesa te avisara que una pieza no encaja).

• Te deja probar lo que hiciste (como ver si el castillo no se cae).

*Ejemplo:
Un IDE famoso es Visual Studio Code. Es como una mesa mágica donde los programadores escriben y organizan sus programas para que funcionen mejor.

IDE: es como un cuaderno mágico donde escribes en Python, la compu te ayuda a corregir y puedes probar lo que hiciste.

*Ejemplo:

Si escribes en Python:

print("Hola")

En el IDE, la computadora responde: Hola.

✅Ejemplo correcto:

print("Hola")

❌ Si lo escribes mal:

Print Hola

la compu no entiende.

2. En conclusión, los 30 puntos trabajados reflejan que la programación es una combinación de lógica matemática, historia de la informática, aplicación práctica y herramientas de modelado. Esta integración no solo nos ayuda a reforzar el pensamiento crítico, sino que también nos prepara a los estudiantes para resolver problemas reales con creatividad y eficiencia.

Ejemplo:

En el diagrama de la imagen, la máquina necesita leer datos para poder continuar con el proceso:

1. Primero se enciende la máquina.

2. El algoritmo lee si hay agua en el depósito.

Si la lectura es No, se pasa a la acción de llenar el depósito.

Si la lectura es Sí, se continúa.

3. El algoritmo lee si hay cápsulas disponibles.

Si la lectura es No, se pasa a la acción de hacer pedido.

Si la lectura es Sí, se procede a introducir cápsula y encender.

Impresión: Mostrar resultados en pantalla o en papel.

Almacenamiento: Guardar la información procesada en memoria secundaria (archivos, bases de datos) para su uso futuro.

Ejemplo:

# Escritura (se guardan datos en variables)

nombre = input("Ingrese su nombre: ")

edad = input("Ingrese su edad: ")

# Impresión (mostrar resultados en pantalla)

print("Hola", nombre, ", tienes", edad, "años.")

# Almacenamiento (guardar en un archivo de texto)

with open("usuarios.txt", "a") as archivo:

archivo.write(nombre + " - " + edad + " años\n")

Programas mas útiles:

1. PSeInt

Es un software educativo que permite escribir pseudocódigo en español.

Muy usado en universidades y colegios porque ayuda a entender la lógica de programación.

Permite ejecutar algoritmos paso a paso y comprobar si funcionan.

2. DFD (Diagramas de Flujo)

Son herramientas para dibujar diagramas de flujo, representando gráficamente los pasos de un algoritmo.

Algunos programas para crearlos: Lucidchart, Draw.io, Visual Paradigm.

Aunque no todos ejecutan el algoritmo, ayudan a visualizarlo y hacer pruebas de escritorio manualmente.

3. Visualg

Lenguaje y entorno de programación didáctico en portugués (muy similar a PSeInt).

Permite escribir algoritmos en pseudocódigo y ejecutarlos para validar resultados.

Ideal para principiantes que aprenden lógica de programación.

4. Raptor

Herramienta gráfica para crear diagramas de flujo ejecutables.

Cada paso del algoritmo se dibuja como un bloque (entrada, proceso, salida, decisión).

Permite “correr” el diagrama y observar cómo se ejecuta el programa paso a paso.

Ejemplo:

Inicio

Leer base

Leer altura

area ← base * altura

Escribir "El área es: ", area

Fin

Para ilustrar visualmente la secuencia de acciones dentro de un evento o procedimiento, los diagramas de flujo se componen principalmente de dos elementos:

Símbolos: Son figuras geométricas que identifican cada acción o decisión dentro del proceso. Existen, por ejemplo, símbolos específicos para señalar el inicio y el final del mismo.

Flechas o líneas: Son las que enlazan los símbolos, indicando la dirección y el orden en que se desarrolla el proceso.

Estos diagramas resultan útiles para estructurar, analizar o rediseñar la secuencia de actividades en diversos ámbitos, como proyectos, capacitaciones, planes de trabajo o procedimientos organizacionales. Por ello, su aplicación es frecuente en áreas como la programación, la informática, la economía, las finanzas, la industria e incluso en la psicología cognitiva.

Ejemplo:

Inicio

Escribir "Ingrese A:"

Leer A

Escribir "Ingrese B:"

Leer B

Si B = 0 Entonces

Escribir "Error: división por cero"

Sino

C ← A / B

Escribir "C = ", C

FinSi

Fin

Existen dos grandes tipos:

1. Estructuras de decisión (selectivas):

Permiten escoger entre varios caminos según una condición.

if ... else (si / sino)

switch o según

2. Estructuras de control repetitivas (bucles):

Permiten ejecutar un bloque de código varias veces hasta que se cumpla una condición.

for (para)

while (mientras)

do ... while (repetir hasta que)

Ejemplo Python:

edad = int(input("Ingrese su edad: "))

if edad >= 18:

print("Eres mayor de edad")

else:

print("Eres menor de edad")

Aquí, el programa toma una decisión dependiendo de la condición edad >= 18.

Ejemplo Bucle:

for i in range(1, 6):

print("Intento número", i)

Este código repite 5 veces la acción de imprimir.

MANUELA YEPEZ SÁNCHEZ