Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Pilasweb-engine en smartphones y tablets #29

Open
binary-sequence opened this issue Nov 21, 2012 · 3 comments
Open

Pilasweb-engine en smartphones y tablets #29

binary-sequence opened this issue Nov 21, 2012 · 3 comments

Comments

@binary-sequence
Copy link
Contributor

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
Copy link
Contributor Author

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
Copy link
Owner

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
Copy link
Contributor Author

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants