lunes, 6 de marzo de 2017

Diagramas de flujo

En segundo lugar, hemos trabajado con los diagramas de flujo.
Un diagrama de flujo es una representación gráfica de un proceso. Cada paso de este proceso es representado por un símbolo diferente y estos símbolos están unidos entre sí con flechas que indican la dirección de flujo del proceso.

Estos diagramas deben proporcionar una información clara, ordenada y concisa de todos los pasos a seguir.
Son una excelente herramienta para resolver problemas, comprender el proceso a seguir, así como para identificar posibles errores antes del desarrollo final de la tarea.
Además, se suelen usar antes de hacer un programa informático, entre otras cosas.

Estos diagramas cuentan con diferentes tipos de estructuras:

  • Estructura secuencial
  • Estructura selectiva: si... entonces.
  • Estructura repetitiva: según, desde o para, hacer-mientras... fin-mientras, repetir... hasta. 


Nosotros para trabajar con ellos hemos usado el programa PSeInt.

Es un programa para asistir a los estudiantes en sus primeros pasos en programación, minimiza las dificultades propias de un lenguaje y proporciona un entorno de trabajo con numerosas ayudas y recursos didácticos.       

Hemos realizado prácticas sencillas que se han ido complicando a lo largo del tiempo en el que hemos estado trabajando. 
Por ejemplo, hemos empezado con una práctica para multiplicar dos números cualesquiera. 
Y hemos terminado con prácticas más complicadas como la de crear un programa que pida al usuario introducir una clave de acceso y que no se le permita seguir hasta introducirla correctamente. En el momento en el que se introduce correctamente aparece "Contraseña correcta" y cuando se ha intentado 3 veces aparece "Usuario bloqueado".


En conclusión, este programa también es interesante aunque un poco más sencillo que el que vimos anteriormente. Este año se han visto cosas nuevas como las estructuras con las que hemos estado trabajando a partir de un cierto número de prácticas. 

Aquí les dejo el link para poder descargar el PSeInt y puedan aprender a realizar diagramas de flujo.

Lenguaje HTML

En este trimestre hemos trabajado primero con el lenguaje HTML.
Este lenguaje es el que se emplea para el desarrollo de páginas de Internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
Hemos utilizado esta vez el programa llamado Brackets

Hemos empezado con prácticas sencillas para aprender a usar las etiquetas más básicas, como por ejemplo ponerle título o cuerpo a la página. Pero para estas prácticas hemos utilizado el bloc de notas del ordenador y a partir de la práctica 4 utilizamos el Brackets.
La primera práctica que hicimos fue crear una lista, de las que aprendimos que hay distintos tipos, y a partir de ahí fuimos avanzando y complicando más las cosas hasta llegar a crear una tabla a la que se puede añadir diferentes cosas.



Por último tuvimos que crear una página web que fue la práctica más complicada que hemos hecho y la que me llevó más tiempo. La temática podía ser libre y yo escogí la saga de Fast & Furious. En ella añadí una tabla con los personajes principales, añadí la sinopsis de cada película y un hiperenlace para ver los trailers de las 8 películas que tiene la saga.
Aquí les dejo el principio de mi página web.

En conclusión a todo esto, creo que este tema que hemos dado ha sido bastante interesante y, sin duda, muy útil. Además me ha dejado con mucha intriga por llegar hasta el nivel de las páginas webs más complicadas.

Les dejo por aquí el enlace de una página donde están los colores de fondo disponibles en HTML que a mi me fue muy útil para realizar todas las prácticas.

Códigos de colores HTML