Fundamentos de programación estructurada

Diseño

UAM-Cuajimalpa

Universidad Autónoma Metropolitana

Profesor: Mario Morales

Modalidad: En línea.

Requisitos técnicos mínimos:

Computadora en casa. Puede ser de escritorio o personal, siempre y cuando sea posible hacer uso
de ella por lo menos 6 horas a la semana distribuidas en la forma que gusten. Será necesario bajar
algunos entornos de programación que se indicarán conforme avance el curso. No importa el
sistema operativo de la computadora. El acceso a internet en esa computadora es indispensable por
lo menos 2 de esas 6 horas semanales. Los recursos bibliográficos también serán proporcionados
por esta vía o se indicará cómo se puede acceder a ellos.

Objetivo:
Comprender y aplicar los conceptos básicos de la programación estructurada para la solución de
problemas.

Objetivos específicos:
Que al final del curso el alumno sea capaz de:

1.Utilizar adecuadamente la lógica matemática aplicada a la metodología de la programación.

2.Utilizar pseudocódigos y diagramas para simplificar un problema de programación.

3.Conocer y aplicar lo imprescindible de la programación estructurada para realizar programas

sencillos.

4. Adquirir las habilidades básicas en programación estructurada usando tipos de datos, estructuras
de control y estructuras complejas de datos.

Introducción:
Este curso se propone como una introducción a la programación y el pensamiento estructurado,
dirigido hacia el aprendizaje y la adquisición de habilidades que le permitan a las y los alumnos
desarrollar programas en el lenguaje y entorno de programación Processing, enfocando siempre
estos conocimientos en aplicaciones en el campo del diseño.

Plataforma:
Todo el material necesario para este curso estará disponible para las y los alumnos inscritos en la
página del profesor: https://mariomoralesph.wordpress.com

Una vez entrando a la página es necesario ir a la pestaña de “Aula” y de ahí al enlace de “UAM-
Cuajimalpa Fundamentos de Programación Estructurada”, o bien siguiendo el siguiente link
directamente: https://mariomoralesph.wordpress.com/2020/05/04/uam-cuajimalpa-fundamentos-de-
programacion-estructurada/

1 de 5
NOTA: La contraseña para poder acceder al enlace mencionado será proporcionada vía correo
electrónico a las y los alumnos y estará también en la plataforma Ubicua de la UAM-Cuajimalpa.

Dinámica:
Cada semana el profesor subirá el material necesario en diferentes entradas de blog. El material
puede consistir en videos, bibliografía y enlaces correspondientes al tema. Todo este material debe
ser revisado por las y los alumnos quienes podrán comentar las entradas para entregar a partir de
ellas sus prácticas y obtener retroalimentación por parte tanto del profesor como de sus compañeras
y compañeros.

Programación por semana:

Sem Tema Actividades teóricas (2h) Actividades prácticas
ana (4h)

1 General: Introducción a la -Ver videos subidos por el profesor a -Realiza la planeación de

programación.
la plataforma web para esta semana.
un programa de acuerdo
Particulares: -Revisión de la explicación y con los principios que
-¿Qué es la programación?
bibliografía proporcionada en la explicó el profesor en el
-Relación entre diseño y plataforma web para esta semana: video referente a la
programación.
Abascal, López y Zepeda, Hola práctica semanal y
-¿Qué es un algoritmo? mundo con Processing (Cap. 1 revisando los textos
[fragmento]). Kandinsky, De lo proporcionados.
espiritual en el arte (fragmento).

2 General: Pseudocódigo, ¿qué -Ver videos subidos por el profesor a -Traduce o adapta a un
es y para qué sirve?
la plataforma web.
pseudocódigo la
Particulares: -Revisión de la explicación y planeación de tu
-Identificar tipos de datos.
bibliografía proporcionada en la programa de acuerdo
-Identificar operadores lógicos plataforma web para esta semana: con los símbolos vistos
y matemáticos.
Joyanes, Fundamentos de en los videos y los
-Identificar funciones.
programación (Cap. 3). materiales de texto
-Diagramas de flujo y proporcionado en la
pseudocódigo. plataforma web.

3 General: Introducción a la -Ver videos subidos por el profesor a -Realiza el ejercicio

programación con Processing.
la plataforma web.
planteado por el profesor
Particulares: -Revisión de la explicación y en el video de práctica a
-¿Qué es Processing?
bibliografía proporcionada en la partir de la utilización de
-¿Cómo obtener Processing?
plataforma web para esta semana: figuras geométricas y el
-¿Cómo trabaja la imagen Abascal, López y Zepeda, Hola uso de colores en
Processing?
mundo con Processing (Cap. 2). Processing.
-Funciones setup( ) y draw( )

-Trazado y color en Processing.

4 General: Conceptos y usos en -Ver videos subidos por el profesor a -Realiza el ejercicio
Processing.
la plataforma web.
planteado por el profesor
Particulares: -Revisión de la explicación y en el video de práctica a
-Variables predefinidas en bibliografía proporcionada en la partir del uso de iteración
Processing.
plataforma web para esta semana: y variables en Processing
-Definición de variables.
Abascal, López y Zepeda, Hola vistas en el curso.
-Loops e iteraciones sencillas. mundo con Processing (Cap. 3 y 4).

2 de 5
Sem Tema Actividades teóricas (2h) Actividades prácticas
ana (4h)

5 General: Conceptos y usos en -Ver videos subidos por el profesor a -Realiza el ejercicio
Processing.
la plataforma web.
planteado por el profesor
Particulares: -Revisión de la explicación y en el video de práctica a
-Condicionales.
bibliografía proporcionada en la partir del uso de
-Condicionales múltiples.
plataforma web para esta semana: condicionales y botones
-Botones. Abascal, López y Zepeda, Hola en Processing.
mundo con Processing (Cap. 5).

6 General: Conceptos y usos en -Ver videos subidos por el profesor a -Realiza el ejercicio
Processing.
la plataforma web.
planteado por el profesor
Particulares: -Revisión de la explicación y en el video de práctica a
-Loops e iteraciones complejas.
bibliografía proporcionada en la partir del uso de loops y
-Definición de funciones. plataforma web para esta semana: funciones en Processing.
Abascal, López y Zepeda, Hola
mundo con Processing (Cap. 5).
Shiffman, Learning Processing
(fragmento).

7 General: Conceptos y usos en -Ver videos subidos por el profesor a -Integra todos los
Processing.
la plataforma web.
conocimientos
Particulares: -Revisión de la explicación y adquiridos en un
-Arrays.
bibliografía proporcionada en la programa de acuerdo
-Librerías. plataforma web para esta semana: con las instrucciones del
Shiffman, Learning Processing profesor y realiza una
(fragmento). Reas y Fry, Processing reflexión en torno a su
(fragmento). relación con el diseño.

8 General: Conceptos y usos en -Ver videos subidos por el profesor a -Prepara tu programa y
Processing.
la plataforma web.
la documentación del
Particulares: -Revisión de la explicación y código, sus resultados
-Animación.
bibliografía proporcionada en la visuales y una
-Imágenes.
plataforma web para esta semana: explicación para ser
-Sonido. Shiffman, Learning Processing presentada ante el
(fragmento). Reas y Fry, Processing profesor y tus
(fragmento). compañeros de forma
ordenada, entendible y
estética en un PDF.

9 General: Presentación del Revisión y asesorías -Realiza los ajustes que

trabajo final.
sean requeridos
Particulares: atendiendo a la asesoría
-Revisión de orden, legibilidad del profesor y la
y estética de lo presentado. retroalimentación que
puedas tener de tus
compañeros.

10 ENTREGA

Evaluación:
Toda la evaluación de este curso se llevará a cabo a partir de la entrega del trabajo final que
corresponde a un programa que integre todas las funciones que se vieron en clase, junto con toda la
documentación del proceso en PDF, incluyendo cada una de las actividades prácticas.

3 de 5
De esta manera, cada una de las prácticas semanales adquirirá el valor de un porcentaje del 10% en
la calificación, mientras que el trabajo final tendrá un porcentaje de 30%, dividido entre el último
programa integral desarrollado (15%) y la documentación presentada en PDF (15%), de la siguiente
manera:

-Documentación de planeación – 10%

-Pseudocódigo – 10%

-Documentación (código, resultado visual y explicación) del Ejercicio 1. Figuras geométricas y colores – 10%

-Documentación (código, resultado visual y explicación) del Ejercicio 2. Iteración y variables – 10%

-Documentación (código, resultado visual y explicación) del Ejercicio 3. Condicionales y botones – 10%

-Documentación (código, resultado visual y explicación) del Ejercicio 5. Loops y funciones – 10%

-Reflexión sobre el proceso – 10%

TRABAJO FINAL:

-PDF con presentación ordenada de toda la documentación antes señalada, así como la del programa
correspondiente al trabajo final – 15%

-Programa que integre todas las funciones – 15%

La participación semanal en la plataforma no es requisito. Sin embargo, si se quiere tener

retroalimentación la entrega de cada una de las etapas es importante de llevarse a cabo en tiempo y
comunicación constante por los canales establecidos por el profesor, siempre compartidos o
públicos para todas y todos los compañeros.

NOTA: De acuerdo con los criterios de flexibilidad aprobados por el Colegio Académico en relación
con el Proyecto Emergente de Enseñanza Remota (PEER), en la evaluación de este trimestre los
alumnos no verán perjudicadas sus trayectorias académicas, por lo que las NA obtenidas no pasarán
a formar parte de su historial académico, no serán contabilizadas en las 5 oportunidades para cursar
la UEA ni causarán baja reglamentaria, por esta causa.

Bibliografía básica
Abascal, López y Zepeda, Hola mundo con Processing, México: UAM-Cuajimalpa, 2015.
Joyanes Aguilar, Luis, Fundamentos de programación, México: McGraw Hill, 1997.

Kandinsky, Wassilly, De lo espiritual en el arte, Barcelona: Paidós, 1989.

Reas, Casey y Fry, Ben, Processing, A programming Handbook for Visual Designers and Artists,
Massachusetts: The MIT Press, 2007.
Shiffman, Daniel, Learning Processing, Burlington: Morgan Kauffman, 2008.

Bibliografía secundaria
Dondis, Donis, Sintaxis de la imagen, México: GG, 1973.

Greenberg, Ira, Processing: Creative Coding and Computational Art, Nueva York: Friends of Ed, 2007.

Goethe, Johann Wolfgang, Teoría de los colores: las láminas comentadas, México: GG, 2019.

Heller, Eva, Psicología del color, México: GG, 2004.

Kandinsky, Wassilly, Punto y línea sobre el plano, Buenos Aires: Paidós, 2003.

4 de 5
Lupton, Ellen y Miller, Abbott, El ABC de la Bauhaus y la teoría del diseño, México, GG: 2004.

Norman, Donald, La psicología de los objetos cotidianos, Madrid: Nerea, 1990.

Reas, Casey y McWilliams, Chandler, Form+Code in Design, Art, and Architecture. Nueva York:
Princeton Architectural Press, 2010.

Smiciklas, Mark, The power of infographics

Tufte, Edward, Envisioning information, Conneticut: Graphics Press, 1990.

5 de 5