Pilasweb-engine en smartphones y tablets

[binary-sequence]

A ver qué os parecen esta ideas.

• Mobile first / Responsive web design.
• Escribir desde un smartphone es tedioso. En un futuro se podría crear un editor táctil de código fuente. El usuario podría seleccionar qué estructura quiere escribir (declarar variables, método de pilas, for, if, switch, etc) y se escribiría 'automáticamente'. Lo máximo que tendría que escribir son los nombres de las variables que quiere crear.

[binary-sequence]

Vista de Smartphone.

1. Pantalla principal:

   Es igual a la de pilas-engine (La última versión que he visto, 0.69 ). Sólo le he añadido un botón con signo de interrogación junto al nombre, que enviaría a la seción ¿Qué es pilasweb-engine? de la página alojada en github.

2. Editor:

   En un smartphone cualquier elemento ocupa demasiado espacio. Se evita el botón "ejecutar". La ejecución del código se realiza: -A intervalos de tiempo. -Detectando evento text-changed. -Al introducir enter / nueva línea. -Una combinación de ellos. Muestra un mensaje de que el código se ha ejecutado

3. Visualizador de ejemplos:

   La estructura de layout es la misma que la del editor. Se diferencia en que el visualizador de ejemplos no permite escribir en el código fuente mostrado. Al inicio se muestra en un panel la lista de ejemplos. Al hacer click sobre un elemento. el panel se oculta dejando ver el código fuente y se carga el ejemplo. Mientras se muestra el código fuente, se mantiene un botón en la esquina inferior derecha (he pensado que es donde menos puede molestar) que vuelve a mostrar el panel para poder seleccionar otro ejemplo.

[hugoruscitti]

Me gusta mucho la idea!!!

Quiero ayudar, por ahí lo que podemos haces es comenzar con un theme diseñado para aplicaciones, ¿algo de acá http://wrapbootstrap.com/?. puedo comprar alguno si quieres...

[binary-sequence]

He estado explorando la página y sólo veo themes para webs completas. Tal vez alguno sea útil para la web del proyecto pilaswebengine (que supongo estará alojada en http://hugoruscitti.github.com/pilasweb/, mientras la API se mueve a http://hugoruscitti.github.com/pilasweb/manual/). Por mí no hace falta comprar nada mientras no tengamos problemas de imaginación para el diseño.

Para la aplicación en sí de pilasweb, no creo que haya nada parecido. Pero no veo complicado hacerlo from scratch. Si es sólo el diseño que he hecho en los bocetos, son sólo dos elementos los que hay que calibrar en el editor y, 4 en el cargador de ejemplos.

Sería importante poder probarlo en los dispositivos. Yo sólo puedo probarlo redimensionando la ventana del navegador y, tal vez pueda usar el Samsumg Galaxy mini con Android de mi hermano.