Mostrando entradas con la etiqueta Diseño Web. Mostrar todas las entradas
Mostrando entradas con la etiqueta Diseño Web. Mostrar todas las entradas

sábado, 25 de febrero de 2017

Diseño Web Educativo

En estos momentos existe un gran esfuerzo mundial por crear Diseño Web con fines educativos, y en general Diseño Computacional de diferentes niveles, con ese fin, y solo puedo decir, ya hacia falta, el problema es que es una selva, en la que no hay siempre buenas ideas y si mucha confusion, en este articulo intentare resolver en parte esto.

¿Que es Diseño Educativo?

Tambien llamado Diseño Instruccional, dentro de nuestro mundo, es todo aquel diseño para la red que tiene finalidad educativa, pero no es tan simple como esto, Diseño Educativo es una frase engañosamente simple, mientras Geogebra es un auxiliar para los estudiantes de Universidad, que les permite encontrar rapidamente soluciones para problemas mas complejos, (como calcular orbitas elipticas en un sistema gravitacional planetario); en vez de perder tiempo calculando elipses, se pueden concentrar en el aprendizaje de las Leyes de Gravitacion; por otro lado es terrible para un alumno de Bachillerato, ya que le da la solucion a un problema, sin permitirle pensar en el y resolverlo usando su propio cerebro.

El Software Educativo es el que ayuda a un alumno a Entender un Concepto, el que lo ayuda a pensar, y lo guia en como calcular las soluciones el mismo, NO EL QUE CALCULA los resultados por el.

Pero no todo el Diseño Educativo tiene que ser un Software o una aplicacion, hay proyectos como el Arquimedes del Instituto de Matematicas de la UNAM, que permiten a los profesores de diferentes niveles tener una herramienta confiable y adecuada para hacer presentaciones en clase.

¿Como se hace el Diseño Educativo?

Hay muchas Teorias, de todos los sabores y colores, por desgracia, la mayoria solo son adaptaciones de la Teoria del Diseño Industrial, algunas son tan descaradamente un copy & paste, que incluso incluyen la Elaboracion de Prototipos.

En realidad el Diseño Educativo no es más que la adaptacion a algun medio electronico de los viejos procedimintos de clase, asi que en realidad no son mas que:

  1. Desarrollo del Concepto, (que se quiere hacer, una aplicacion, una pagina web, un programa interactivo, un juego educativo o lo que se desee hacer)
  2. Preparar la clase, exactametne igual que antes, pero en vez de usar papel y lapiz, se puede usar HTML, videos, imagenes, o lo que uno desee
  3. Dar la clase, Ejecucion, (que raro se ve esa palabra escrita en español), esto es, si decidimos hacer un poster, dijeramos, de las Leyes de Newton, tendremos que abrir nuestro editor Gimp, (Photoshop para las pobres almas que aun usan Windows), y "escribir" en el lo que deseamos plasmar, agregar imagenes o diseñarselas si lo deseamos, y finalmente exportar en jpg y enviarles el archivo a nuestros alumnos.
  4. Evaluacion, es necesario saber si despues de recibir la clase, los alumnos aprendieron algo de ella, aqui hay un monton de teorias Psicologicas, Pedagogicas, de Factor Humano y un largo etcetera, que nos dicen como evaluar el aprendizaje, la verdad, no es mas que poner una calificacion al conocimiento demostrado por los alumnos despues de tomar la clase, en ese sentido, a veces conviente hacer algun metodo de retroalimentacion con ellos, en una fase intermedia, pero eso es al gusto del diseñador.
Este proceso puede llevar mas pasos si se desea, esta es una receta basica, como la del Sandwich de Jamon, cada quien puede ponerle lo que quiera, y hacerlo a su manera, aqui les dejo unos ejemplos de algunos Diseños Instruccionales bien realizados:


Sistemas Operativos Educativos

Y si hablamos de palabras mayores, algunos Sistemas Operativos exclusivametne dedicados a educacion, que los dejaran boquiabiertos, (y eso que aun no incluyo la derivacion de Knoppix que estara dedicada exclusivametne a educacion y que asumo sera la mejor de todas), porque tienen TODO lo que un alumno o Profesor soñaria con tener para lograr un eficiente proceso educativo:


Por cierto, si les interesa, algunos de ellos necesitan profesores que puedan ayudar diseñando o traduciendo aplicaciones al Español, por desgracia, estas joyas solo se cocen en los paises mas avanzados del mundo y muchos dependen de ayuda de la comunidad para ser traducidos al español.

sábado, 8 de mayo de 2010

Sitios interminables


Hay veces que uno se empantana en sitios demasiado ambiciosos, que llevan dias y mas dias, y no se pueden terminar, este es el sitio en que eso me paso, las secciones se llenaron de subsecciones, cada una de ellas en acapites y subacapites, en final un universo de al menos 250 paginas web y aun contando, cierto que la tentacion de agregar extenciones jpg en vez de html es muy fuerte, sin embargo, he tomado la decision de no tomar la salida facil, y cada mes le agrego mas y mas informacion, estoy una epsilon mas cerca de acabarlo, en este momento ya termine la base completamente, todas las imagenes estan ya ahi, las paginas minimas tambien, hice una matriz basica y solo cambiandole lo fundamental se convirtio en todas las paginas del sitio, sin embargo ahora falta todavia particularizar una seccion completa, la Galeria.

El sitio esta dedicado a la Escala 1/144, y fue diseñado para representar una vieja caja de Revell Lodela de la serie H-1000, las letras son Deusex, solo en los titulos, los subtitulos y los botones decidi hacerlos en otros tipefaces, ya que Deusex se ve muy mal en mayusculas. El diseño esta hecho como siempre en GIMP, el hosting es 000webhost.com, el diseñador webrush

__________________________________________________________________________

miércoles, 7 de abril de 2010

Rehaciendo un Viejo Sitio


En estas vacaciones le dedique un par de dias a rehacer un viejo sitio, el dedicado al Dewoitine 520, por alguna razon, no aparece en los primeros lugares de busqueda de Google, y aunque tiene ya sus tres años, me he dado cuenta de que los sitios escritos en frames no son muy visibles ante el buscador mas popular, por lo que decidi modificarlo completamente, lo hice un sitio regular con las etiquetas Body y todo lo estandard que tengo en los sitios populares, fondos claros, headers contrastantes, titulos con Navmaps y divisores de color, fue necesario reescribir todos los headers y footers del sitio, ademas de agregarle un poco de informacion nueva, conserve su Marquee original, algo que ya rara vez uso.

El hosting es Metro, muy bueno, aunque con relativamente poco espacio, solo 250MB, (recuerdan que geocities solo tenia 15 y eso era bastante en 1999), diseño web por Webrush, escrito originalmente en Veracruz en el 2007, reparado en el DF en el 2010.

Aviones Fantasticos de la FAM

En estos dias se me ocurrio una idea por un sitio muy diferente, el sitio habla sobre Aviones Fantasticos de la Fuerza Aerea Mexicana, aviones factibles, ordenados, cancelados o simplemente imposibles, que pudieron servir en alguna de las armas aereas del pais, el tema no es lo mas importante aqui, sino la forma, decidi apartarme de mis diseños clasicos y usar esta vez uno de cuatro columnas, claro, con division por tabla, navegacion a la derecha por botones, un fondo negro con letras blancas y un tipo moderno de letra Saved by Zero, todo el diseño grafico lo hice como siempre con GIMP, y aunque use mis reservas de imagenes, me faltaron algunas, como por ejemplo, el angel de la independencia lo baje de la red, tengo que sustituirlo con una imagen propia, vertical y de alta resolucion, tambien la columna divisora debe de llevar un aguila, triangulo o algo mexicano en la cima, de preferencia animado con algun efecto de luminosidad. Algo que tenia ganas de hacer desde hace mucho tiempo, era botones con desvanecimiento hacia la derecha.

Hay veces que un concepto viene muy rapido, y para completarlo es necesario hacer algunas concesiones, esta vez, no me empantane en complejas subsecciones de la Galeria con toneladas de fotos, donde no tenia foto, simplemente coloque letreros de Proximamente, y use fotos viejas de 640 x 480 o lo que tuviese disponible, el sitio es totalmente operativo, si bien una sesion completa de fotos seria muy buena y en una Version 2 sera un sitio espectacular.

El hosting es 000webhost y es uno de mis favoritos, mucho espacio, con contadores de visitas, diseño web por Webrush, publicado en la Ciudad de Mexico, DF, 2010

domingo, 10 de mayo de 2009

Mis Sitios Web


Hola a todos, este es mi blog dedicado a mis sitios Web, mi nombre es Sergio Tellez, empece diseñado sitios Web como trabajo, pero ahora despues de mas de 50 sitios diseñados, he emepezado a abarcar temas que me han interesado siempre, en Español la informacion disponible es muy pobre, la ultima vez que vi, menos del 12% de la Internet esta en nuestro idioma y he decidio hacer algo.

Por mi formacion soy fisico y ex piloto naval, asi que los sitios que he construido han sido de esos dos temas en particular, en particular en Ciencia y Tecnologia Militar estamos terriblemente atrasados, hasta el momento he construido mas de treinta dedicados solo a Historia y Tecnologia Aeronautica, entre ellos el del Zero, el del A-20, el Dewoitine 520, el Ju-87 Stuka y muchos mas, tambien he intentado rescatar la historia militar de Mexico, con sitios sobre el equipo, batallas y otros temas del pais. uno de los problemas que mas sistematicamente me he encontrado, es la falta de imagenes, por ejemplo de los Pecuas, por lo que he decidido usar mi coleccion de modelos como substitutos y las pocas fotos reales que se han conservado como referencia generalmente en Blanco y Negro.

En ciencia he diseñado algunos sitios que realmente necesitabamos, el primer sitio en español de Demostraciones Matematicas, basandome en una serie de clases que di en la UNAM en los noventas, asi como sitios dedicados a Astrofisica, Dinamica de Fluidos, Optica Laser, Vulcanologia y Ciencias Atmosfericas, que eran realmente necesarios en español, pero sin embargo cuando levanto la mirada, veo que ante las pasmosas necesidades, mi aportacion es solo una gota en el desierto de la ignorancia en mi pais.

Aqui voy a ir subiendo mis sitios, para que todos puedan verlos y conocer un poco de mi trabajo, el de esta semana es mi sitio dedicado al Ju-87 Stuka, el famoso bombardero en picada aleman de la Segunda Guerra Mundial, el enlace esta un par de parrafos arriba, esta diseñada usando la tecnica de Frames en XLM, originalmente llevaba algo de Java Script, pero despues de asistir a un congreso de Seguridad en la Red, decidi eliminarlo.