TECNOLÓGICO NACIONAL DE MÉXICO CAMPUS SAN
MARTÍN TEXMELUCA N
DIVISIÓN DE INGENIERÍA EN
SISTEMAS COMPUTACIONALES
Nombre de la materia
PROGRAMACIÓN WEP
REPORTE
INGENIERÍA EN SISTEMAS COMPUTACIONALES
PRESENTA(N):
CARLOS ALEJANDRO MARTINEZ DE LA CRUZ
PROFESOR: M.S.C. AYAMAIN SILVA PEREZ
San Martín Texmelucan, Puebla julio del 2024
Contenido
INTRODUCCIÓN…………………………………………………………………………………………………………………………
…
DESARROLLO………………………………………………………………………………………………………………………………………
……
CONCLUSIÓN………………………………………………………………………………………………………………………………………
……
BIBLIOGRAFIAS…………………………………………………………………………………………………………………………………
……
1
INTRODUCCIÓN
Hoy hemos explorado tres programas diferentes, cada uno con su propio
propósito y paradigma de programación. El primer programa es una
aplicación web que utiliza PHP y HTML para convertir una cantidad de
dinero de una moneda a otra. El segundo programa es un conjunto de
funciones escritas en Python para realizar operaciones aritméticas básicas.
El tercer programa es otra aplicación web para convertir monedas, pero
esta vez utilizando JavaScript y HTML.
2
DESARROLLO
FIGURA 1.1 programa tipo poo-programación orientada a objetos
En este apartado vamos a mostrar este programa que se realizo en el aula
de clases y les vamos a explicar sus características que tiene y la
estructura que estamos manejando y lo que hace que sea diferentes a los
demás programas que vamos a mostrar
Tipo de programa: Parece ser un conjunto de funciones de utilidad para
operaciones aritméticas básicas o una programación poo.
Estructura: El código define varias funciones: división, multiplicación, resta
y suma. Cada función parece realizar las operaciones aritméticas básicas
que sugieren sus nombres: división, multiplicación, resta y suma,
respectivamente.
Paradigma: El paradigma utilizado aquí es la programación tipo poo, ya
que se basa en el concepto de llamar a procedimientos o rutinas.
3
FIGURA 1.2
Clase: El código parece estar organizado en una clase, lo que sugiere que
se utiliza el paradigma de programación orientada a objetos.
Atributos: Los atributos son variables asociadas a una clase. En tu código,
parece haber atributos como “monto”, aunque no se pueden observan bien.
Métodos: Los métodos son funciones asociadas a una clase. En tu código,
tiene métodos como “calcularInteres” y “calcularPago”, que calculan el
interés y el pago respectivamente.
4
FIGURA 1.3 programa tipo estructurado
En este segundo programa vamos a mostrarlo ya en código y ejecutando
el programa con su función y vamos a explicar su función
HTML: Este es el código que se muestra al usuario. Contiene un formulario
donde el usuario puede ingresar la cantidad de dinero que desea convertir
y seleccionar el tipo de moneda que está introduciendo (Dólares o Pesos).
En cuanto a la estructura del programa, está dividido en dos archivos: uno
para la interfaz de usuario (HTML) y otro para la lógica del servidor (PHP).
Esto es típico en la programación web.
El paradigma de programación utilizado aquí es la programación
estructurada. Este paradigma se basa en dividir el programa en bloques de
código o funciones que se ejecutan secuencialmente.
5
FIGURA 1.4
PHP: Este es el código que se ejecuta en el servidor cuando el usuario
envía el formulario. Recoge la cantidad de dinero y el tipo de moneda del
formulario, realiza la conversión de moneda y luego muestra el resultado al
usuario.
FIGURA 1.5 ejecución del programa
El usuario ve una página web (generada por el código HTML) que contiene
un formulario. En este formulario, el usuario puede ingresar la cantidad de
dinero que desea convertir y seleccionar el tipo de moneda que está
introduciendo (Dólares o Pesos).
6
FIGURA 1.6 resultado
Cuando el usuario envía el formulario, los datos del formulario se envían al
servidor.
El servidor recibe estos datos y los procesa utilizando el código PHP.
Dependiendo del tipo de moneda que el usuario seleccionó, el servidor
realiza una conversión de moneda y genera una respuesta que se envía
de vuelta al navegador del usuario.
El navegador del usuario muestra la respuesta del servidor, que es una
nueva página web que muestra el resultado de la conversión de moneda.
FIGURA 1.7 programa del lado del cliente
HTML: Este es el código que se muestra al usuario. Contiene un formulario
donde el usuario puede ingresar la cantidad de dinero que desea convertir
y seleccionar el tipo de moneda que está introduciendo (Dólares o Pesos).
También hay un campo de texto donde se mostrará el resultado de la
conversión
7
FIGURA 1.8
JavaScript (JS): Este es el código que se ejecuta en el navegador del
usuario cuando este envía el formulario. Recoge la cantidad de dinero y el
tipo de moneda del formulario, realiza la conversión de moneda y luego
muestra el resultado al usuario en el campo de texto. También muestra una
alerta con el resultado utilizando la biblioteca SweetAlert.
Programación Estructurada: Este paradigma se utiliza en el código JS. La
programación estructurada se basa en dividir el programa en bloques de
código o funciones que se ejecutan secuencialmente. En tu código, la
función convertirMoneda y el bloque de código que se ejecuta cuando se
envía el formulario son ejemplos de esto.
Programación Orientada a Objetos (POO): No se utiliza en este código. La
POO se basa en la idea de “objetos” que contienen datos y métodos para
manipular esos datos. Si tu código tuviera clases con atributos y métodos,
estaría utilizando la POO.
Programación del Lado del Cliente: Este paradigma se utiliza en el código
HTML y JS. La programación del lado del cliente se refiere al código que
se ejecuta en el navegador del usuario, en lugar de en el servidor. En tu
código, tanto el HTML como el JS se ejecutan en el navegador del usuario.
8
FIGURA 1.9 ejecución del programa
La principal diferencia entre estos paradigmas es cómo se organiza y se
ejecuta el código. En la programación estructurada, el código se ejecuta de
arriba a abajo, y la lógica del programa se divide en bloques o funciones.
En la programación orientada a objetos, el código se organiza en torno a
“objetos” que contienen tanto datos como funciones. Y en la programación
del lado del cliente, el código se ejecuta en el navegador del usuario, lo que
permite interacciones dinámicas con el usuario
FIGURA 2.1 algunas otras diferencias de estos programas presentados
Primer Código (PHP y HTML): Este código es una aplicación web simple
que utiliza PHP y HTML para convertir una cantidad de dinero de una
moneda a otra. El HTML se encarga de la interfaz de usuario, mientras que
el PHP procesa los datos del formulario y realiza la conversión de moneda.
Este código utiliza el paradigma de programación estructurada, donde el
código se ejecuta de arriba a abajo y la lógica del programa se divide en
bloques o funciones.
Segundo Código (Python en imagen): Este código es un conjunto de
funciones escritas en Python para realizar operaciones aritméticas básicas.
A diferencia del primer código, este no es una aplicación web, sino un
conjunto de funciones que se pueden utilizar en cualquier programa
Python. Este código también utiliza el paradigma de programación
estructurada, pero a diferencia del primer código, no interactúa con el
usuario a través de una interfaz web.
9
Tercer Código (JavaScript y HTML): Este código es similar al primer
código en que es una aplicación web para convertir monedas. Sin embargo,
a diferencia del primer código, este utiliza JavaScript en lugar de PHP para
procesar los datos del formulario y realizar la conversión de moneda. Esto
significa que toda la lógica de la aplicación se ejecuta en el navegador del
usuario, no en el servidor. Este código también utiliza el paradigma de
programación estructurada.
CONCLUSIÒN
A través de estos tres programas, hemos visto cómo diferentes
lenguajes de programación y paradigmas pueden ser utilizados para
lograr tareas similares. Aunque los tres programas realizan cálculos y
procesan datos, cada uno lo hace de una manera única. El primer y
tercer programa interactúan con el usuario a través de una interfaz web,
mientras que el segundo programa es un conjunto de funciones que se
pueden utilizar en cualquier programa Python. Además, aunque todos
los programas utilizan el paradigma de programación estructurada, el
tercer programa también muestra cómo se puede utilizar la
programación del lado del cliente para ejecutar código en el navegador
del usuario.
10
