Entradas

Mockups... ¿Qué es eso?

Imagen
Este es el mockup que hemos obtenido al conversar con nuestro cliente. Ahora realizaremos lo que podríamos llamar "prototipado", pero vamos a ir avanzando también en la preparación del sistema completo. Inicialmente usaremos Bootstrap (puesto que salió la versión 4 usaremos esta) para modelar lo que dibujamos con el cliente y dejaremos todo listo para ir agregando la funcionalidad con php y mariadb. Comenzamos la entrevista con el cliente colocando un nombre preliminar al sistema. Mientras vamos conversando agregamos ítems relevantes para el sistema. Luego nos servirán de recordatorio. Seguimos recopilando información. Otras necesidades del cliente. Ítems que debe llevar una parte del sistema. Pantalla de inicio con indicación de menú alternativo responsivo. Comenzamos a dibujar nuestro Mockup basándonos en lo que hemos conversdado. Menú de opciones con iconos. Menú alternativo. Generador CSV. Listado de CSV generados con opción de

Para conocer mercurial

Una buena presentación sobre mercurial. disfrútenla... Mercurial from campus party Y este es un buen tutorial: http://hginit.com/index.html

Sitios y tecnologías que usaremos

Imagen
Desarrollar aplicaciones web hoy ya no es como hace tiempo, que todo había que hacerlo a pie. Ahora es muy común usar marcos de trabajo (frameworks) y librerías preconstruidas que nos faciliten el trabajo. Con este fin en mente, les mencionaré y les daré los enlaces a lo que usaremos en el taller: Bitbucket https://bitbucket.org/ : Es una herramienta indispensable para mi. Es un servicio en la nube para gestionar versiones. Muchos usan github, pero yo conocí la gestión de versiones con mercurial y bitbucket y estoy cómodo con él hasta ahora. Cada uno debe crear una cuenta en este servicio. Además deberán instalar en sus máquinas mercurial: $ sudo apt install mercurial mercurial-common Bootstrap https://getbootstrap.com/docs/3.3/ : Librería css muy completa para maquetar rápida y “responsablemente” una aplicación o sitio web. Creada por unos ingenieros de Twitter, ya casi está lista la versión 4, pero nosotros iremos por lo seguro con la versión 3.3.7 (la última estable).

2) Buen artículo para entender como funciona un navegador

El enlace siguiente nos muestra una muy buena explicación del funcionamiento del navegador... Disfruténlo. Quantum de cerca: ¿qué es el motor de un navegador web?

1) Comencemos con HTML

Imagen
Para comenzar a trabajar con páginas web y php, lo mejor que he encontrado es un manual de xhtml (falta actualizarlo a html5) que se encuentra en http://librosweb.es/ , específicamente en http://librosweb.es/libro/xhtml/ ( Versión en PDF ). Y por ahí comenzaremos a nadar en el mundo de las etiquetas y las páginas web. Uno de los manuales más completos sobre html5 lo tenemos acá . Uno de los mejores, si no el mejor. La definición oficial del lenguaje en este enlace . Y una buena plantilla para guardar se encuentra acá . Analizaremos esta imagen así que es mejor que la descarguen para referencia. El original viene de esta página (en inglés) .