Diseño web

[Ferran Quer i Guerrero]

Buenas,
Abro este hilo para el diseño de la página web. Si tenemos trabajos diferenciados, será mejor tratarlos en hilos distintos.

He terminado exámenes y me he puesto a aprender. He empezado con los estilos de las cajas de la portada. Propongo unos cambios para evitar distorsión al hacer zoom sólo de texto desde firefox (no lo he probado en otros navegadores, pero no debería haber problemas). El objetivo es conservar el aspecto en el tamaño de letra por defecto y en las ampliaciones. Aparte de las dos ampliaciones de más abajo, adjunto dos capturas completas donde se aprecia mejor la diferencia.

Hay tres relaciones de posición que actualmente cambian:
icono de título - texto de título
Texto o imagen del título - Límite superior de la caja

Leyenda:

Contenido disponible
Padding
Margen

Actual


Propuesta


Los colores puede que confundan un poco, pero sirven para comprobar la alineación de cada elemento. En mi propuesta la imagen y el título están alineados, y guardan el mismo espaciado con la caja. La altura la defino en em para que cambie igual que la letra (algo mayor para no recortar el icono). Incluyo sólo los cambios en el código:

.sectorPortada.noticias h2 {
    background: url("../img/icoNoticias.png") no-repeat scroll left transparent;
    /*background: url("../img/icoNoticias.png") no-repeat scroll left 4px transparent;*/
}

.sectorPortada h2 {
    line-height:1.5em; /*line-height:28px*/
    height: 1.5em; /*height:28px*/
    margin: 0 0 0.3em; /*margin: 0*/
    padding: 0 0 0 30px; /*left-padding: 30px*/
}

También propongo cambiar las unidades de alto de línea a em en el interior de la caja, equivale a una línea doble (0.8em*2):

.contBoxSec{
line-height:1.4em; /*line-height:15px*/
}

Y ya está. Era algo con que me había fijado hace tiempo pero no quería pedir a Jaime este trabajo algo quisquilloso. Jaime, si te parecen bien los cambios, deberás retocar el estilo h2, los cuatro iconos h2, y el contenido contBoxSec.

Saludos!
Ferran

[Jaime García Marsá]

Ferran, para ir separando tareas se me ocurre un avance para Learnexperiment que puede ser interesante: Que las CSS se puedan editar online. Esto es casi trivial, aunque se complica un poco si hacemos que la edición no sea definitiva sino de prueba, y que se puedan mantener varias versiones, y cambiar, cuando se considere bien rematada, la versión oficial de la CSS. Lo ideal al final sería tener justamente una especie de firebug pero que permitiese salvar cambios.

Mientras tanto voy realizando estos cambios en cuanto pueda.

Un saludo:

Jaime

[Ferran Quer i Guerrero]

Podría gestionarse a través de github? Los cambios propuestos no se aplican a la página me parece, pero como mínimo no tendrías que almacenar tú las versiones.

Si vas actualizando el github, después de otro detalle de diseño de la portada, me centraré en entender cómo funciona un ejercicio básico.

Saludos,
Ferran

2011/6/27 Jaime García Marsá <ja...@legendarya.com>

[Ferran Quer i Guerrero]

Buenas,
Tengo otro retoque de la portada. Esta vez se trata del overflow de Noticias cuando ampliamos el texto. Mi intención es que "ver más noticias" esté visible en todo momento.
Creamos un div nuevo que contenga las noticias para controlar el overflow

<div style="height: 95%; overflow: auto; border-bottom: 1px solid #CED7DD;">

<div><!--Noticia1-->
<div><!--Noticia2-->
<div><!--Noticia3-->

</div>
<div class="ver_mas_noticias">

Estilo de ver_mas_noticias

.ver_mas_noticias {
    padding: 0 10px;
    height:5%;
    <!--text-align:right-->
}

El resultado, antes y después.




También se podría añadir control de overflow en la caja:

.contBoxSec {
...
overflow: auto;
...
}

Así, nos curamos en salud si añadimos más texto en la caja de introducción o añadimos cajas.

Saludos!
Ferran

2011/6/27 Ferran Quer i Guerrero <ferra...@gmail.com>

[Ferran Quer i Guerrero]

Un apunte: 95%+5%+1px de borde se sale de la caja. El 5% se puede cambiar por 10 o 11px

2011/6/28 Ferran Quer i Guerrero <ferra...@gmail.com>

[Ferran Quer i Guerrero]

Otro retoque: sobre el pie de página que se pisa con la barra de foro.
Se puede solucionar haciendo un padding-bottom del contenedor del pie de página igual a su alto, del pie.

Es decir, en vez de

.mainContainer{
...
padding:0 10px
...
}

añadimos el inferior:

.mainContainer{
...
padding: 0 10px 100px
...
}

Como de costumbre:
Actual


Propuesta


Saludos!
Ferran

[Ferran Quer i Guerrero]

Me olvidaba de dar la referencia de la página donde se manifiesta este fallo. Japonés/lecciones_libres/vocabulario_kanji es donde he hecho la prueba.

2011/7/7 Ferran Quer i Guerrero <ferra...@gmail.com>

[Jaime García Marsá]

Hola Ferran, están aplicados todos los cambios sobre la css, comprueba que era lo que querías.

Lamento el retraso, pero estamos "terminando" un proyecto y me están apurando (sin sentido, la verdad). Parece que esta semana será también movida pero la próxima ya debería comenzar a despejar.

No he podido hacer nada de la aplicación de Kanjis, pero como referencia la de Hiragana alcanzó las 300 descargas con más de 200 instalaciones activas, sobre todo en EEUU. Tampoco he pòdido actualizar nada más en Learnexperiment, que bajó en visitas de 1600 a 1200 semanales, aunque parece algo estacional, pues el año pasado hacía algo parecido. Parece que ya se estabiliza, en cualquier caso, y que pueda volver a subir.

A principios de agosto es el salón del manga aquí en Asturias y voy a ver si asisto, a ver si publicito un poco la página. También he estado pensando en un nuevo modelo de aprendizaje orientado a la gramática. Mostramos fragmentos de una frase cada vez más complejos y pedimos al usuario que escoja la figura que lo representa. Por ejemplo: "circulo" (mostrando un círculo y un triángulo), "círculo rojo", "triángulo con borde", "triángulo con borde grueso". Frente a los ejercicios actuales el usuario no ha de entender tan solo palabras sino que ve estructuras gramaticales. Naturalmente queda aún el probarlo y no tengo tiempo de ponerme todavía. Ya veremos.

Ferran, si ves algo más tu envía. Quizás no pueda resolverlo de inmediato pero no se me olvida.

Un saludo:

Jaime

[Ferran Quer i Guerrero]

Hola,
Me alegra saber de ti. Sobre los retoques, falta cambiar también el background del h2 de todos los cuadros, no sólo "Noticias".
De:

.sectorPortada.introduccion h2 {

    background: url("../img/icoIntroduccion.png") no-repeat scroll left 4px transparent;

}

a:

.sectorPortada.introduccion h2 {

    background: url("../img/icoIntroduccion.png") no-repeat scroll left center transparent;

}

Tengo cosas que proponer, pero no son de diseño, ahora no estás disponible y aún no las tengo claras. Así que os las haré llegar más adelante.

Salud,
Ferran

2011/7/11 Jaime García Marsá <ja...@legendarya.com>

[Ferran Quer i Guerrero]

Una propuesta para cambiar de sitio los vídeos añadidos: dentro del panel de pestañas. Ser podría crear una pestaña nueva o añadirlos dentro de info.

Después de los cambios:


código:

cambiamos el div del objeto de lugar

hacemos flotar las respuestas
.lista_preguntas{
    float: right;

    margin-left: 2em;

}

Como esto es algo de organización, y sólo de estética, me gustaría que comentarais cómo lo veis. Puede haber un problema porque no cierro el float --> float:clear; no sé dónde debería hacerse

Saludos,
Ferran

2011/7/11 Ferran Quer i Guerrero <ferra...@gmail.com>

[Jaime García Marsá]

Cambios aplicados (es raro, la tabla de preguntas debería de haber estado a la derecha desde el principio)

[Ferran Quer i Guerrero]

en #pie_de_pagina yo quitaría bottom=0
ya que funciona solo en pantalla completa. La comparación es con la línea y sin la línea.

2011/7/19 Jaime García Marsá <ja...@legendarya.com>

[Ferran Quer i Guerrero]

Añadir   padding: 0 10px; en mainContainer para que la barra de arriba de todo (degradado de azul a naranga) ocupe los 1000px
Cambiar la imagen de sombra por css3: hacer que el background de body sea únicamente el color azul, y en mainContainer añadir box-shadow: 0 0 10px;

2011/12/6 Ferran Quer i Guerrero <ferra...@gmail.com>

[Ferran Quer i Guerrero]

Como siempre, sobran muchas explicaciones. Adjunto capturas de actual y mi propuesta. Eso sí, mi propuesta no es explícita, habría que tocar el html y el css por separado.

ACTUAL
<div>

<a title="" href="../../aprender/2castellano-/987">

<span>&lt; 自他2：Castellano ↔ 自動詞</span>

</a>

<a title="" href="../../aprender/2castellano-/989">

<span>自他2：Castellano ↔ 動詞 &gt;</span>

</a>

</div>

PROPUESTA
<div style="display:inline-block"> <!-- Sin float left, ya que la barra de progreso se montaría a su derecha. -->
<a title="" href="../../aprender/2castellano-/987">
<span>&lt; 自他2：Castellano ↔ 自動詞</span>
</a>
</div>
<div style="display:inline-block;float:right">
<a href="../../aprender/2castellano-/989" title="">
<span>自他2：Castellano ↔ 動詞 &gt;</span>
</a>
</div>


De este modo, "anterior " siempre se pega a la izquierda, y "siguiente" a la derecha.

[Ferran Quer i Guerrero]

Buenas,

Traigo la solución al pie de página intrusivo. He estado haciendo pruebas, y he concluido que el problema que tenemos ahora es que unas veces es más alta el área lateral ("lateral"), y otras "contenido". Ahora mismo, en las páginas done "lateral" llega más abajo que "contenido", el pie de página se monta encima de "lateral", como muestro con las capturas. La solución no es de manual, pero el concepto sí que sigue lo que encontré hace un tiempo: hay que usar un div invisible ("pusher", en adelante) con altura igual a la del pie de página, de modo que "main_container" ocupe mínimo el 100% de la altura, pero con Y px reservados al pie de página. De menos a más zoom:

1 2
3

Mi propuesta:
CSS

.pusher {

    clear: both; // para anular el float:left de lateral, situándose así debajo del div que llega más abajo: sea "contenido", sea "lateral"

    height: 113px; //altura total del pie de página

}

HTML (En negrita los div que intervienen, en azul el nuevo)

<div class="mainContainer">

<div class="lateral">...</div>

<div class="area_usuario">...</div>

<div class="bajo_area_usuario"></div>

<div class="contenido"> //eliminamos el padding de 120px, ya que era el método anterior para tener casi siempre el pie sin solaparse.

<fb:comments class=" FB_comments" width="966px" xid="legendaryaPortada"></fb:comments>

<div class="pusher"></div> //pintado de rojo durante las pruebas
<div class="pie_de_pagina"> //con altura definida y posición absoluta bottom:0px

</div>

El resultado:
 1 2
 3

Estos cambios debería hacerlos a través del svn, pero todavía no tengo bien instalado Learn Experiment y me sería más lento ir probando.

Saludos,
Ferran

2012/2/11 Ferran Quer i Guerrero <ferra...@gmail.com>

[Ferran Quer i Guerrero]

Por cierto, veo que es la tercera vez que hablo del pie de página en este hilo. Esta vez creo que es la buena, como ves, está mucho más elaborado y comprobado.
Saludos

2012/2/12 Ferran Quer i Guerrero <ferra...@gmail.com>

[Ferran Quer i Guerrero]

He empezado a mirar código. Quería arreglar un fallo que tiene el título de la sección de blog, que en mi firefox me recorta el icono por culpa del span. En mi ordenador ya he cambiado el css, pero no he conseguido dar con la línea de php que inserta el span dentro del título. He pasado por "templates", por javascript (no fuera caso) y por algún otro lado. Podrías indicar-me el camino de llamadas que sigue php hasta que inserta el span en el h2 ?

¡Gracias!

[Jaime García Marsá]

¿Es un span dentro de un "a"? Si es así te diré que todos los enlaces (vLink) generan un span dentro. El código que lo hace está en: "lib/view/HTMLGenerator.php" línea 160:

"function make_vLink($element){

return '<a '.$this->setStyle($element).

' href="'.htmlspecialchars($element->getDirection()).'" title="'.$element->getTitle().'" ><span>'.

$this->makeContent($element).'</span></a>';

}"

Se supone que el tener etiquetas span de más no supone ningún problema: tan solo tienes que establecer el css adecuado (si me comentas más del problema te puedo poner un ejemplo). Pero si lo que quieres es meter más etiquetas o estilos, el código a modificar está (si no te he entendido mal) en "templates/blog_template" línea 112:

"new vHeader(new vLink($noticia->enlace?$noticia->enlace:base_url().'blog/noticia/'.str2url($noticia->titulo).'/'.$noticia->id,$noticia->titulo))"

Opciones que tienes:

a) Usar las etiquetas de la librería. Por ejemplo, para meter otro span:

"new vHeader(

  new vLink(

     $noticia->enlace?$noticia->enlace:base_url().'blog/noticia/'.str2url($noticia->titulo).'/'.$noticia->id,

     new vSpan($noticia->titulo)

  )

)" 

b) Cambiar el código para HTML normal y editar a tu gusto. Sería cambiar la línea 112 por:

new vPreformatedText('<h2><a href=".($noticia->enlace?$noticia->enlace:base_url().'blog/noticia/'.str2url($noticia->titulo).'/'.$noticia->id).''"><span'.$noticia->titulo.'</span></a></h2>')

No hay ningún inconveniente en que lo hagas con código HTML normal, yo uso el otro simplemente por que ya me he acostumbrado y me es más cómodo, pero no es que haya ningún problema en mezclar estilos (de hecho en alguna parte del programa lo he hecho)

Si te lío con esta descripción concrétame el problema y te muestro como resolverlo más concretamente para que cojas ideas para la próxima.

[Ferran Quer i Guerrero]

Así leído rápido creo que lo he entendido. Ahora con cada <a> se genera un <span> dentro. Podría poner un parche editando html directo pero no me gusta mezclar estilos, que sino no se entiende después.

Como no quiero poner un parche, me miraré con más detalle qué provoca que yo vea el icono cortado (la próxima vez adjunto captura). Ya puestos, qué finalidad tiene el span dentro de <a>?

2012/3/26 Jaime García Marsá <ja...@legendarya.com>

[Jaime García Marsá]

Hola Ferran, creo que ya no pinta nada dicho span. Creo que fue una mala decisión de diseño para dar más estructura para poner estilos, pero que a estas alturas resulta absurdo y un peso innecesario. Si quieres haz una copia de seguridad ("view2") y modifica el original para quitar el span. Luego sigue trabajando sobre la página normalmente. Si no se encuentran fallos es que no se usan esos span (que creo que es el caso) y se puede copiar esta librería.

Un saludo:

Jaime

[Ferran Quer i Guerrero]

Entendido, el miércoles lo hago. Hasta entonces tengo más cosas que hacre que horas.

2012/3/27 Jaime García Marsá <ja...@legendarya.com>

[Ferran Quer i Guerrero]

Qué te parecería cambiar cómo se ven los botones de así:

 

a así:



La gracia es que en vez de mantener una forma simétrica respecto el eje medio vertical, propongo fijar los botones a este eje independientemente de su ancho, manteniendo así una cruz. Esto permite tener el cursor en medio de la cruz y saber que los botones "no se moverán", por lo tanto, es una propuesta de usabilidad o comodidad.

2012/3/27 Ferran Quer i Guerrero <ferra...@gmail.com>

[Jaime García Marsá]

Hola Ferran, ya está hecho ese cambio. Aprovechando la ocasión quería comentar mi intención de retomar Learnexperiment con ganas pasado mi curso de japonés ahora en mayo. Casi todas las semanas miro las visitas y lo cierto es que suben (ahora están un poco por encima de las 3000 semanales), pero centrándose en accesos directos por búsqueda a páginas de ejercicios. Por ejemplo, la gente busca "capitales de europa" y llega al ejercicio de capitales.

Sabiendo esto quería proponer un enfoque orientado a que los usuarios que llegan por ahí se queden y participen, con las siguientes propuestas:

1/ Publicidad: Esto no es algo obligatorio, pero la verdad es que si consiguiese una fuente de ingresos por Learnexperiment le podría dedicar más tiempo. Es algo a lo que en principio era poco partidario, pero cada vez pienso mas en que vale mas ceder aquí y poder centrarme en este proyecto, a mantenerlo sin publicidad y dejarlo parado.

En cualquier caso voy a trabajar en Learnexperiment de todas formas, con lo que si lo veis inapropiado o creéis que es demasiada, no tengo problema en obviar este punto. Adjunto una imagen con los banners planteados, a parte de otros cambios (el diseño no casa, es solo ilustrativo, habrá que revisarlo)

2/ Comunicación: Si la gente llega directa a los ejercicios, demosle allí mismo una herramienta de comunicación. Que puedan plantear lo que quieren y comunicarse con otras personas que quieran lo mismo. No está en el diseño, pero lo plantearía como una nueva pestaña, que sería la que se mostraría por defecto. Se podría escribir en varios niveles: Desde el general hasta el ejercicio concreto, siendo cada uno de los puntos de las migas de pan

3/ Personalización del ejercicio: Creo que esto ya lo propusiste, Ferran. Se trataría de poder cambiar entre el modo de escritura y el de opciones, o invertir el orden. Es la barra de opciones justo encima del ejercicio. También se podrían editar las preguntas directamente desde el listado de pregunats y respuestas.

4/ Simplicidad del interfaz: Creo que hay demasiado texsto en el interfaz actual. Podría resultar interesante un modelo de "bloques". Al final es casi lo mismo, pero el usuario distingue los bloques antes de tener que leer el texto. Como ejemplo: Las migas. En lugar de ver una o varias líneas de texto, ponemos un "bloque" dividido en varios mas en el que cada uno representa un nivel de la jerarquía.

Otros bloques serían: Ejercicio, pestañas, opciones de ejercicio, área de usuario, menú de opciones y botones de navegación (que ahora que me fijo, no están en el diseño)

5/ Adaptación de los ejercicios: Que los ejercicios se autoadapten a las preguntas. Algo de esto ya se ha sugerido, como que si dos respuestas tienen la misma pregunta, que al aparecer esta haya que escribir ambas. Hasta ahora en estos casos el programa fallaba pues tenías que escribir una sola pero no sabías cual.

Otro ejemplo es que si la respuesta es muy larga, que reduzca el tamaño del texto (se ve en el ejemplo).

6/ Esto es más una reflexión que una propuesta de cambio. Según vaya funcionando esto, además de la información de visitas tendremos más comentarios de usuarios. Con esta información se trata de buscar como animar a la gente a explorar más el sitio, encontrar lo que quieren o generar sus propios contenidos.

Dentro de este ámbito entraría lo que ya hablamos de "tablas de equivalencias", aunque yo lo redirigiría más bien hacia una especie de "diccionario" que pudiese ir siendo rellenado por los usuarios de forma colaborativa, y alguna recompensa por colaborar. En Forvo, por ejemplo, hay un ranking de colaboradores. Simplemente indica en que posición estás según el número de palabras añadidas o pronunciadas. Aquí haría algo parecido para empezar, pero incluyendo también lo mucho (o poco) que se usen los contenidos que has añadido.

Mi idea es empezar a incluir estos cambios en junio, pero quería contar con más opiniones antes de ponerme con nada.

[Jaime García Marsá]

Buenas, traigo novedades. Como parte de los cambios que estaba planeando he desarrollado un editor de css online:  http://learnexperiment.com/_fw/files/index/1/3  Está todavía en pañales, así que no perderé tiempo en explicarlo, pero lo que si puedo ir explicando ya es que permitirá "jugar" con las hojas de estilo y verlas en la página antes de usarlas de manera definitiva. Si queréis tocar, podéis hacerlo sin miedo.

Para que podáis ir haciéndoos una idea, con el siguiente enlace podréis cambiar la css: http://learnexperiment.com/_fw/files/try_version/3

Solo cambia temporalmente mediante una variable de sesión. Para eliminar la variable antes de que caduque la sesión: http://learnexperiment.com/_fw/files/end_test

Es solo un ejemplo de cambio del menú (que no voy a aplicar), pero hasta que avance con la CSS sirve para que os hagáis una idea. El objetivo no es solo poder editar las css y probarlas online de manera más sencilla, sino que incluso cualquier usuario podrá editar sus propias versiones. Es parte de unas herramientas de desarrollo que estoy creando para mi trabajo.

A parte de esto adjunto una imagen con varias opciones de diseño para las migas de pan (que de paso se aplicarían al resto de elementos de la página para mantener la consistencia).

Ferran, si puedes, dame tu opinión sobre esto y las cuestiones del otro día. Al menos en lo relativo a estilos y css, que es lo primero que voy a empezar. Tengo el examen final de japones en dos semanas, con lo que pasado este pretendo meterme de lleno en la página.

Un saludo:

Jaime

[Ferran Quer i Guerrero]

Perdona que haya tardado tanto, pero el tema de la publicidad es tan complicado que lo iba dejando para más tarde.

1/Publicidad
Me parece razonable, pero esto podría limita la voluntad de colaborar de otras personas. Para justificarlo delante del público (aunque la mayoría no tenga la conciencia de qué significan realmente las licencias), podrías abrir un apartado estático con un contador del dinero que ingreses por publicidad y los gastos que tiene la web. Sin contar horas de trabajo, podrías incluir el registro del dominio y tu conexión a internet. A partir de aquí, sería difícil decidir hasta qué punto tú puedes estar ganando dinero con el contenido que genere la comunidad.

Entiendo que ganar dinero con esto haría que fuera mucho mejor, pero es algo complicado. El modelo wikipedia es muy difícil de emular, porque aunque cuenta con empleados, sus ingresos provienen únicamente de donaciones. El modelo RedHat o Ubuntu, de software libre que vende soporte, tampoco lo veo aplicable aquí. Si solo las apps son de pago, la versión web tendrá menos atención. Después, tanto en aplicaciones como en web, se me ocurre la típica ad-suported / ad-free de pago. En todos casos se tendría que definir muy bien quién recibe el dinero, cuál es su tarea, y bajo qué licencias se crean los contenidos de los usuarios.

2/ No acabo de entenderlo, ¿sería como chats locales?

3/ El poder intercambiar preguntas y respuestas o escoger dos columnas o más de varias para las preguntas y respuestas, no tiene por qué ser algo que se pueda cambiar enmedio del ejercicio. Hablando de la barra justo encima del área de preguntas, yo apostaría por hacer escoger antes de empezar. Un menú que apareciera en el área de preguntas con las opciones en checkbox o discos y un "¡Empezar!" grande para quien no quiera cambiar nada. Las opciones que estén disponibles en este panel inicial podría habilitarlas o deshabilitarlas el autor del ejercicio.

4/ Me parece bien. Personalmente, me gustan las interfaces simples, con colores llanos.

5/ No acabo de entenderlo. No sería "si dos 'entradas' tienen la misma pregunta pero diferente respuesta" ?

6/ A parte de la cantidad de ejercicios, se podría puntuar por la calidad, y esto podría venir de un sistema de votos. Se podría votar un ejercicio una vez terminado, o las descripciones, o las páginas de teoría, y poder añadir un comentario que que quedase en una pestaña hermana a "información"

2012/4/30 Jaime García Marsá <ja...@legendarya.com>

[Ferran Quer i Guerrero]

No he probado a fondo lo del css, pero ésto posibilita crear templates distintos que podrían escoger los usuarios sin conocimento de estilos, le debo un rato de atención.

Sobre las migas, prefiero las opciones sin borde porque me parecen "más limpias", no sé cómo expresarlo mejor. En especial me gusta el 2, por la simplicidad y ligereza. El 7 está más elaborado pero también da sensación de ligereza. El 8, 9 y 10 no me gustan porque resaltan demasiado, son demasiado como "WordArt" de windows, demasiado llamativos.

Saludos!

2012/5/13 Ferran Quer i Guerrero <ferra...@gmail.com>

[Jaime García Marsá]

1/ Sobre publicidad, me parece buena tu sugerencia: Apuntar ingresos y gastos para que la gente lo sepa. Mi suposición actual está en 12€ al mes (que crecería si crecen las visitas), en cuanto pueda meto la publicidad a ver si se cumple. Pero en cualquier caso mi idea es de alguna manera repartir los ingresos entre los creadores de ejercicios en función de las visitas que tengan sus ejercicios.

Como tu dices es un tema complejo, pero veo necesario ver primero cuanto puede producir antes de decidir como aprovecharlo. No pretendo convertir esta web en un negocio sino al contrario desarrollar un modelo colaborativo.

2/ La comunicación en los ejercicios sería más como un sistema de comentarios. No sería tanto en tiempo real. Te comentaré algo mas sobre esto en cuanto me empiece a poner.

3/ Me parece interesante tu propuesta, aunque también me gusta que se pueda cambiar sobre la marcha, sobre todo por que si pones un panel inicial en donde escoger las opciones puede que los usuarios no sepan en que consisten al principio. En esto voy a tardar, así que más adelante quizás te envíe otro mensaje tan solo para este tema.

4/ Me quedo con esa idea, y con las migas que escogiste. Además, me son más fáciles de diseñar. Luego ya aprovecharemos el nuevo sistema de "templates" para ofrecer otras alternativas.

5/ Se verá mejor con un ejemplo. Imagina que en un ejercicio hay las dos siguientes preguntas:

円 -> yen

円 -> círculo

La idea es que el algoritmo se de cuenta, y que en lugar de mostrarlo como dos preguntas separadas, muestre para la misma pregunta, dos campos a rellenar. O que al rellenar uno te pida el otro.

6/ De acuerdo con lo de las votaciones y el "sistema de puntos" eso siempre anima a participar.

7/ Tablas de equivalencias (¡Nuevo!)

Soy un poco obtuso, así que quizás esto ya se te ocurriese a ti y yo no lo interpretase bien, pero....

con este nuevo enfoque (poder cambiar el tipo de ejercicio e invertir las columnas) ¿Por que no hacer ejercicios multicolumna?

Es decir, hacemos un ejercicio que en vez de tener una columna de preguntas y otra de respuestas tiene varias. Ej: Kanji, hiragana, romaji, español,... o forma diccionario, forma -masu, forma -te, forma -i,... y aquí llega lo bueno ¡Que el usuario escoja las que el quiere!

Creo que algo así habías propuesto tu ya. Perdona el que haya sido tan obtuso, pero hasta ahora veía la tabla de equivalencias y el ejercicio como algo distinto, sin embargo ahora lo veo como lo mismo. Siendo en todo caso el ejercicio mostrado, una de las posibilidades de la tabla de preguntas.

Naturalmente el creador establecería unas condiciones por defecto, pero luego el usuario podría configurar el ejercicio a su gusto para aprender todos los contenidos posibles.

En fin, estoy sacando muchas cosas a la vez, y hasta dentro de un par de semanas no estaré realmente despejado, pero aquí va una "planificación":

1/ Introducir publicidad

2/ Plantear sistema de comentarios e implementarlo

3/ Plantear personalización de ejercicios

4/ Actualizar diseño

5/ Incluir ejercicio multicolumnas (tipo tabla de equivalencias)

Hay mas cosas que se me han ocurrido, pero creo que ya voy a tener trabajo bastante solo con esto.

Un saludo:

Jaime

[Ferran Quer i Guerrero]

A mi se me acercan los finales, pero con el svn bien configurado creo que debería poder ayudar en algo. Si los últimos cambios de css no los hice por svn fue porque no sabía si se verían bien las diferencias, pero podría probar hasta con php o moldear/cambiar lo que vayas haciendo. Alguna tarde muerta seguro que me cae ;)

5/ Entendido esto, ya es lo que habías dicho, ¡qué lapsus!

7/ Será que no nos habíamos entendido. Aparte de reducir los ejercicios gemelos del tipo "hiragana->romaji" y  "romaji->hiragana", también permetría traducir fácilmente los ejercicios, pudiendo aprovechar toda la jerarquía y entradas que ya hay. Esto conllevaría también la versión multiidioma del web entero, y de decidir si en caso de no existir explicación por ejemplo en inglés, de un ejercicio que sí tiene en castellano, si se traduce automáticamente, si no se muestra, etc. Además, habría que decidir si va ligado el idioma de la interficie con el de los textos de ejercicio con las columnas escogidas del ejercicio. Por eso lo dejaría lo último, porque encima, abrirse al inglés significa penetrar en el mercado más grande, con más peligros de seguridad, más usuarios y visitas, más errores, más contenido y posible descontrol... En fin, que el orden de prioridad que propones me parece correcto :)

Salud,
Ferran.

PD: tengo pendiente arreglar los textos de los ejercicios de katakana, que están en interrogantes. Hace tiempo que terminé con los hiragana, pero estos todavía los tengo pendientes.

Ah, y cuidado con la posible intervención :S

2012/5/13 Jaime García Marsá <ja...@legendarya.com>

[Jaime García Marsá]

Hola Ferran, ya he incluido la publicidad. Esta misma semana ya sabremos que tal funciona y hablamos sobre su aprovechamiento.

En cuanto a las tablas de equivalencias no es tanto que no te entendiese como que no lo visualicé. Sobre todo antes lo veía muy complicado de programar, y ahora justo lo contrario. Quizás sea por varias cosas que cambié en el modelo.

Hablando ya del sistema de comentarios, tiene varios objetivos:

1/ Recibir feedback de los usuarios

2/ Poner en contacto a los usuarios (un usuario que escribe en "capitales de europa" puede ser respondido por otro que mira lo mismo)

3/ Crear contenido a base de comentarios: He visto en algunos sitios comentarios destacados que aportaban mucho. En el manual de PHP por ejemplo, a veces un comentario te resuelve una duda que no resuelve el texto original

4/ Crear contenidos para los buscadores: Para ejercicios en donde el creador no inserte texto, el texto de los comentarios puede ayudar a los motores de búsqueda.

Por tanto veo las siguientes necesidades (a ver como se aplica al final):

1/ Que cualquier usuario, incluso uno no registrado pueda escribir, estilo el "chat" que había antes

2/ Que se pueda escribir/leer a varios niveles: Originalmente solo verás/escribirás comentarios para el ejercicio en el que estés, pero con una pestaña podrás ver todos los comentarios del sitio y escribir un comentario "general". Mas adelante se podrán acer otras subdificiones, como comentarios para "Japones", para este curso concreto o esta lección

3/ Poder votar a los comentarios, de tal manera que puedan destacarse los mejores y que pueda "ocultarse" las chorradas. Los votos de un usuario registrado tendrán mucho más peso.

A a hora de mostrarlo lo dividiría en dos columnas: En una estarían los últimos comentarios y la opción de comentar, y en otra estarían los comentarios destacados.

¿Alguna idea sobre esto? Intentaré irlo diseñando, aunque para la próxima semana tengo el examen final de japonés, con lo que estaré más despejado en cuanto lo pase.

Un saludo:

Jaime

[Jaime García Marsá]

Hola Ferran. En cuanto a la publicidad está funcionando, y creo que mejor de lo que esperaba. Entre 10 y 30€ al mes, calculo. Es poco pero obviamente subiría en proporción a las visitas. El jueves, con un poco más de trayectoria, te envío un mensaje hablando del tema.

Respecto a los comentarios, adjunto un diseño. Este elemento iría bajo el ejercicio, como una pestaña más que aparecería desplegada por defecto. Al final cambié un poco el diseño:

1/ Al principio hay otras dos "pestañas" que permiten escoger el ámbito. Por defecto el del ejercicio, pero habrá otra pestaña global en donde se podrán ver todos los comentarios sin importar donde se publiquen (en donde además se muestran el número de mensajes nuevos publicados).

2/ A continuación aparecen los últimos mensajes. Por defecto solo aparecerán los últimos 5, aunque se podrán desplegar más

3/ En estos comentarios aparecerán solo dos líneas de texto, pudiendo pulsar en "leer mas" para verlos completos. Los comentarios se podrán votar, y si alguno recibe un par de negativos quedará medio oculto hasta que se pulse sobre el. La idea es "castigar" los comentarios basura. También se puede limitar el número de comentarios que se puedan enviar sin registrarse.

4/ Debajo estará la opción de enviar mensaje. Si no estás registrado podrás escribir tu nombre

5/ Al final estarán los comentarios destacados, por número de votos, completamente desplegados.

[Jaime García Marsá]

Como quedé, escribo aquí para comentar lo de la publicidad. Me alargaré más de lo necesario por que quiero tratar otros temas de caracter filosófico/estratégico, así que creo que lo tendrás que leer con calma.

Finalmente la publicidad está dando 1,2$ por cada mil visitas, lo que ahora mismo significaría unos 14,4$ al mes. Por cierto Ferran, aprovecho para recordarte que tienes acceso a la cuenta de Analytics de Learnexperiment. Se puede dar acceso a cualquier persona con gmail, y además de lo de adsense hay todo tipo de estadísticas interesantes.

Creo que la mejor manera de gestionar los ingresos y gastos es crear una asociación. Como ya sabes intenté crear una pero no se por que hubo problemas de tramitación (lo hice con un asesor por lo que no esperaba tanto problema), y al ir a corregir los inconvenientes ya no podía contar con la gente con la que la hice originalmente. No me voy a molestar por el momento pero buscaré gente mas cercana para la próxima que pueda recurrir a ellos cuando los necesite. 

Por supuesto cualquier sugerencia en este sentido será bien recibida. No se mucho de estas cuestiones, no tiene por que ser una asociación, puede que haya otras formas jurídicas sin ánimo de lucro más interesantes.

Y ahora al meollo ¿por que "necesitamos" ingresos? En realidad no los necesitamos. Los gastos por el momento los cubro yo sin problema y si fuese solo por esto no pondría publicidad. Mi objetivo va más allá de eso: es una cuestión filosófica.

Quiero que quien contribuya con la página gane dinero. Dejaré para el final los problemas "logísticos" de esto y me concentraré en la cuestión ética: Parece que si algo da dinero es malo y que si la gente no contribuye de manera altruista es egoísta. Vale, las empresas a veces actúan mal, y los proyectos solidarios ofrecen servicio a todos, aunque no se lo puedan permitir. Lo que me planteo es si no es posible una tercera opción.

Permíteme plantear unas dudas que hacen que la cuestión no sea tan simple:

1/ ¿Quienes contribuyen mas de lo que consumen en proyectos colaborativos? Desempleados, jubilados, estudiantes,... gente que tiene más tiempo que recursos. ¿Quienes contribuyen menos? Gente que está trabajando. Así que en definitiva los que ganan dinero se benefician del trabajo de otros que no ganan o ganan menos.

2/ Crear contenidos de aprendizaje requiere demasiado trabajo. Lo estoy aprendiendo por las malas. No se trata tan solo de crear ejercicios inconexos, sino que hay que conocer la materia, conocer a los estudiantes y su aprendizaje, hacer pruebas, agrupar correctamente los contenidos, realizar diferentes combinaciones, incluir elementos multimedia, como sonido e imagen,... Basta con ver las pocas contribuciones que hay a la página y lo desperdigadas que están para darse cuenta que merecería la pena que la gente le dedicase más tiempo.

3/ Creo que hay una especie de mito no escrito que dice así: "Los proyectos solidarios deben ser voluntarios por que si hay ánimo de lucro la gente no trabaja por el bien común sino por su propio beneficio". Admito que he visto el caso en algunas ONGs. Pero no creo que sea por que la gente "se corrompa", sino por que si hay posibilidad de beneficio se arrimará gente inapropiada. Pero creo que esto solo ocurre si el modelo de "beneficio" es injusto. Si por contra conseguimos algo en donde todo el mundo pueda participar y obtengan una retribución justa, aquellos que lo hacen por interés social podrán participar más y mejor.

4/ No podemos ser ajenos a la situación actual. Y la cuestión es que estoy convencido de que el modelo de trabajo en empresas no es suficiente. Lo que propongo es una economía P2P, en donde personas que no encuentran trabajo puedan trabajar recibiendo dinero directamente de otras que si lo tienen, sin intermediarios. Imagina que en lugar de comprar una canción a una discográfica pudiese ir directamente al creador, pagando menos y con mayores posibilidades de conseguir lo que me gusta. QQuizás Learnexperiment nos sirva para esto, pero si existe la posibilidad de cambiar el modelo por aquí, estoy dispuesto a intentarlo.

Ahora, la cruda realidad: Lo que llamé problemas logísticos.

a) No hay dinero: Aún con la publicidad ¿hay dinero para que nadie gane como propongo?

b) La forma de pago: Simplemente no hay un buen método para pagar por Internet. Imagina que una persona contribuye con el proyecto hasta "ganar" 10€ ¿como los cobra? La verdad es que no tengo ni idea. Si fuesen 1000€ se hace una factura y una transferencia, pero con tan poco dinero creo que sería un problema, sobre todo de confianza.

c) Legalmente ¿puede cobrar la gente en estas pequeñas cantidades? ¿no tendría que darse de alta o algo así en hacienda? De nuevo, puede ser demasiado follón.

El modelo que propongo

En resumen: Quiero que la gente pueda acceder a los contenidos de manera gratuita, pero que quien contribuya pueda ganar dinero y que quien consuma sin aportar, que pague. ¿como resolver todo esto?

a) Los ejercicios serán "de pago" si así lo quiere su autor

b) Los usuarios y visitantes tendrán una "renta básica" diaria, en función de la publicidad, con lo que podrán usar dichos ejercicios de pago sin gasta dinero.

c) Si contribuyes algo a la web, ganarás "créditos" (la "moneda" de la página) con lo que podrás acceder a más contenidos al día.

d) Si consumes bastante pero no tienes tiempo para contribuir podrás donar dinero para conseguir créditos

e) Si contribuyes bastante y ganas dinero, se te tendría que pagar

f) Para evitar que nadie acumule créditos se debería quitar un porcentaje de este a cada persona al día, que será de nuevo repartido como renta básica. Y digo debería por que mientras que la gente no pueda sacar las ganancias, es injusto quitarles lo que han ganado si no lo consumen.

Dado que ahora mismo los ingresos por publicidad son de 1,19$ por mil visitas, y suponiendo que cada dolar equivalga a 100.000 créditos, cada visitante recibiría una renta básica de  119 créditos, que en realidad sería más por que no todos los visitantes consumen los créditos y se volverían a repartir como renta básica.

Pero he de hablar de un tema más: el modelo de pago será especial. Supongamos que para el uso de un ejercicio ponemos, como creadores, un pago unitario de 10 créditos. Así un visitante anónimo podría en principio realizar 11 de dichos ejercicios, o más (según la renta básica del momento). Pero personalmente no veo justo que una persona pueda terminar ganando miles de millones de créditos solo por que haya acertado a hacer un ejercicio muy demandado. Por ello, además del coste unitario del ejercicio, el creador deberá marcar un límite máximo con lo que quiere ganar según el trabajo que le haya llevado.

¿para que sirve este límite? Al alcanzarlo tu, como creador, dejas de ganar dinero, y no solo el precio para los nuevos usuarios se reduce, sino que este dinero es devuelto a los viejos usuarios.

Con el ejemplo anterior, supongamos que el ejercicio me llevó 10 minutos, y yo lo valoro en 3$=300.000 créditos. A 10 créditos por uso, con 30.000 usos habré ganado dicha cantidad, y dejaré de ingresar dinero por dicho concepto. Los nuevos usuarios comenzarán a pagar tan solo 9 créditos, que no irán para mi como creador sino que se repartirán entre quienes pagaron cuando valía 10, de tal manera que recuperan parte de lo pagado.

A medida que aumenten los usos, el precio se seguirá reduciendo: Con 60.000 usos cada usuario habrá pagado solo 5 créditos (teniendo en cuenta que a los que pagaron más se les devolvió el dinero), con 150.000 usos serán solo 2 créditos, y al alcanzar los 300.000 habrá pagado cada usuario un único crédito y el uso del ejercicio pasará a ser gratuito por completo.

¿Y por que va a limitar el autor el beneficio por el ejercicio? Pues no tiene por que hacerlo. Puede poner un límite inalcanzable. Pero algunas personas actuarán correctamente y pondrán un límite apropiado a su trabajo. Y al hacerlo los usuarios buscarán solo aquellos ejercicios que cuenten con un límite adecuado para así poder recuperar su dinero.

Bueno, creo que ya me he alargado bastante por el momento. Además doy por hecho que te llevará un tiempo el leerlo, y antes de meterme con estas propuestas tendré que desarrollar los otros puntos de los que ya hablamos. Aquí queda espusta un poco la parte teórica, y para junio ya hablaremos en un sentido más práctico.

Un saludo:

Jaime

[Ferran Quer i Guerrero]

Ya veo. Yo no habría inventando algo así, pero no es incompatible con mis ideas.

1// Comentarios

a) Los ejercicios serán "de pago" si así lo quiere su autor

b) Los usuarios y visitantes tendrán una "renta básica" diaria, en función de la publicidad, con lo que podrán usar dichos ejercicios de pago sin gasta dinero.

c) Si contribuyes algo a la web, ganarás "créditos" (la "moneda" de la página) con lo que podrás acceder a más contenidos al día.

d) Si consumes bastante pero no tienes tiempo para contribuir podrás donar dinero para conseguir créditos

e) Si contribuyes bastante y ganas dinero, se te tendría que pagar

f) Para evitar que nadie acumule créditos se debería quitar un porcentaje de este a cada persona al día, que será de nuevo repartido como renta básica. Y digo debería por que mientras que la gente no pueda sacar las ganancias, es injusto quitarles lo que han ganado si no lo consumen.

a) ok
b) El dinero de renta debería darse sólo a los usuarios activos y debería diferenciarse del dinero ganado por ejercicios en el hecho de que no se podría extraer del mercado (usuario activo: última visita antes de un mes, excepto si fue la primera visita). Eso sí, este "dinero negro" se podría "blanquear" creando multitud de ejercicios y pagándote a ti mismo con ellos. Puede que tuviésemos que limitar el dinero por renta a un máximo.
c) ok
d) ok
e) ok, creo que es el objetivo no? Que se remunere en dinero real.
f) Por qué no se puede acumular dinero? Si alguien produce mucho material pero no consume, pues que no consuma, no?

2// Cosas que se me ocurren

1. Puede que esto se pudiera formar como cooperativa, donde cada usuario es un socio.
2. Seguramenta habrá que pagar impuestos, pudiendo romper así el equilibrio que podamos diseñar. Seguro que hay formas de minimizarlo, como retirando el dinero en grandes cantidades, etc.
   
3. Necesitamos alguien que sepa del tema, tanto por 1 como por 2. Algún abogado, anarcocapitalista? Quizá deberíamos hablar con algún matemático que sepa de mercados, para ver si sería estable el sistema o generaría inflación/deflación, y otras cosas.
   
4. Para retirar el dinero se podría usar paypal
5. Para gestionar los créditos internos se podría utilizar bitcoin, aunque si sólo existe una moneda bitcoin global, y no permite crear monedas cerradas, podríamos atraer a gente de silk road, (un blog con fotos, wiki) y eso sería problemático.

3// Sobre los comentarios (esto era el hilo de diseño)
Me parece bien el esquema. Ya lo arreglaremos en diseño visual, pero lo veo bien. Es importante que los destacados estén debajo y no encima de los últimos, porque sino se llevan todo el protagonismo.

4//Publicidad
Creo que molesta lo justo, sólo espero que en el de arriba no nos pongan ruído o falsos juegos en flash.
Los anuncios de la izquierda están en serif, no se podría cambiar?

Bien, y eso es todo. Si nos encontramos problemas por aconsejarnos, puedo dejar anuncios en facultades de economía, derecho y mates, que las tengo todas cerca de la mía.

Salud,
Ferran

2012/5/17 Jaime García Marsá <ja...@legendarya.com>

[Jaime García Marsá]

Hola Ferran, me alegro de que hayas contestado tan pronto y con tantas aportaciones.

Te respondo a todo debajo, pero antes quería aprovechar para detallar el plan de desarrollo de esto a corto plazo:

1/ Hacer los cambios anteriores, antes de meternos con lo de la moneda

2/ Meter el sistema de créditos y renta básica. Es decir, se repartirían y mostrarían los créditos, pero no servirían para nada.

3/ Poner la opción de cobrar con los ejercicios, pero solo para ejercicios nuevos, para hacer pruebas

Hasta este punto no hay dinero real ni ninguna responsabilidad por nuestra parte. Los créditos obtenidos no dejarían de ser mas que como un "juego". A partir de aquí creo que es cuando la cosa se podría comenzar a complicar y habría que definirlo muy bien y contar con asesoramiento.

b) El dinero de renta debería darse sólo a los usuarios activos

Ten en cuenta que esta renta básica va a ser casi despreciable. Pero aún así lo que se puede hacer es que solo recibas ese dinero los días que entres. La idea de esta renta es que cuando entres puedas practicar, pero que si practicas demasiado debas contribuir con ejercicios o "donaciones".

 

y debería diferenciarse del dinero ganado por ejercicios en el hecho de que no se podría extraer del mercado

Lo que se puede hacer es limitar que no se pueda sacar dinero hasta alcanzar un mínimo (ej: 50€). Esto enlaza con lo del punto F

 

e) ok, creo que es el objetivo no? Que se remunere en dinero real.

Efectivamente

 

f) Por qué no se puede acumular dinero? Si alguien produce mucho material pero no consume, pues que no consuma, no?

De acuerdo. No tengo inconveniente con que se acumule, pero con excepciones:

a) Si el usuario desaparece el dinero debe poder "recuperarse", pues de otra manera ese dinero quedaría en el limbo.

b) Si solo has ganado por renta básica y no por aportaciones ese dinero debe "caducar".

c) Esto ya no es una obligación, pero a largo plazo no sería bueno que nadie pudiese acumular cantidades exageradas dentro del sistema.

 

1. Puede que esto se pudiera formar como cooperativa, donde cada usuario es un socio.

Me parece buena idea, solo que no se si para ser coperativista hay que darse de alta en autónomos y pagar 250€ al mes. Si no es así probablemente sea la solución ideal.

 

1. Seguramenta habrá que pagar impuestos, pudiendo romper así el equilibrio que podamos diseñar. Seguro que hay formas de minimizarlo, como retirando el dinero en grandes cantidades, etc.
   

Creo que los impuestos se pagarían tan solo al meter/sacar dinero, con lo que lo que se haría es que la persona que lo hace asumiera el coste.

1. Necesitamos alguien que sepa del tema, tanto por 1 como por 2. Algún abogado, anarcocapitalista? Quizá deberíamos hablar con algún matemático que sepa de mercados, para ver si sería estable el sistema o generaría inflación/deflación, y otras cosas.
   

Coincido en esto. Había pensado que con todos los movimientos que hay ahora mismo se podría encontrar a alguien que nos oriente. Creo que estas propuestas van mucho en la línea del 15M y demás.

 

1. Para retirar el dinero se podría usar paypal
2. Para gestionar los créditos internos se podría utilizar bitcoin, aunque si sólo existe una moneda bitcoin global, y no permite crear monedas cerradas, podríamos atraer a gente de silk road, (un blog con fotos, wiki) y eso sería problemático.

Ambas ideas me parecen buenas. En general creo que hay bastantes movimientos de este tipo por ahí, y que si contamos con asesoramiento podemos encontrar buenas soluciones. Incluso ahora se me ocurre que quizás sea posible hacer un sistema no cerrado y usar una moneda virtual ya establecida. Con el dinero de la publicidad compramos créditos en dicha moneda y los distribuimos con la renta básica.

¿Ventajas?

-Si dicha moneda tiene mecanismos de paso a moneda real, nos olvidamos por completo de los temas legales y contables

-Quienes estén utilizando ya esta moneda podrán gastarla aquí, o nosotros fuera.

 

3// Sobre los comentarios (esto era el hilo de diseño)
Me parece bien el esquema. Ya lo arreglaremos en diseño visual, pero lo veo bien. Es importante que los destacados estén debajo y no encima de los últimos, porque sino se llevan todo el protagonismo.

Perfecto, como tarde el martes me pongo con ello, y según tenga un prototipo, lo vamos ajustando.

 

Creo que molesta lo justo, sólo espero que en el de arriba no nos pongan ruído o falsos juegos en flash.

Creo que eso adsense no lo permite. De todas maneras cuando esté el nuevo diseño, y según los ingresos de los distintos banners, podemos quitar alguno, o ponerlo para que solo salgan imágenes o solo texto.

 

Los anuncios de la izquierda están en serif, no se podría cambiar?

Acabo de mirarlo y creo que si. Te aviso en cuanto esté.

 

Bien, y eso es todo. Si nos encontramos problemas por aconsejarnos, puedo dejar anuncios en facultades de economía, derecho y mates, que las tengo todas cerca de la mía.

Pues sería genial naturalmente. Podemos hacer material explicativo, un apartado web, folletos,... explicando learnexperiemnt, el plan y las necesidades que tenemos. A partir de la próxima semana puedo comenzar a sintetizarlo, si quieres.

[Ferran Quer i Guerrero]

Recibido!

Sobre lo de las facultades, más que anuncios públicos puede que fuera más conveniente buscar profesores directamente. No me precipitaré, por eso.
saludos!

2012/5/17 Jaime García Marsá <ja...@legendarya.com>

Hola Ferran, me alegro de que hayas contestado tan pronto y con tantas aportaciones.

[Jaime García Marsá]

Bueno, ya he pasado el examen (que ha ido bien), así que retomo el proyecto. En cuanto a lo de las facultades estoy de acuerdo en que puede ser mejor contactar directamente con personas concretas, pero aún así hay que ir preparando una explicación del modelo en la web ¿Te parece que para empezar de cuentas a principios de mes de lo ingresado? En cuanto al gasto del servidor, es bastante elevado, 60€ mensuales. Sin embargo lo comparto con otros proyectos profesionales. Y aunque es "culpa" de Learnexperiment que sea mayor de lo que necesito, es "culpa" de estos proyectos profesionales el que no haya pasado a una cuenta más económica, no por necesidad de recursos sino por el lío del traspaso. Así que en resumen, mientras Learnexperiment no despegue, no se le puede achacar ese gasto.

Mañana espero tener una versión del sistema de comentarios, pero tambián va ahí un boceto del diseño general sobre el que trabajar para la nueva versión. Hay conceptos imprescindibles y otros modificables. Por ejemplo:

-Los colores pueden ser otros, pero debe de haber una paleta de colores limitados

-Se pueden usar otros elementos de diseño (sombras, degradados, bordes, efectos de relieve,...), pero eso si, deben ser consistentes en todo el interfaz, como en el ejemplo de diseño mostrado.

-Los elementos pueden ser otros, pero deben estar siempre alineados y con los mismos márgenes.

Veo muchas cosas que corregir. Para empezar ahora los colores me parecen demasiado brillantes, pero el modelo sirve de guía. A ver si puedes ir proponiendo mejoras. El diseño está en svg de inkscape, por si lo quieres

A parte de esto se pueden ver elementos propios de los nuevos cambios a realizar. Como tu proponías es mejor una primera pantalla en donde configurar el ejercicio (aunque este se podrá iniciar tan solo con que el usuario pulse en "Iniciar ejercicio"). Además de esto se podrá ver la información teórica y la tabla de contenidos, que se muestra con dos columnas pero podría tener más (tabla de equivalencias).

Desaparecen además las pestañas de abajo por distintas razones: La pestaña de descripción no es necesaria, ahora que la misma información se muestra en el área de ejercicio. Las opciones además aparecerá arriba, con lo que es otra pestaña que sobra. La de clasificación es inútil pues el ejercicio se podría realizar con distintas columnas y opciones, que hacen los resultados incomparables. La única "importante" sería la de historial, pero se puede buscar otro lugar donde meterlo.

Lo que si me gustaría incluir son las opciones de edición en esa misma pantalla, y con ellas podrían estar el historial. Sería un botón que hiciese que la tabla y el campo de descripción se pudiesen modificar. Además quisiera un sistema para enlazar con ejercicios relacionados. Algo así como "Quizás te venga bien hacer estos ejercicios antes" o "quizás quieras continuar con estos otros ejercicios".

Bueno, mañana me pongo con la programación. En principio simplemente lo meteré debajo como una pestaña más, y ya iremos hablando del nuevo diseño. Avísame si se me pasa algo, que como ya habrás visto a veces se falla al interpretar las ideas.

Un saludo:

Jaime

[Jaime García Marsá]

Con casi una semana de retraso sobre mis previsiones iniciales, y aún con cosas por mejorar, pero por fin está el sistema de comentarios funcionando en Learnexperiment.

Ferran, si lo pruebas coméntame cualquier fallo que veas.

En cuanto a la publicidad, calculo que se pueda llegar casi a 10€ este mes (que la puse a medidados), con lo que las previsiones son mejores de lo que esperaba, y calculo que el próximo mes se superen los 20€. El día 1 pondré un mensaje en noticias indicando los ingresos y los planes relativos a la publicidad.

En cuanto a desarrollo, tengo pensados los siguientes próximos pasos, que espero que vayan más rápido que este:

31 al 3-Diseño de la barra izquierda

4 al 6-Introducción al ejercicio: Que antes de comenzar aparezca la descripción del ejercicio y las preguntas, así como un botón de "realizar ejercicio" bien grande. Naturalmente incluirá el diseño anteriormente enviado, consistente con el menú izquierdo.

7 al 10-Opciones del ejercicio, que permitan configurarlo antes de realizarlo, incluyendo el tipo de ejercicio y las columnas a preguntar

11 al 14-Estilo de comentarios consistente con el resto

15 al 24-Edición del ejercicio en la propia página con un sistema multicolumna (tabla de equivalencias)

25 al 30-Sistema de créditos con renta básica (no servirán todavía de nada pero se podrán ir acumulando a modo de prueba)

Ferran, no quería retrasarme con esto, pero si ves algo que comentar avísame. No me importa detener un poco las cosas para hacerlo bien.

Un saludo:

Jaime

[Jaime García Marsá]

He quitado los comentarios temporalmente por que habían desaparecido las estadísticas y tengo miedo de que tenga algo que ver. Mañana a una hora menos concurrida vuelvo a incluirlos.

[Jaime García Marsá]

Efectivamente en los dos breves periodos en los que tuve "la nueva versión" y en que bajaron las visitas, se debió a una metedura de pata mía: a los usuarios no identificados les daba error. Afortunadamente no fue ni una hora en total. Ya corregí el problema y se puede usar el sistema de comentarios:  http://learnexperiment.com/aprender/simbolos-tabla-periodica/1089

Aún falla un poco, y no parece muy usable, pero me he puesto con el rediseño (ver la barra lateral), y espero que con los cambios que introduzca sea más accesible. En cuanto al rediseño, ajusté el tamaño de la barra a el de la publicidad, pero hacia arriba, y ahora las cosas quedan demasiado juntas. Voy a trabajar antes en el resto, pero según vaya quedando quizás deba ajustarlo hacia abajo (250px a 200px).

Finalmente los ingresos por publicidad este mes son 10,22 € según adsense y 12,04 $ según Analytics. Adsense usa el horario americano, por lo que en realidad coge parte de los beneficios del día 1. Los ingresos por 1000 visitas son 1,39 $, lo que es interesante para calcular esa "renta básica" que planteaba establecer.

Hoy mismo colgaré estos datos en el foro comentando un poco lo que se pretende con ello.

[Ferran Quer i Guerrero]

Jaime, estoy muy liado con los exámenes. Todavía estoy vivo, pero no puedo ponerme una tarde con todo esto :/
Esta semana veré si me pongo un rato, que ya tocaría.

Saludos,
Ferran

2012/6/1 Jaime García Marsá <ja...@legendarya.com>

[Jaime García Marsá]

Hola Ferran, no te preocupes, yo también me he liado con cuestiones inesperadas, y lo primero es lo primero. Simplemente si en algun momento puedes echar un vistazo a los planes que he propuesto, avísame si le ves algún inconveniente a algo para que lo pare simplemente. De todas maneras aún lo que haga estos días se va a tener que retocar después, pero he de admitir que estoy yendo más despacio de lo que esperaba.

Un saludo:

Jaime

[Jaime García Marsá]

Buenas, por fin he reunido la suficiente fuerza de voluntad como para añadir novedades a Learnexperiment. En primer lugar hay modificaciones en el diseño de ejercicios:  http://learnexperiment.com/aprender/todos-los-verbos-del-primer-libro-goen/1116 , y también he quitado el banner superior.

En segundo lugar he puesto en la edición de ejercicios una opción que guarda borradores, según me pidió Tatsuo (http://learnexperiment.com/foros/tema/seria-bueno-que-quitaran-el-limite-de-tiempo/275). Además de guardar borradores impide que se cierre la sesión mientras se edita.

Además de eso estoy trabajando en la página de http://learnexperiment.org/, que pretende ser una versión internacionalizada, mejor estructurada y con mas recursos (imágenes, sonidos,...) y compatible con móviles, aunque por el momento carece de la opción de edición abierta. Lo más interesante son los ejercicios de escritura de caracteres (ej: http://learnexperiment.org/exercise/japanese/kanjis-1/numbers/write-kanji/16) aunque todavía tienen cosas que rematar.

Espero poder seguir avanzando más este mes, aunque tengo varias cosas pendientes, así que no prometo nada. Agradecería cualquier clase de feedback.

Un saludo:

Jaime

[Ferran Quer i Guerrero]

Veo un poco redundante la "caja" de ejercicio transformada en bienvenida, con la caja de debajo. Que te parecería hacer la de bienvenida más grande, y en pulsar "¡Practicar!" que apareciera otra vez la división en caja de ejercicios y caja de pestañas "comentarios/info/..."

Dicho esto, el diseño me gusta mucho, es muy agradable.

Sobre el .org no me lo he mirado a fondo. Escribir kanjis sin el táctil es muy incómodo con el touchpad y supongo que con el mouse también fallará, es todo lo que te puedo decir por ahora -me temo que no te digo nada nuevo...-. Tienes planes de mejorarlo para no-táctiles, dejarlo así, sustituirlo...? Si tienes ganas, se me ocurre un sistema para construir kanjis con radicales como el buscador de jisho.org todo sería saber interpretar una buena base de datos como es la de jdict. Me pregunto si a parte de los radicales por los que está compuesto un kanji, será posible identificar en qué posición (para poder construir con piezas un kanji)

Sería tener la "paleta" de radicales, y poder arrastrarlos como si fueran cajitas colocándolos encima, al lado, etc. Por ejemplo, con el kanji de viejo, 古い, colocamos "十" en el supuesto "lienzo de dibujo" y arrastramos debajo de él "口". Al ser algo gráfico puede ser muy complicado, aunque lo más difícil creo que seria conseguir las posiciones relativas de los radicales. Además, están indexados redundantemente, por lo que todos los kanjis que contienen la "pieza" (técnicamente no es un radical) "音", también contienen "日" y "立". Bueno, es algo complejo pero te lo dejo como idea.

Saludos!

2012/8/22 Jaime García Marsá <ja...@legendarya.com>

[Jaime García Marsá]

Hola Ferran, empezaré a la inversa. Este mes voy a estar algo liado, se supone, dado que a partir de una reunión que tendré esta semana voy a tener que meter caña a un trabajo. Aún así espero poder avanzar algo con lo otro.

La idea de los rdicales me parece genial. Es además la forma ideal de aprender kanjis. Eso si, no valdría para otro tipo de símbolos. Pensando en la implementación se me ocurre que habría que tener la lista de radicales y para cada uno una imagen básica y luego otra imagen por cada una de las posiciones posibles. Habría que definir todas las posibles posiciones según el tipo de radical y establecer puntos de tal manera que según donde mueva el usuario el ratón mientras lo arrastra, la forma del radical varíe.

Para empezar, se podrían añadir los radicales poco a poco. Se ponen dos de ellos y se practican los kanjis que pueden formar (al menos los más populares). Luego se añade otro  radical y se enseñan nuevos kanjis,... Creo poder hacer un ejemplo en poco tiempo, aunque el sistema en si va a requerir mucha revisión ¿se te ocurre un conjunto de radicales/kanjis para empezar? Creo que con tres o cuatro radicales con los que se formen un par de kanjis ya se podrían empezar a hacer pruebas.

Respecto a lo de escribir con el touchpad me gustaría que me comentases más. Aunque es cierto que nunca será perfecto, se pueden corregir cosas. Por ejemplo, puede que el área de escritura sea muy pequeña. Aun siendo incómodo el método, la idea es que el algoritmo sea muy permisivo y acepte casi todo lo que le eches. ¿Se te ha dado el caso de que te diese muchos fallos al intentar escribir cierta figura? Estaba pensando incluir un sistema de reporte de errores en donde los usuarios puedan enviar los trazos que han hecho para que yo pueda mejorar el algoritmo. En principio de hecho lo usaría yo sobre todo.

Y para terminar, no he entendido mucho el comentario sobre Learn experiment1. Dices "Veo un poco redundante la "caja" de ejercicio transformada en bienvenida, con la caja de debajo" ¿a que te refieres con "la caja de debajo"? ¿a la caja de comentarios? Igual te refieres a la pestaña de "info", que estoy de acuerdo en eliminar.

Ahora repasando igual te entendí mejor. Igual te refieres a que al pulsar en practicar, la caja de info quede debajo en lugar de desaparecer, como pasa (practicamente) en learnexperiment.org. Puede ser buena idea. ¿Que te parecería en tal caso pasar el banner grande a arriba, y no separar la caja de info de la de comentarios? No quiero usar pestañas por que ello reduce la información que los buscadores cogen.

Por cierto, voy a poner un campo de "compartir", aunque aún no se en donde. Además de meter opciones de facebook y demás, habrá la opción de incrustar el ejercicio en una página de terceros. Ya tengo a un "voluntario" para probar: http://nihongonobenkyou.jimdo.com/, que contactó conmigo para un intercambio de links.

Un saludo:

Jaime

[Ferran Quer i Guerrero]

Buenas,
Ahora mismo no puedo comentarte lo de los radicales, pero te recomiendo que vayas haciendo pruebas con jisho.org . Son pocos caracteres para tener guardados en formato imagen, y como imagen se pueden deformar fácilmente (si se apilan verticalmente o horizontalmente, se hace 50% en height o width). Más adelante te comento más.

Sobre lo otro, he modificado la página porque es mejor una imagen que mil palabras. Lo he hecho rápido, puede que los estilos no estén puestos donde tocan, pero se ve como quería decir. Al pulsar el botón de practicar, volvería a aparecer la caja de las pestañas de info, comentarios, etc.

Salud!
Ferran

2012/9/2 Jaime García Marsá <ja...@legendarya.com>

[Jaime García Marsá]

Hola Ferran, el rar que me enviaste ocupa solo 1 K, y cuando lo abro lo encuentro vacío.

[Ferran Quer i Guerrero]

Vaya, no conseguía comprimir bien la carpeta. De todos modos, había guardado mal la página. Te envío una captura de pantalla.

[Jaime García Marsá]

Hola, la única diferencia que veo en esa captura es que la descripción y la tabla de preguntas ocupan más ¿no?

[Ferran Quer i Guerrero]

Y que la parte de abajo y el botón de edición no están. En cuanto pulsas el botón para empezar, las medidas vuelven a ser las de ahora. Es lo que habías entendido al principio?

2012/9/3 Jaime García Marsá <ja...@legendarya.com>

[Jaime García Marsá]

Hola Ferran, no te había entendido, efectivamente. Hay dos razones por las que conviene que los comentarios estén visibles desde el comienzo. Una es por que google no los pilla si están ocultos, y la otra por no hacer a la gente pulsar en "practicar" para poder leerlos.

Por ello me gustaría conocer tu razón para quitarlos para ver si hay otra alternativa. Obviamente se puede dar más espacio a la descripción y a las preguntas sin quitarlos, y se pueden serparar más si lo que se quiere es que "no molesten" en cualquier caso solo es moverlos para abajo. No se si ves algún otro inconveniente.

En cualquier caso conste que ese cuadro todavía lo quiero rediseñar:

a) Quiero quitar las pestañas. La de "info" ya no tiene sentido ahora que la info aparece al abrir, y lo de las versiones a penas se usa. Preferiría "ocultarlo" mas. También el botón de editar quiero darle otra ubicación, que es la única razón por la que no he tocado mucho eso. Y por supuesto a todo quiero darle el mismo estilo de la página (así como al área de usuario).

Un saludo:

Jaime

[Ferran Quer i Guerrero]

¿Por qué es importante que google pille los comentarios? Desde la ignorancia, no es mejor que pille la descripción, que así encuentra más contenido?

Mis motivos eran estéticos. Me parece que tanto la descripción como las preguntas tienen muy poca altura en "la bienvenida". De hecho, creo que simplemente haciendo este este primer cuadro más alto ya me parece bien, realmente no tengo motivos para ocultar los comentarios.

Saludos,
Ferran

[Jaime García Marsá]

Hola Ferran, ya he ampliado el tamaño de los cuadros de descripción y la tabla, disculpa el retraso. En cuanto a los comentarios, mi punto de vista es que no molestan dado que están debajo de la publicidad, e incluso no se ven en ciertos tamaños de pantalla hasta que haces scroll. Y aún se podrían empujar más hacia abajo. Veo sentido a desplazar los comentarios para dar más preponderancia a la descripción y las preguntas, pero no veo razón para hacerlos desaparecer del todo.

En cuanto a lo de que Google los pille, es cierto que es más importante que pille la descripción, pero si algún día surge algún comentario interesante (alguien resolviendo una duda), sería bueno que lo pillase también. Por experiencia como programador se que eso es útil, a veces he encontrado respuestas que había en los comentarios de un artículo.

Pasando a otros temas, parece que este mes estaré todavía liado, hasta el 20 al menos. Sin embargo espero concentrarme en el elearning pasado esto hasta el verano que viene. Mis planes son los siguientes:

-Learnexperiment: Orientarlo más a la participación de los usuarios, facilitando la creación de más y mejores contenidos y aplicando el sistema de "créditos"

-Learnexperiment 2: Esto lo voy a dejar para soporte de las aplicaciones móviles nada más, añadiendo contenidos, hasta que genere interés por si mismo

-Aplicaciones móviles: Voy a empezar a meterles publicidad. Entre otras cosas ya he conseguido pronunciaciones en japonés para las aplicaciones de hiragana y katakana a través de una página de freelancers, con lo que puedo sustituir las de Forvo y comenzar a meter anuncios. A parte de esto espero crear otras aplicaciones como kanjis, chino, e incluso me estoy metiendo un poco en coreano.

-Otro proyecto para la gramática. Se trata de un "juego" que vaya dándote instrucciones del tipo "pulsa el círculo", "mueve el cuadrado a la derecha", "junta los triángulos rojos",... en el idioma a aprender. El usuario escuchará primero mensajes más sencillos con los que aprenderá palabras básicas y la idea es que al complicarse se vayan quedando con la gramática.

Avísame si ves algo más que ir mejorando en Learnexperiment, que como muy tarde para el 20 le podré dedicar tiempo.

Un saludo:

Jaime

[Ferran Quer i Guerrero]

Hola Jaime,
Mi piacce la altura que le has dado ahora. Es la idea que tenía. Ahora que he entrado me han pasado por la cabeza algunas cosas mejorables del día a día:
- reportar comentarios spam/vacíos o poderlos eliminar/esconder
- eliminar/esconder ejercicios vacíos y sobretodo, quitarlos de la portada
- avisar por mail cuando llegue un mensaje privado, me parece que no funciona y lo tengo activado. Pruebo a mandarte un mensaje para que lo compruebes.

Salud

2012/9/29 Jaime García Marsá <ja...@legendarya.com>