Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Problem Solving

Los Fundamentos del Pensamiento Computacional

by
Read Time:7 minsLanguages:

Spanish (Español) translation by James (you can also view the original English article)

Diseñadores web están obligados a pensar en problemas de manera que las computadoras puedan entender, por lo tanto "pensamiento computacional" es una habilidad indispensable para ellos tener. Ofrece herramientas sistemáticas necesarias para resolver tareas complejas de los clientes.

Pensamiento computacional permite a los diseñadores web descomponer un problema, detectar patrones en los datos, identificar y centrarse en aspectos absolutamente necesarios de una asignación, dejando información innecesaria a un lado que se empantanen el proceso.

Como una herramienta para el planeamiento cuidadoso, evita errores costosos que vienen como resultado de apresurarse a completar un proyecto sin haber considerado diferentes facetas del problema a mano.

¿Qué es Pensamiento Computacional?

Pensamiento computacional como un concepto puede sonar intimidante. Pero todos los días, en todos los aspectos de nuestras vidas, llevamos a cabo pensamiento computacional. Pensar en las siguientes acciones y decisiones que van en ellos:

  • Quieres hacerte una taza de té o café.
  • Usted quiere comprar un coche.
  • Desea cambiar de carrera.
  • Que desea mover a otra ciudad.
  • Usted quiere comprar una casa.
  • Quiere escribir un libro.
  • Quiere crear una aplicación.

El proceso de planificación y consecución de estos objetivos implica pensamiento computacional de algún tipo.

Planificación consiste en descomponer los problemas en partes manejables y subiendo con conjuntos de soluciones que nos permiten llegar a la meta que tenemos en mente.

breaking problems down into manageable partsbreaking problems down into manageable partsbreaking problems down into manageable parts
Problemas de Última Hora

Para nuestros propósitos, ya que como diseñadores web que queremos usar las computadoras para resolver problemas, el pensamiento computacional es realmente acerca de entender el complejo problema, entonces descomponiéndolo en una serie de pequeños problemas manejables. Desarrollar ideas sobre cómo resolver estos pequeños problemas individuales y finalmente comunicar las ideas resultantes de una serie de pasos que puede ser entendida y procesada por un ordenador.

Este enfoque sigue lo que llamamos "los principios del pensamiento computacional".

Los Principios del Pensamiento Computacional

Existen cuatro principios:

  1. Descomposición
  2. Abstracción
  3. Reconocimiento de Patrones
  4. Escritura del Algoritmo

Estas son técnicas claves que te ayudarán a pensar de cómputo a través de un problema complejo (desafío o tarea) antes de escribir una sola línea de código. Vamos a examinarlas.

1. Descomposición

Se trata de la ruptura un sistema o problema complejo en partes más pequeñas, más fácilmente solucionadas. Estos pequeños problemas son solucionado uno tras otro hasta que se resuelva el problema más complejo.

"Si un problema no se descompone, es mucho más difícil de resolver. Ocuparse de muchas etapas diferentes a la vez es mucho más difícil que romper un problema en una serie de pequeños problemas y la resolución de cada uno, en un tiempo."– BBC Bitesize

2. Reconocimiento

Una vez que ha descompuesto el problema complejo en problemas más pequeños, el siguiente paso es mirar las similitudes que comparten.

Los patrones son características comunes que se presentan en cada problema individual. ¿Qué semejanzas observas? Encontrar estas similitudes en pequeños problemas descompuestos puede ayudarnos a resolver problemas complejos de manera más eficiente.

3. Abstracción

"Abstracción" se refiere a centrarse en la información importante, ignorando detalles irrelevantes. Para llegar a una solución debemos ignorar las características innecesarias a fin de centrarse en aquellos que hacemos.

¿Cuál es la información importante que tenemos que centrarnos en? En la abstracción se trata principalmente de características generales que son comunes a cada elemento, en vez de detalles específicos.

Una vez que las características generales, se puede crear un "modelo" del problema; un modelo es la idea general del problema que intentamos resolver.

"Si nosotros no abstracto podemos terminamos con la solución equivocada al problema que intentamos resolver." – BBC Bitesize

Una vez que tenemos un modelo, podemos diseñar un algoritmo

4. Algoritmo Escrito

Has roto el gran problema en problemas más pequeños, fácilmente manejables. Ha identificado las similitudes entre estos problemas. Ha centrado en los detalles pertinentes y dejó atrás cualquier cosa irrelevante.

Ahora es el momento para desarrollar instrucciones paso a paso para resolver cada uno de los problemas más pequeños, o las reglas a seguir para resolver el problema. Estos pasos o reglas se utilizan para programar una computadora para ayudar a resolver un problema complejo de la mejor manera. También se llaman "algoritmos".

Definición: Un algoritmo es un plan, un conjunto de instrucciones paso a paso para resolver un problema.

"Algoritmos no siempre implican hazañas complicadas de la programación; en el corazón, que son secuencias de pasos para avanzar hacia una meta. "– John Villasenor

Escribir un algoritmo requiere una planificación extensa para que funcione correctamente. La solución que el ordenador ofrece es tan buena como el algoritmo escriba. Si el algoritmo no es bueno, entonces la solución no será buena tampoco.

Uso de Diagramas de Flujo

Diagramas de flujo ofrecen una manera perfecta para representar algoritmos.

"Un diagrama de flujo es un tipo de diagrama que representa un algoritmo, flujo de trabajo o proceso, mostrando los pasos como cajas de diversos tipos y su orden conectándolos con flechas. Esta representación esquemática ilustra un modelo de solución para un problema dado."– Wikipedia

Diagramas de flujo son una manera fácil de trama de algoritmos, especialmente si necesitan resultados diferentes en el camino de salida. Utiliza convenciones de estilo estándar. Diagramas de flujo de flujo de arriba a abajo y de izquierda a derecha.

example of ui elements from ux kitsexample of ui elements from ux kitsexample of ui elements from ux kits
Ejemplos de diagrama de flujo elemento de UX

Utilizando Pseudocódigo

Al descomponer el problema en partes más pequeñas manejables, se han comunicando sus resultados, ideas y posibles soluciones en inglés (o cualquier lengua use para comunicarse).

Las computadoras no entienden las instrucciones en inglés. Entienden el código. Código o algoritmos que forman un conjunto de instrucciones con sintaxis muy específica.

Pero antes de utilizar sus resultados para escribir código que entienda la computadora, es generalmente recomendable escribirlas en pseudocódigo.

Pseudocódigo le ayuda a planificar las soluciones a su problema para evitar errores al escribir el código. Es una forma de escribir las instrucciones en una forma simplificada que se lee como código. Pseudocódigo no es código, sin embargo, no tiene sintaxis específica que utiliza el código.

Pseudocódigo se escribe mejor utilizando palabras clave y las variables. Variables en la programación están parados en un valor, una palabra o fragmento de código. En programación el valor de las variables cambia dependiendo de dónde usted está en el código.

Por ejemplo, este pseudocódigo (tomado de la Universidad de Tennessee) puede calcular el pago:

Y este ejemplo ligeramente más complejo podría calcular sueldo con horas extras:

Pseudocódigo utiliza código-como términos que son útiles al traducirla a código.

  • Computadoras STOP/END son literales. Es necesario decirles que cuando se hace una declaración o instrucción. Para ello, STOP o END de la escritura.
  • Equipos de IF/ELSE/THEN entender las condiciones: Si A sucede luego hacer B, si no entonces hacer C.
  • Código INPUT/OUT requiere entrada para ejecutar y crear un resultado de salida. Entrada es para los datos que un usuario u otra fuente de va a dar al ordenador. Salida se utiliza para indicar el resultado final de una serie de comandos.
  • Término de STORE/SAVE pseudocódigo que instruye a una computadora para guardar o almacenar un valor siempre que sea necesario.

Evaluación de Soluciones

Hay realmente una quinta parte de todo este proceso. Has usado pensamiento computacional para llegar a una solución. La solución es un algoritmo que puede utilizar para programar la computadora.

Usted está con ganas de empezar a programar, pero antes de ir por delante debe evaluar la solución. ¿Por qué?

"Sin evaluación cualquier fallo en el algoritmo no recogerá, y el programa no puede resolver correctamente el problema, o no puede resolver de la mejor manera." – BBC Bitesize

Pensar en evaluar su algoritmo como "depuración".

Conclusión

Pensamiento computacional recorre todos los aspectos y funciones de la empresa del siglo XXI. Es una habilidad indispensable problemas para los diseñadores web que finalmente tienen que representar soluciones en un lenguaje que las computadoras pueden entender y procesar.

Recuerde, el pensamiento computacional implica los siguientes pasos:

  1. Descomposición: subdivisión de un problema en sus partes componentes.
  2. Reconocimiento de Patrones: identificar similitudes en las partes componentes de un problema.
  3. Abstracción: centrándose en la información general importante y dejando de lado información que es irrelevante para la solución.
  4. Escritura del algoritmo: escribir el código que crea la solución prevista. Redacción de instrucciones paso a paso que pueden ser leídos y procesados por la computadora. Las instrucciones se escriben utilizando información relevante obtenida de la descomposición, reconocimiento de patrones y la abstracción.
  5. Evaluación: búsqueda de errores en el algoritmo y corregirlos para asegurarse de que funciona sin ningún problemas.

Recursos Utiles

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.