# data[].attributes.body
Elaborado por:

Jhonatan Camilo Ramírez

John Fredy Castro Hoyos

Docente: Andrea Lorena Ospina Pérez

# data[].attributes.body
Imagen 2

(Depositphoto, Febrero)

El ejercicio académico que nos ocupa, tiene la intención de relacionar contenidos propios de las generalidades y conceptos básicos en la construcción de un pensamiento lógico que permitan a los estudiantes del pregrado en Sistemas de Producción, ser competentes en los fundamentos básicos requeridos en la programación mediante el uso de herramientas gráficas.

# data[].attributes.body
Imagen 3

Conceptos Básicos:

-          Es la parte de un programa o dispositivo a la que un usuario puede acceder directamente.

-          Es la parte de un sitio web que interactúa con los usuarios.

-          Es lo que se ve, lo que es visual y cualquier persona lo puede manejar. (Ospina, ¿Sabe que es un si, cuales son sus componentes internos, como interactuan entre si?, 2024)

-          El frontend es la cara visible del sitio, donde se muestra: El diseño, Los colores, Los botones, Todo lo que puedes ver en la pantalla.

# data[].attributes.body
El frontend de un sitio web está compuesto por varios elementos que trabajan juntos para crear la interfaz de usuario y brindar una experiencia de usuario efectiva.

Estructura de navegación: se refiere a la organización de las páginas y la forma en que los usuarios pueden moverse a través del sitio web. Esto incluye la creación de menús, barras de navegación, enlaces y sistemas de navegación.

Layout o Diseño de la página: se encarga de la disposición de los elementos en la interfaz de usuario. Esto implica la ubicación de elementos como encabezados, menús, botones, formularios y contenido en la página.

Contenido web: es la información que se presenta en el sitio web y que es relevante para los usuarios. Esto puede incluir texto, imágenes, videos, audio, documentos descargables y otros tipos de contenido.

Imágenes: son recursos visuales que complementan y enriquecen el contenido. Pueden incluir fotografías, ilustraciones, gráficos, infografías, videos, animaciones (Arizbé, 2023)

# data[].attributes.body
Conceptos Básicos:

-          Es todo lo que corre en el servidor, aquello que no ve, por ejemplo, la contraseña, porque es secreta, es segura.

-          Es la parte que se conecta con la base de datos y el servidor que utiliza dicho sitio web, por eso decimos que el Backend corre del lado del servidor.

-          Backend es la capa de acceso a datos de un software o cualquier dispositivo, que no es directamente accesible por los usuarios, además contiene la lógica de la aplicación que maneja dichos datos. (Ospina, ¿Sabe que es un si, cuales son sus componentes internos, como interactuan entre si?, 2024)

# data[].attributes.body
El backend de una aplicación web o de software incluye todos los componentes que no son visibles para el usuario, estos trabajan juntos para proporcionar funcionalidad, gestionar datos y procesar solicitudes del usuario.

Servidores: corresponde a una máquina física o virtual que recopila, aloja, procesa y gestiona los recursos necesarios para ejecutar una aplicación web.

Lógica de aplicación: es la secuencia de operaciones que los programadores codifican en el backend para terminar las tareas.

Frameworks: son las guías que se usan al estructurar el código, lógica y otros aspectos relacionados con la arquitectura web, son plantillas para el backend, que utilizan los programadores para que la escritura y edición del código de su servidor se les faciliten.

Bases de datos: contienen la información a la que acceden los servidores y así completar funciones directas del sitio web, además disponen de opciones para clasificar la información a la que acceden los usuarios.

APIs: permiten que los programas de software establezcan comunicación con otros servidores y bases de datos. Su función es simplificar la presentación de toda la información almacenada en múltiples bases de datos en un solo lugar. (Arizbé, 2023)

# data[].attributes.body
Conceptos Básicos:

Son los programas informáticos que hacen posible la ejecución de tareas específicas dentro de un computador.

Por ejemplo, los sistemas operativos, aplicaciones, navegadores web, juegos o programas.

Estas características siempre trabajan de la mano.

Mientras el software aporta las operaciones, el hardware es el canal físico por el cual dichas funciones pueden realizarse.

# data[].attributes.body
Sistema operativo: Es un conjunto de programas y archivos que controlan el funcionamiento de una computadora y permiten a los usuarios ejecutar aplicaciones y programas. Algunos ejemplos son Windows, MacOS y Linux.

Navegador web: Es un programa que se utiliza para acceder y navegar por Internet. Algunos ejemplos son Google Chrome, Opera, Mozilla Firefox y Microsoft Edge.

Procesador de texto: Es un programa que se utiliza para crear y editar documentos de texto. Algunos ejemplos son Microsoft Word, Google Docs y LibreOffice Writer.

Hoja de cálculo: Es un programa que se utiliza para crear y editar tablas y gráficos que muestran datos numéricos. Algunos ejemplos son Microsoft Excel, Google Sheets y LibreOffice Calc.

Aplicación de correo electrónico: Es un programa que se utiliza para enviar y recibir correos electrónicos. Algunos ejemplos son Hotmail, Microsoft Outlook, Gmail y Yahoo Mail. (Arimetrics, 2022)

# data[].attributes.attachment_caption
Imagen 6 - (Interaction Desing Foundation, 2023)

# data[].attributes.body
Conceptos Básicos:

-          Ayuda ajustar el diseño de la página web según su utilidad.

-          es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visitarlas​. (Ospina, ¿Sabe que es un si, cuales son sus componentes internos, como interactuan entre si?, 2024)

# data[].attributes.body
Imágenes responsivas: Son imágenes que se ajustan automáticamente al tamaño de la pantalla del dispositivo, garantizando una visualización adecuada en pantalla de diferentes tamaños.

# data[].attributes.body
Técnicas que ajustan dinámicamente elementos al espacio disponible en la pantalla, especialmente útil en dispositivos móviles.

# data[].attributes.body
Botones y elementos interactivos lo suficientemente grandes para una interacción precisa con los dedos de los dispositivos móviles.

# data[].attributes.body
Reemplazan menús horizontales en dispositivos móviles con menús desplegables o iconos de hamburguesa para facilitar la navegación táctil

# data[].attributes.body
Fuentes que se ajustan eficazmente a diferentes tamaños de pantalla, manteniendo la legibilidad del texto en todas las condiciones y dispositivos.

# data[].attributes.body
Tabla 1 - (Ospina, Las DICS, 2024)

# data[].attributes.headline
6.	¿Qué es un algoritmo y tipos de Algoritmos?

# data[].attributes.subject
6.	¿Qué es un algoritmo y tipos de Algoritmos?

# data[].attributes.body
Se puede definir como un conjunto de elementos ordenados por medio de una secuencia lógica para el procesamiento de la información, los cuales tienen un inicio y un final de las operaciones que realiza, con el fin de encontrar una solución fácil, rápida y eficiente a un problema planteado de cualquier disciplina. Podemos ejemplificar los algoritmos con cualquier suceso de la vida cotidiana como las instrucciones para armar una mesa de noche o cómo preparar una receta de cocina cualquiera.

Los algoritmos se crearon para dar soluciones algebraicas y aritméticas, las cuales migraron con el tiempo a soluciones informáticas y se convirtieron en nuestro medio de comunicación con los sistemas. (Arroba Medellin, 2024)

# data[].attributes.body
a.      Conceptos básicos.

Tipos de datos:

Los datos responden a un tipo de formato en específico y se clasifican según su uso: numéricos, alfabéticos, alfanuméricos, booleanos, binarios, entre otros. (Ospina, Las DICS, 2024)

Tipo de dato es la clasificación de un dato según sus características. Puede tratarse de una cadena, de un texto, de números, etc. (GCF Global, 2021)

# data[].attributes.body
Variables

las variables son una representación de los valores de forma simbólica que ocupan un espacio de memoria en la computadora y tiene un identificador único dentro de todo el algoritmo. En este espacio de memoria se almacenarán los datos ingresados por el usuario o los valores calculados por el mismo algoritmo.

# data[].attributes.body
Son símbolos que se usan para especificarle a la máquina el tipo de cálculo o acción que esta debe hacer con los datos que se le indican. (GCF Global, 2021)

# data[].attributes.headline
b. Algoritmos en la vida diaria hacer 2 ejemplos de forma libre.

# data[].attributes.subject
b. Algoritmos en la vida diaria hacer 2 ejemplos de forma libre.

# data[].attributes.body
Ejemplo 1.

Planteamiento del problema:

Un estudiante debe hacer entrega de un trabajo escrito para la materia Fundamentos de programación mediante herramientas básicas.

Algoritmo para imprimir un trabajo escrito

Inicio

·         Encender el ordenador

·         Asegurarnos de que la impresora tiene papel y cartuchos de tinta

·         Encender la impresora

·         Abrir el documento que queremos imprimir

·         Seleccionar la opción de “Imprimir” el documento

·         Elegir las características de impresión como número de páginas o color

·         Seleccionar la impresora que vamos a utilizar

·         Imprimir el documento

Final (Tecnology, 2023)

# data[].attributes.body
Ejemplo 2.

Planteamiento del problema: Un empleado de una empresa, debe asistir a una reunión muy importante y todas sus camisas se encuentran arrugadas.

Algoritmo para planchar una camisa

Inicio

·         Abrir la tabla de planchar

·         Rellenar la plancha de agua y encenderla

·         Colocar la camisa desabotonada sobre la tabla de planchar

·         Planchar la parte de los hombros y la espalda superior

·         Planchar de derecha a izquierda sin tocar las mangas

·         Planchar los brazos de la camisa

·         Sacar una percha

·         Colgar la camisa en la percha

·         Abrir el armario

·         Guardar la camisa en el armario

·         Cerrar el armario

Final (Tecnology, 2023)

# data[].attributes.body
Diseño de la solución

Teniendo un análisis previo de las diferentes formas que podemos solucionar, se procede a diseñar, con base en un algoritmo, una solución óptima al problema.

Codificación de la solución

Con el algoritmo elaborado, podemos definir un lenguaje de programación adecuado a los requerimientos del usuario y que sea óptimo para las funciones que debe realizar.

Puesta en marcha y testeo

El último proceso que realizamos es la puesta en marcha del proyecto, para verificar que cumpla con las funciones adecuadas y requeridas por el usuario. (Arroba Medellin, 2024)

# data[].attributes.headline
c. Pasos para resolver un problema libre.

# data[].attributes.subject
c. Pasos para resolver un problema libre.

# data[].attributes.body
Planteamiento del problema

En esta primera fase del esquema se deben establecer las necesidades claras que debe tener el usuario para poder aportarle una debida solución.

Análisis del problema

Después de tener definidos los requerimientos básicos del problema, se establecen los requerimientos de entrada, salida y los calculados por el sistema.

# data[].attributes.body
a. ¿Qué es Lectura?

La operación o instrucción de LECTURA o ENTRADA permite ingresar información, leyendo VALORES desde el ambiente (en este caso desde el teclado)

Puede incluirse una o mas variables

Leer <variablel> , <variable2> , ... , <variableN> ;

# data[].attributes.body
La operación de asignación es utilizada para asignar valores a variables.

La operación de ASIGNACIÓN permite almacenar un VALOR a una VARIABLE

El operador de asignación más común, por amplia diferencia, es el operador IGUAL (=).

Al ejecutarse la asignación, primero se evalúa la expresión de la derecha y luego se asigna el resultado a la variable de la izquierda. El tipo de la variable y el de la expresión deben coincidir.

El operador de asignación = asigna el valor de su operando de la derecha a una variable

a = b = c

# data[].attributes.headline
c. ¿Qué es Escritura, impresión y almacenamiento?

# data[].attributes.subject
c. ¿Qué es Escritura, impresión y almacenamiento?

# data[].attributes.body
La operación de ESCRITURA o SALIDA permite mostrar los valores ingresados

Escribir <exprl> , <expr2> , ... , <exprN> ;

La IMPRESIÓN es una operación que permite a los desarrolladores VISUALIZAR y DEPURAR su CODIGO.

Es esencial para comprender como funciona un programa y detectar posibles errores.

La operación de ALMACENAMIENTO consiste en la CONSERVACIÓN de información empleando una tecnología específicamente desarrollada para mantener los datos y que se encuentren accesibles siempre que sean necesarios.

Las formas más frecuentes de almacenamiento de datos son el almacenamiento de archivos, el almacenamiento en bloque y el almacenamiento de objetos, cada uno resulta adecuado para un fin diferente.

# data[].attributes.headline
d. ¿Qué es Pruebas de escritorio y algunos programas para desarrollarlos?

# data[].attributes.subject
d. ¿Qué es Pruebas de escritorio y algunos programas para desarrollarlos?

# data[].attributes.body
Es un proceso manual a través del cual se busca verificar la programación y la lógica de un algoritmo antes de iniciar un programa.

Estas pruebas permiten a los programadores, identificar posibles fallas y errores que puedan hacer que este no funcione de manera adecuada; para ello los programadores deben hacer un seguimiento de cada una de las líneas dentro de un pseudocodigo con lo que pueda garantizar su funcionamiento. (Teoria de Algoritmos, 2023)

# data[].attributes.headline
8. Principios de álgebra booleana (Tablas de verdad).

# data[].attributes.subject
8. Principios de álgebra booleana (Tablas de verdad).

# data[].attributes.body
El álgebra booleana fue inventada en el año 1854 por el matemático inglés George Boole.

El álgebra de Boole es un método para simplificar los circuitos lógicos (o a veces llamados circuitos de conmutación lógica) en electrónica digital.

También se llama como "Cambio de álgebra". Podemos representar el funcionamiento de los circuitos lógicos utilizando números, siguiendo algunas reglas, que son bien conocidas como "Leyes del álgebra de Boole".

También podemos hacer las operaciones lógicas aún más rápido siguiendo algunos teoremas, que se conocen como "Teoremas del álgebra de Boole". Una función booleana es una función que representa la relación entre la entrada y la salida de un circuito lógico.

# data[].attributes.body
Arimetrics. (2022). Arimetrics. Obtenido de Qué es Software: https://www.arimetrics.com/glosario-digital/software

Arizbé, K. (18 de Octubre de 2023). Glou. Obtenido de Frontend: ¿Qué es y cuál es su importancia?: https://www.gluo.mx/blog/frontend-que-es-y-cual-es-su-importancia

Arroba Medellin. (2024). Definicion de Algoritmo. Medellin, COL. Recuperado el 29 de Febrero de 2024, de https://recursos.arrobamedellin.edu.co/campus/recursos_arroba/interactivos/ITM/TSI/INT_INF/U02/#

Depositphoto. (Febrero). depositphoto. Obtenido de 2022: https://depositphotos.com/es/photos/pensamiento-l%C3%B3gico.html

GCF Global. (2021). Obtenido de https://edu.gcfglobal.org/es/conceptos-basicos-de-programacion/operadores-aritmeticos/1/

Interaction Desing Foundation. (2023). Obtenido de https://www.interaction-design.org/literature/article/responsive-design-let-the-device-do-the-work

Ospina , D. (26 de Octubre de 2023). Marketeros. Obtenido de Características y Elementos Fundamentales del Diseño Web Responsive: https://www.marketerosagencia.com/blog/diseno-web/caracteristicas-diseno-web-responsive/#Media_Queries

Ospina, A. (2024). ¿Sabe que es un si, cuales son sus componentes internos, como interactuan entre si? ITM Institucion Universitaria. Medellin: ITM Institucion Universitaria. Recuperado el 1 de Marzo de 2024, de https://correoitmedu.sharepoint.com/:p:/r/sites/FundamentosdeProgramacin287/_layouts/15/Doc2.aspx?action=edit&sourcedoc=%7Bfc4b2fa8-c44d-4293-adc7-ded03442ef03%7D&wdOrigin=TEAMS-MAGLEV.teamsSdk_ns.rwc&wdExp=TEAMS-TREATMENT&wdhostclicktime=1709412900374&we

Ospina, A. (2024). Las DICS. Medellin: Institucion Universitaria ITM. Recuperado el 1 de Marzo de 2024, de https://correoitmedu.sharepoint.com/:p:/r/sites/FundamentosdeProgramacin287/_layouts/15/Doc2.aspx?action=edit&sourcedoc=%7B1af71bd7-1d0f-4f48-b771-f1757f6d97f5%7D&wdOrigin=TEAMS-MAGLEV.teamsSdk_ns.rwc&wdExp=TEAMS-TREATMENT&wdhostclicktime=1709412036311&we

Scaler Academy. (2019). interviewbi. Obtenido de https://www.interviewbit.com/blog/difference-between-frontend-and-backend/

Tecnology. (Febrero de 2023). esic. Obtenido de ¿Qué es un algoritmo? Ejemplos de aplicación en la vida cotidiana: https://www.esic.edu/rethink/tecnologia/que-es-un-algoritmo-ejemplos-de-aplicacion-en-la-vida-cotidiana-c

Teoria de Algoritmos. (Mayo de 2023). www.teoriadealgoritmos.com. Obtenido de https://www.teoriadealgoritmos.com/que-es-la-prueba-de-escritorio/#:~:text=La%20prueba%20de%20escritorio%20es,antes%20de%20iniciar%20un%20programa.