viernes, 2 de agosto de 2019

Recurso Multi Didáctico Super Práctico Animado e Interactivo

Mira la pizarra y Caza el botón !  - aprendizaje por reconocimiento de patrones.


Pueden variar entre aprender letras, numeros, signos de puntuacion, simbolos matematicos, figuras geometricas, o silabas. Y tambien mezclarlos.

Las areas blancas son las pizarras o tableros y los elementos bajo cada pizarra que se aprecian con sombra son los botones. El que esten ahi no implica relacion, pues aunque ciertamente la dinamica se basa en parejas de un boton con una pizarra, estas estan revueltas.

El estilo en el que se dibuja lo puesto en la pizarra tambien cambia de una a otra de modo que quien aprende se fije no en las figuras sino en los patrones que describen las figuras, asi que para empatar correctamente una pareja se debe extraer mentalmente la idea general de los trazos en el pizarron o pizarra y no solo fijarse y retener una imagen simplemente, sino entender las lineas y con ello repasar o memorizar el patron en el lienzo o espacio.

Otra idea brevemente instanciada en el lenguaje Visual Basic.



Luego de haber sido alentado a investigar mas que lo propio de las tareas del curso que se nos estaba enseñando, y descubriendo asi cada vez un tanto mejor las cosas que un lenguaje de programacion posibilita  inadvertidamente sucedan a lo largo de nuestras rutinas cotidianas del diario vivir, junto con la flexibilidad creativa que es caracteristica de la realidad digital, me encuentro que efectivamente todo esto es interesante. Pero lo verdaderamente importante fue que aquel pequeño gran desafio con que se nos inauro en esto de la informatica de las aplicaciones, adicionalmente a forzarnos a investigar mas y mejor, era para obligarnos a pensar en  ¿Qué habriamos de programar? es decir cual proposito tendria nuestro programa puesto que se nos permitio la libertad de buscar una idea propia a desarrollar. De ello hice a un lado esta otra ocurrencia que me llamo la atencion en su momento y auque me decante por presentar al colegio la otra, retome casi de inmediato esta para darle algun seguimiento ya que me parecio un buen ejercicio de practica a realizar por mi cuenta. Luego de varios años hasta ahora que me hallaba revisando las carpetas de un disco lo vuelvo a ver y se los comparto a continuacion para que le echen un vistazo:

Orale ¡Pero ya! , un juego que es una especie de carrera de relevos en contra del reloj donde gana quien mande fuera todo antes que su contrincante, es decir quien vacie su area de juego primero. Cada elemento tiene una velocidad de movimiento distinta asi que no se confien. Debe asistir a su alumno proveyendo la pronunciacion del caracter o lo que se esta aprendiendo.

archivo ejecutable 32bits 60KB _ MIR AZA

  • en caso de que tu sistema de proteccion te pida confirmacion o te notifique respecto a la descarga o ejecucion es normal puesto que no es formal sino algo domestico, una ejercicio en años de colegio realmente. para mayor confianza pongo tambien el promedio obtenido por el analisis de seguridad por parte de la empresa VirusTotal [resultados de la cisterna AV]

---promedio que es 3 en 68, donde todas las compañias de seguridad importantes hacen parte de los 65 votos restantes positivos es decir ni una de las grandes confundio el archivo como otra cosa que inofensivo.



martes, 30 de julio de 2019

Juego clasico: "Tres en linea", remanente Visual Basic

Tambien conocido como Totito




Dias atras mientras revisaba las carpetas de una memoria usb, me encontre con esta primera, y la unica, version de un proyecto escolar que fue improvisado en todo sentido pues se nos asigno a tan solo inicios del ciclo estudiantil y contrario a lo que se podria pensar era muy breve lo expuesto pero la ganancia de completar este desafio sorpresa fue sin duda alguna entendida por el alumnado...

Me acuerdo que dicha tarea tuve que comenzarla dos veces porque accidentalmente luego de haber finalizado la confeccion del programa, elimine los archivos que tenian el codigo fuente del ahora primer intento en realizar mi tributo digital a este juego. No puedo recordar por que estuve tan seguro de presionar la opcion "eliminar" ni que lamentos o escenarios desolados pasaron de lado a lado por mi ser atonito, transparente e inexistente ante lo que corroboraban mis ojos mientras mi mano agotaba con cada click del raton los rincones que se me ocurrian para buscar esperando hallar la carpeta magica del proyecto que vi crecer desde que era una idea no mas. Si tan solo hubiese sabido en aquel entonces igual de bien como sabia que aparte de "suprimir" se puede presionar esa junto con "shift" para estar al tu por tu con el engreido sistema operativo... Quiza habria sido distinto sabiendo que existian programas de recuperacion de archivos.

Asi que el programa que dejo en la dirreccion del enlace es aquel segundo intento que es distinto a mi original perdido para siempre jajaja. Sin mas preambulos dale un vistazo a una antiguedad del baul de los recuerdos:

archivo ejecutable 32bits 64KB _ tres en linea
  • en caso de que tu sistema de proteccion te pida confirmacion o te notifique respecto a la descarga o ejecucion es normal puesto que no es formal sino algo domestico, una tarea del colegio realmente. para mayor confianza pongo tambien el promedio obtenido por el analisis de seguridad por parte de la empresa VirusTotal [resultados de la cisterna AV]
---promedio que es 1 en 67, donde todas las compañias de seguridad importantes hacen parte de los 66 votos restantes positivos es decir ni una de las grandes confundio el archivo como otra cosa que inofensivo.

por cierto justo despues de resignarme a que efectivamente habia perdido el programa y todo el tiempo invertido en realizarlo, solamente rei y rei y si me volvia a acordar me volvia a reir.

miércoles, 9 de enero de 2019

Un DISEÑO VISUAL de "Caja Flexible CSS"

Tutorial de HTML y principalmente su version 5

Flexbox (cajas flexibles) de CSS

Flexbox es una nueva modalidad de diseño visual que trae CSS3.

El uso de flexbox asegura que los elementos se comporten predeciblemente cuando el diseño visual de la página se encuentre con o deba adaptarse a diferentes tamaños de pantalla y diferentes dispositivos de visualización. Desventajas: no funciona en IE10 y anteriores.

Aprenderás mas de flexbox (caja flexible) de CSS en un capitulo futuro.

Ejemplo con flexbox:

Comidas del Mundo

Pastel de Queso

El pastel de queso es uno de los postres más comunes del mundo y, quizás, uno de los más antiguos que utilizan lácteos, diferentes de la leche. El primer registro que hace mención al pastel de queso viene desde los antiguos Juegos Olímpicos griegos. Marcus Porcius Cato (o Cato "el viejo") escribió la receta para su preparación en uno de sus tantos libros de cocina Romana, llamados "De Agricultura".

Derecho de autor © Abuelitas.com

Reduce bastante el ancho de la ventana de tu navegador de internet para apreciar en acción al código de abajo.


El código HTML y CSS que se haya tras este ejemplo:

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<style> 
div#pizarrón-flexible {
    display: -webkit-flex;
    display: flex;  
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    text-align: center;
}
div#pizarrón-flexible > * { 
    padding: 15px;
    -webkit-flex: 1 100%;
    flex: 1 100%;
}
article#tramo2 {
    text-align: left;
}
header.extremo2 {
    background: black;
 color: white;
}
footer.extremo2 {
    background: #aaa;
 color: white;
}
nav#canoa2 {
    background: #eee;
}
nav#canoa2 ul {
    list-style-type: none;
    padding: 0;
}
nav#canoa2 ul a {
    text-decoration: none;
}

@media all and (min-width: 768px) {
    nav#canoa2 {
     text-align: left;
  -webkit-flex: 1 auto;
  flex: 1 auto;
  -webkit-order: 1;
  order: 1;
 }
    article#tramo2 {
     -webkit-flex: 5 0px;
  flex: 5 0px;
  -webkit-order: 2;
  order: 2;
 }
    footer.extremo2 {
     -webkit-order: 3;
  order: 3;
 }
}
</style>
</head>
<body>
<div id="pizarrón-flexible">

<header class="extremo2">
   <h1>Comidas del Mundo</h1>
</header>
<nav id="canoa2">
  <ul>
    <li><a href="#">Pastel de Queso</a></li>
    <li><a href="#">Otra comida</a></li>
    <li><a href="#">Otra comida mas</a></li>
  </ul>
</nav>
<article id="tramo2">
  <h1>Pastel de Queso</h1>
  <p>El pastel de queso es uno de los postres más comunes del mundo y, quizás, uno de los más antiguos que utilizan lácteos, 
  diferentes de la leche. El primer registro que hace mención al pastel de queso viene desde los antiguos Juegos Olímpicos 
  griegos. Marcus Porcius Cato (o Cato "el viejo") escribió la receta para su preparación en uno de sus tantos libros de 
  cocina Romana, llamados "De Agricultura".</p>
</article>
<footer class="extremo2">Derecho de autor © Abuelitas.com</footer>

</div>

</body>
</html>

a continuación explicaremos cabalmente el codigo del ejemplo que corresponde a este nuevo tema...