¿estás bien informado? (coronavirus minigame-quiz)

coronavirus

Bueno no voy a extenderme mucho aquí, no hace mucho que empezó la semana de confinamiento para evitar la propagación. Estoy concienciado, como lo están muchos, de que es importante permanecer en casa para evitar la propagación y el contagio, sobre todo por los grupos que sufren mayor riesgo con este virus.

En esta primera semana se me ha dado por probar a hacer un miniquiz sobre el virus, ha sido un trabajo más sencillo que el de fingers vs zombies, este en concreto me ha tomado 2 días, quizá le haga un lavado de cara metiendo mejores animaciones a la UI pero en principio se quedara así a modo anecdótico de este evento.

La mecánica es sencilla, simplemente decidir si una afirmación es verdadera o falsa, si acertamos el % subirá, son un total de 30 preguntas por el momento. ¿se podría decir que esto es algo así como un “serius game”? \(≧▽≦)/

si os da problemas para probar el juego aquí, podéis usar este enlace https://www.keruanima.com/coronavirus/ para jugarlo en una ventana nueva. OJO recomiendo probarlo en pc, no lo he preparado para jugar en dispositivos móviles.

Si le encontráis fallos y/u os interesa comentarme vuestras impresiones siempre podéis contactarme por aquí o por mis redes sociales. ¿Qué porcentaje de aciertos habéis sacado? ^^

Sobre el desarrollo

Para este mini juego he usado un XML que almacena las preguntas con sus ids, respuesta y explicación. para la lógica he usado maquinas de estado: -primero se lee todo el xml para almacenar en arrays las preguntas, respuestas...
-una vez terminado este primer recorrido empieza a randomizar la id de pregunta que entra en pantalla y la elimina de la lista
-los botones de verdadero y falso hacen una llamada al estado correcto o incorrecto en base a si la pregunta estaba marcada como verdadera o falsa.
- el % de aciertos sube en base a un float cuyo valor es determinado por el nº total de elementos de la lista que hay al principio del juego.
- el relleno verde es un slider que sube en base a ese porcentaje partiendo de 0 y llegando a 1 cuando se tiene un 100% de aciertos. Este valor se actualiza constantemente.

-en cuanto al look, he usado un material design de Google y una la fuente "bellota-regular" de google fonts, el icono del coronavirus lo descargue de flaticon y lo edite un poco en photoshop para sustituir el cursor y el monigote es cosa mía.
-En el menú decidí meter el sistema de partículas por darle algo de vida.

Grid vs FlexBox (opinión)

Grid resulta una opción mucho mas sencilla y visual que flexbox, flexbox nos permite una alineación de elementos que va en una sola dirección Grid esta preparado para realizar un entramado de celdas con sus propias propiedades como si de una tabla extremadamente versátil se tratara.

Con Grid la creación de una estructura básica puede hacerse un muchas menos lineas de código CSS.

Grid permite que definamos nuestros espacios en filas y columnas adaptando cada celda con una flexibilidad casi absoluta, el elemento padre prepara el terreno a los hijos y estos pueden beneficiarse aplicando estilos, que según convenga los posicionarán ocupando dentro de la tabla ya definida las celdas que se especifiquen, sin necesidad de obligarnos a adaptar el maquetado a unas medidas y posiciones que con flex serían mucho mas complejas de adaptar a las medidas de nuestro diseño, sobre todo en elementos que cubren alturas y anchos que entran en conflicto con elementos superiores e inferiores, o con medidas de elementos hijos del “div” padre que necesitan medidas mucho mas especificas que flexbox nos complica a la hora de aplicarlas.

Como muestra esta imagen, CSS grid se aventaja a Flexbox al incorporar ambos ejes de coordenadas a su funcionalidad, lo cual lo hace mas versátil.

 

Lo mejor ahora será ejemplificar lo mencionado. Voy a tratar de representar una plantilla base de 5 elementos de dos formas: con flexbox la primera y grid la segunda. Después comentaré el código y los puntos en los que una opción prima sobre la otra.

CON FLEXBOX

See the Pen cssGrid vs Flexbox (Flexbox basic page structure) by Keruanima (@keruanima) on CodePen.

CON GRID

See the Pen cssGrid vs Flexbox (Grid basic page structure) by Keruanima (@keruanima) on CodePen.

Con flexbox a la hora de hacer el responsive debemos tener en cuenta mas clases en el media query pero con Grid nos limitamos al padre de los elementos, ya que usando su propiedad grid-area no solo colocamos los elemenos en el css de una manera mas visual, si no que lo podemos hacer en una sola clase facil de modificar.

Con Grid el diseño responsive se puede simplificar mas.

Entendiendo los conceptos de grid, los estilos con los que cuenta y sus propiedades se pueden realizar webs con una versatilidad, agilidad y economía que con flex es mas arduo conseguir. También existen “limitaciones” o situaciones que con flexbox se complican, por ejemplo si quisiéramos dar a el sidebar derecho un ancho mas pequeño en el ejemplo hecho con grid sería añadir una sola linea de código css pero en el ejemplo que usa flexbox esto se complicaría algo mas ya que los elementos están adaptándose al espacio total de una manera mucho mas forzosa.

 

En definitiva Grid es la nueva tendencia y si bien Flexbox sigue siendo muy útil, estoy seguro de que todo diseñador que se precie se adaptara a CSS grid por los beneficios que supone.

Entrenar la creatividad

Una de mis antiguas profesoras dijo en una ocasión que si queríamos dedicarnos a diseñar debíamos ser personas creativas y para ello debíamos ejercitar nuestra creatividad, fue la primera vez que me di cuenta de que la creatividad era una cualidad que se podía tanto mejorar como deteriorar.

Lo que esta profesora nos propuso tras soltarnos eso fue realizar un ejercicio que consistía en imaginarse 10 cosas que se podían hacer con un huevo. Uno a uno todos dimos toda clase de ideas, desde las más normales como: comerlo, freírlo, pintarlo; hasta las mas disparatadas como: Lanzarlo en cohete, hacer que llegue a presidente, hacerse su mejor amigo. La idea inicial era que nos olvidáramos de la lógica y dejáramos que nuestra mente tuviera vía libre para imaginar todas las ideas que se podrían poner en practica con una cosa tan simple como un huevo, fueran tonterías sin sentido o no esta pequeña practica activo una zona del cerebro que se ocupaba de sacar esas ideas, era la creatividad a pleno rendimiento.

La creatividad no es un privilegio de unos pocos

Estoy seguro que a día de hoy mucha gente piensa que ser creativo es algo que viene dado por un don que solo algunos privilegiados obtienen por el simple hecho de nacer con él, la realidad es muy distinta. Es cierto que una persona puede tener mayor o menor dificultad cuando le presentan un ejercicio que requiere ser creativo, digamos que hay 3 tipos de persona:

  1. Los que nacieron con una facilidad para desarrollar su creatividad o una vena creativa mas despierta que la de los demás, son gente que realmente con muy poco esfuerzo son capaces de desarrollar grandes ideas. Pueden ver mas allá de lo que ven sus ojos y extrapolan con rapidez.
  2. Los que no nacieron con el “don de la creatividad” pero son eficientes trabajándola, son personas que realmente se esfuerzan en ser creativas, gracias a que han aprendido  con ejercicios y practica han comprendido que elementos son claves para despertar la creatividad y como mantenerla en buen estado, de forma que no tengan nada que envidiar a los del primer grupo.
  3. Por ultimo tenemos a los que tienen incluso dificultades para desarrollar buenas ideas y ser creativos. Podríamos decir que son como el segundo grupo pero realmente a este grupo le cuesta mucho mas avanzar hacia un buen uso de la creatividad. En lo personal creo que este tipo de personas simplemente necesitan una motivación y esfuerzo mayor pero para nada están limitadas a no poder ser creativas.

Como ves, desde mi punto de vista todo el mundo puede usar la creatividad, no soy de los que piensa que todo el mundo esta al mismo nivel, incluso cuando nacemos tenemos factores que nos diferencian y nos hacen mejores o peores que otros según que cosa. Pero aun con ello todo el mundo puede desarrollar incluso su faceta mas débil, aquella en la que tiene un mayor handicap, La idea de que por ser malos usando la creatividad vayamos a estar estancados para siempre es una filosofía tan absurda como la de decir que no vamos a ganar masa muscular si hacemos ejercicio a diario.

Para animarte a que entrenes la creatividad y veas que realmente es posible mejorarla, te voy a mostrar lo fácil que es realizar ejercicios creativos incluso sin necesidad de usar nada mas que tus sentidos y tu cerebro, luego si quieres puedes añadirle otros elementos.

Veamos, en mi casa hay unas cortinas con unos dibujos con lo que parecen ser unas cadenas formada por unos eslabones que se repiten en un patrón. Si te fijas en conjunto puede que no veas nada pero si realizas algo parecido al ejercicio del huevo y quitas las barreras de la lógica a tu cerebro le dejaras ver más cosas en ese patrón.

En mi caso me he puesto a imaginar monstruos, una cantidad de ojos y bocas que se pueden combinar de muchas formas, a partir de ahí quise plasmar lo que mi mente se imaginaba y con la ayuda de mi ordenador realice la siguiente ilustración:

El objetivo de estos ejercicios es sacar ideas de lo que nos rodea, imaginar formas en lugares donde no era intención del autor o de la propia naturaleza que nosotros las viéramos. Algo parecido les pasa a los niños cuando crean seres de pesadilla en las formas que ven en la oscuridad, por algo se dice que la imaginación de un niño supera a la de los adultos pero realmente nosotros dejamos que esa creatividad se pierda al no fomentar su uso. Si no te quedas sin objetos o zonas de las que sacar ideas siempre puedes recurrir a sitios como https://www.pinterest.es/https://images.google.com/ para sacar ideas.

 

Conclusión

Todos podemos ser creativos, yo mismo considero que he necesitado entrenar esta faceta para poder hacer mejor mi trabajo. Es importante también no descuidar la creatividad, no solo nos permite mejorar en ciertas tareas, nos puede ayudar a sentirnos mejor y como todo lo que nos impulsa a vivir mejor y ser mejores lo debemos cuidar y mantener.

Las webs de “hazlo tú mismo” son una mala idea

 

La web se ha convertido en los últimos años en una herramienta imprescindible que nos ha facilitado mucho las cosas en muchos ámbitos y ha cambiado las reglas del juego en muchos negocios. En mi caso particular y en el de tantos otros diseñadores, la web a permitido acceder a un mercado global lo cual siempre tiene su parte buena y su parte mala. La buena es que estar lejos de alguien ya no supone un problema para hacer negocios, es cierto que aún hay muchos detractores del trabajo a distancia, pero es una realidad que este tipo de trabajos crece día a día y en tareas relacionadas con el diseño digital o la informática todavía mas. La parte mala es la competencia: que hayan caído las barreras gracias a internet ha beneficiado a muchos otros que, como yo, ofrecen sus servicios a clientes de todo el mundo.

En este universo sin fronteras han surgido una serie de empresas con una idea de negocio particular que no dudo les este aportando buenos beneficios, se tratan de las webs de “hazlo tú mismo”, webs donde lo que se ofrece es una plataforma online que permite realizar tareas sin la contratación de expertos en ciertas materias relacionadas. Estas webs por tanto, permiten que, con sus herramientas de fácil uso que no requieren instalación alguna, el usuario realice una tarea aparentemente fuera de sus posibilidades por la complejidad pero que con ayuda del servicio que ofrece su plataforma se convierte en una tarea de niños.

Especialmente en páginas que ofrecen este servicio para la creación de webs de todo tipo, esta promesa de obtener la web perfecta con muy poco esfuerzo y dinero se vuelve cuanto menos una utopía que esta lejos de ser realidad, especialmente en los casos en los que se busca tener una web para un negocio y con intención de tener mucha visibilidad.

Para ilustrarlo mejor pongamos un ejemplo: Digamos que un tipo normal llamado Menganito, que no tiene conocimientos relacionados con nada que tenga que ver con ordenadores, diseño o informática, quiere realizar una web para vender los productos de su tienda, este se da con una de estas webs que he estado comentando que le ofrece tener su tienda ideal en segundos y todo por un precio mucho menor de lo que costaría contratar un profesional o un equipo de profesionales capaces de realizar lo que anda buscando. Es cierto que tendrá que hacerlo el mismo o quizá alguno de sus empleados que tampoco tiene mucha idea de como se diseña y se hace una web, pero el proceso es tan sencillo e intuitivo que basta con elegir entre una de sus miles de plantillas y todo estará solucionado. Parece un negocio redondo para Menganito ¿verdad?  Realmente no es tan bonito como parece, como dije antes, siempre hay una parte buena y una mala.

Las Webs de este estilo ofrecen lo que el usuario inexperto anda buscando pero se quedan en la superficie y no entran en detalle. A continuación todas las desventajas que supone optar por uno de estos sitios de creación web:

 

1-No se diferencia tanto de alternativas como WordPress

Incluso cuando lo que buscas es hacer una web tu mismo, y estas convencido de que no necesitas contratar a un profesional porque no necesitas demasiada personalización,  podrás usar wordpress por tú cuenta.

No es broma, a mucha gente WordPress le da mucho miedo al principio pero realmente cuando lo que buscas es algo sencillo y efectivo es la mejor opción. WordPress es gratuito, instalarlo no es una tarea demasiado compleja, además la cantidad de temas que hay para WordPress, tanto gratuitos como de pago, son infinitamente superiores a los que hay para estas webs de “haz tu propia web”. Puede que si lo que buscas es mucha personalización y diferenciar mucho tu sitio de otros usando un tema totalmente personalizado vayas a necesitar la ayuda de alguien mas preparado para hacerlo, pero eso también es un punto en contra para las  webs “hazlo tu mismo” que veremos a continuación.

2-No facilita las cosas a los programadores y diseñadores

La simplicidad que prentende alcanzar juega en nuestra contra cuando queremos tocar el código de nuestra web. Lo que ofrecen es un entorno tan cerrado que si en algún momento decides que tienes que incluir un elemento que no te proporcionan en la web no vas a poder.

3-no existe realmente una atención personalizada

En estos sitios el trato con el cliente es practicamente nulo, evidentemente estarán ahí para resolver tus problemas pero no es comparable a tener a un autónomo que esta expresamente trabajando para ti o a una empresa de diseño web que esta trabajando en tu proyecto, que ofrecen un trato profesional pero mas personal. Aquí hacer la web es cosa tuya, ellos te dan unas ideas prefabricadas muy bonitas y herramientas muy sencillas con las que tendrás que trabajar solo.

4-muchos diseños pero siempre limitado

Es cierto que son muy bonitos y que hay mucha variedad pero cuando se trata de un proyecto que tenias muy claro desde el principio hay muchas cosas que vas a querer de una manera que solo vas a conseguir tratando con un diseñador que plasme tu idea en un diseño adaptado especialmente y exclusivamente para ti, sale mas caro pero se rentaviliza mucho mas. Pero…¿realmente sale más caro?

5-No es tan barato como nos lo pintan

Ni todo lo que reluce es oro. Estas webs ofrecen planes que nos dan acceso a muchas plantillas y además a la obtención de un dominio y un hosting web. Muchas incluyen en sus planes de pago opciones gratuitas que realmente son opciones Fremium de las cuales sacan dinero incluyendo publicidad en tu web, algo que no voy a criticar (al fin y al cabo si es gratis de algún lado tienen que sacar beneficio) pero por otro lado hay algunas que incluso pagando su plan básico siguen manteniendo su publicidad. Además sus planes no son capaces de ofrecer lo que muchos sitios de hosting tan conocidos como GoDaddy ofrecen a un precio mucho menor. Puede que los sitios que solo nos ofrecen Hosting y dominio no nos ofrezcan plantillas ni herramientas de personalización y creación similares, pero desde luego hay opciones que nos facilitan un bandwidth y una capacidad para nuestro sitio mucho mejores.

6-olvídate del seo

Estas webs no se preocupan demasiado de ese factor y a la hora de diseñar puede que el propio usuario no sepa que beneficia al seo y que no, hasta hace poco seguían usando la tecnologia flash para la creación de las webs algo que a nivel de SEO era una practica nefasta que buscadores como Google penalizaban para aparecer en los resultados de busqueda, es por lo que digo que llegan a aprovecharse de aquello que el cliente pasa por alto, si no lo mencionan el problema no existe.

7-Mensualidades que a la larga salen peor

Si tienes que pagar una mensualidad por algo que vas a tener hecho a partir de simples plantillas, a la larga saldrá caro. En ocasiones es mejor invertir un poco mas por un producto mas único y con posibilidad de usarlo sin grandes gastos a futuro.

Conclusión

En definitiva, estas webs no son una opción recomendable si estas pensando en montar un negocio online o dar el salto al mundo de los blogueros. Primero porque hay opciones como WordPress que ofrecen las mismas y mejores herramientas sin pagar y sin publicidad que hagan a tu sitio menos atractivo y segundo porque tener a uno o varios profesionales especializados realizando un proyecto tan importante como es tú web es una inversión que vale la pena y resultará en un producto actualizado a las tendencias, funcional y totalmente personalizado, algo que dudo mucho se pueda conseguir con estas herramientas.

Fingers vs Zombies, historia de un desarrollo en solitario.

Hola, esta entrada quiere resumir mi experiencia en el reto que me autoimpuse de realizar un juego original para android en el menor tiempo posible.

Leer másFingers vs Zombies, historia de un desarrollo en solitario.