Mostrando las entradas con la etiqueta Instituto Capacitas - Laboratorio de Lenguajes II. Mostrar todas las entradas
Mostrando las entradas con la etiqueta Instituto Capacitas - Laboratorio de Lenguajes II. Mostrar todas las entradas

miércoles, 5 de julio de 2017

Laboratorio de Lenguajes II - Proyecto Final, maqueta sobre Domotica con Arduino



Los alumnos de la materia Laboratorio de Lenguajes II, presentaron su proyecto final de la cursada, trabajando sobre domotica (tecnología aplicada al hogar) utilizando placas Arduino R3 UNO, y diferentes sensores, y accesorios, con las cuales construyeron 3 subsistemas, que montaron sobre una maqueta.



1) Eduardo Aguilar, trabajo sobre una cerradura digital, en la cual utilizo un teclado, un display digital, leds, y un buzzer


2) Jorge Sosinowicz, trabajo sobre seguridad por sensores de movimiento, trabajo con relay, sensor de luz, buzzer, y sensores de proximidad



3) Matias Lavanchu, trabajo sobre un Sistema de entretenimiento, en el cual utilizo un control remoto, leds, y un parlante, para iniciar diferentes sonidos y juegos de luces.


Felicitaciones por el excelente trabajo que realizaron, y los conocimientos adquiridos en este proceso.

martes, 17 de mayo de 2016

Ejemplo de HTML y CSS

El taller de Desarrollo Web del Proyecto Nahual en Bariloche, comenzamos a ver de que se trata CSS, y que tiene que ver con HTML que es lo que venimos viendo hasta ahora.

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento HTML de su presentación.

Vamos a ser un ejemplo de como usarlo,

Los pasos para crear nuestra primer clase en CSS son los siguientes,

1er Paso: generamos un archivo HTML. Como el siguiente:
https://github.com/lucaspassa/nahualdw/blob/master/ejemplos/htmlycss/index.html
 
2do Paso: creamos carpeta y archivo .css. 
Por prolijidad se genera una carpeta css que incluira todo los archivos .css
https://github.com/lucaspassa/nahualdw/blob/master/ejemplos/htmlycss/css/style.css

 3er Paso: Vinculamos el css desde el html, y agregamos la clase a la etiqueta que queramos.
Entre las etiquetas del head referenciamos al archivo que contiene nuestra hoja de estilos



4to paso Probamos :)


Una herramienta muy util para los desarrolladores trabajando tanto desde el explorador Firefox como en Chrome son las funciones de inspección de código, que permite hacer pruebas en tiempo real sobre el código html, css, js, etc



Fuente:
https://es.wikipedia.org/wiki/Hoja_de_estilos_en_cascada

lunes, 16 de mayo de 2016

CoWorking, trabajo en cooperación

El coworking (en español cotrabajo, trabajo cooperativo o trabajo en cooperación) es una forma de trabajo que permite compartir un mismo espacio de trabajo, tanto físico como virtual, para desarrollar sus proyectos profesionales de manera independiente, a la vez que fomentan proyectos conjuntos.



El coworking permite compartir oficina y equipamientos, fomenta las relaciones estables entre profesionales de diferentes sectores que pueden desembocar en relaciones cliente-proveedor. En todo caso es frecuente que se genere un sentimiento de pertenencia a una comunidad, más allá de las vinculaciones efectivas, entre los trabajadores que frecuentan los espacios.

Con decenas de espacios ubicados en países como Estados Unidos, Reino Unido, Francia, España, Alemania, Australia, Argentina, México, entre otros, este tipo de lugares es utilizado por nómadas digitales, profesionales que viajan por todo el mundo y llevan consigo sólo ordenadores portátiles en apoyo de su labor cotidiana. Sin embargo, el carácter flexible y práctico de este tipo de espacios, permite a muchos profesionales establecer un lugar permanente de trabajo, sin ataduras asociadas a contratos por servicios y suministros, dónde la permanencia mínima puede cambiarse con facilidad.

Ligado a este concepto de permanencia dentro de un espacio coworking, es importante hacer resaltar el factor geográfico, el cual juega un papel muy importante aunque no definitivo para la elección del espacio más apropiado. El ahorro de tiempo en transporte y el coste asociado, son beneficios que el coworking acerca a los usuarios de la zona en la que se encuentra localizado el propio espacio.

El trabajo cooperativo ofrece una solución para el problema de aislamiento que supone para muchos trabajadores independientes, o incluso microempresas, la experiencia del trabajo en casa.

Al día de hoy, y después de un boom, los espacios de coworking se están especializando, por ej. enfocados a mujeres, enfocados a la creatividad, etc.

Audio de Carolina Montiel Navarro en el Programa No Se Aceptan Devoluciones, nos cuenta que es el CoWorking


 

Fuente: 
https://es.wikipedia.org/wiki/Trabajo_cooperativo 
http://ar.ivoox.com/es/podcast-no-se-aceptan-recortes_sq_f1275335_1.html

lunes, 2 de mayo de 2016

SCRUM: Reunión de Retrospectiva

¿Qué es una retrospectiva?
Definición de Diana Larsen:
"Es una reunión especial  en la cual un equipo decide hacer una pausa para reflexionar sobre el trabajo realizado, ver qué lecciones pueden capitalizar y decidir cómo aplicar lo que aprendieron en el futuro cercano."



La retrospectiva es la última reunión en una iteración de Scrum, el momento de cierre del sprint que está terminado. Es un momento de análisis y reflexión del pasado, pero también es un encuentro del cual tienen que salir decisiones y acciones para el futuro.

Es la herramienta que hace foco en el equipo, analizando cómo trabajamos y nos relacionamos, y buscando soluciones reales que el equipo mismo pueda aplicar.

El objetivo de una retrospectiva es mejorar: mejorar la productividad, mejorar los conocimientos y habilidades del equipo, mejorar la calidad del producto... en última instancia, el objetivo de una retrospectiva es mejorar la calidad de vida de quienes participan.

Las 5 etapas de una retrospectiva

Todas las retrospectivas pasan por 5 etapas, aunque a veces no sean formales. Es bueno tener en cuenta estas etapas y ser conscientes de que deben ocurrir: si se saltea alguna etapa, o si la misma no ocurre de forma efectiva, no llegaremos al mejor resultado posible de la retrospectiva. Y en el peor de los casos, terminaremos con una reunión más, desaprovechada.

Entonces, las 5 etapas de una retrospectiva son:
  1. Preparar el escenario
  2. Recolectar datos
  3. Reflexionar
  4. Decidir qué hacer
  5. Cerrar la retrospectiva
A continuación un link con una web que te suguiere actividades concretas para poder realizar una retrospectiva: http://www.plans-for-retrospectives.com/

También mas información sobre SCRUM y retrospectivas en el libro  Proyectos Ágiles con #Scrum

 

Referencias y fuentes:
http://www.kleer.la/es/publicamos/scrum
http://www.plans-for-retrospectives.com/index_es.html?id=36-51-66-88-77
http://www.elproximopaso.net/2014/10/que-es-una-retrospectiva.html

lunes, 18 de abril de 2016

GitHub, una red social para programadores

GitHub es una plataforma de desarrollo colaborativo para alojar proyectos utilizando el sistema de control de versiones Git. El código se almacena de forma pública, aunque también se puede hacer de forma privada, creando una cuenta de pago.




El trabajo colaborativo es un concepto que surge a partir de las posibilidades de participar en proyectos masivos que ofrece Internet y que se ha convertido en un modo común de trabajo libre, como sucede con Wikipedia, Linux y el Proyecto Gutenberg que, surgido en 1971 para compartir libros digitalizados, es uno de los ejemplos más antiguos de esta nueva forma de compartir conocimientos.
Por un lado git es un controlador de versiones, para gestionar el trabajo colaborativo de varios programadores sobre un proyecto de software en común. Por otro lado github es una plataforma que usa git como controlador de versiones, y le agrega funcionalidades extras por perfil de usuario.



Git es un software de control de versiones diseñado por Linus Torvalds, pensando en la eficiencia y la confiabilidad del mantenimiento de versiones de aplicaciones cuando éstas tienen un gran número de archivos de código fuente. https://git-scm.com/


Github, es una red social de repositorios git (espacio de trabajo de un proyecto) , se basa en git para ofrecer repositorios públicos y privados sobre cada uno de los usuarios que se dan el alta, y cuenta con un sin limite de repositorios git, cada uno con un espacio de wiki, gestión de tareas, web principal.



De esta manera los usuarios pueden compartir sus códigos fuentes, sus programas, y permitir a los demás, generar ramas de desarrollo, aportar sugerencias de mejoras del código ( mediante pull request ).

Importantes proyectos son alojados en GitHub cómo es el caso de bootstrap -> https://github.com/twbs/bootstrap

A continuación les comparto una sencilla guía para trabajar con git por linea de comandos -> http://rogerdudler.github.io/git-guide/index.es.html

sábado, 2 de abril de 2016

Web Adaptables con Boostrap - Sistema de Regillas (Grid System)

#Bootstrap - Webs Adaptables

Empezando a utilizar Bootstrap y entendiendo su sistema de grillas, el cual nos permiten hacer desarrollos totalmente adaptables a todas las pantallas y resoluciones, algo indispensable y fundamental para cualquier desarrollo web moderno.

Descárgalo y empeza a usarlo:

Código Fuente de Bootstrap disponible para la comunidad en un repositorio gitbub: https://github.com/twbs/bootstrap


Luego de probar el primer web de ejemplo "Hello, Word"
http://getbootstrap.com/getting-started/#template

El primer tema a tener en claro es el Sistema de Grillas (Grid System, el cual es fundamental tenerlo en cuenta a la hora de realizar cada pantalla adptable.



Las mejores referencias para los productos abiertos como bootstrap siempre se encuentran en la web oficial del proyecto, en este paso el Systema de Grillas bien explicado y con los primeros ejemplos sugeridos para probarlo es el siguiente enlace: http://getbootstrap.com/css/#grid



Implementamos el primer ejemplo, y lo fuimos probando en diferentes resoluciones, achicando la ventana del explorador y comprobando como se comportaba a cada medida.


Para la próxima clase, tenemos que llevar ejemplos de implementación de formularios con Bootstrap, para eso seguimos los ejemplos sugeridos en http://getbootstrap.com/css/#forms





miércoles, 30 de marzo de 2016

Proyecto Web - Laboratorio de Lenguajes II

En la materia Laboratorio de Lenguajes II vamos a desarrollar un proyecto web, usando metodologías ágiles para la gestión de tareas, y los planes de entrega.



Las Herramientas y tecnologías que vamos a utilizar son:
¿ Que es Bootsrap ?

¿ Cómo funciona el sistema de Grillas de Bootstrap ?

  • PHP cómo lenguaje de programación en la capa lógica, para validar sesiones de usuarios, conectarnos con la base de datos, y hacer el proyecto como una web dinámica, con capacidad de interacción con el usuario.

    Para introducirse en el lenguaje recomiendo el curso PHP y también toda la información y manuales de la web oficial
  • MySQL cómo base de datos del proyecto.
  • Apache Web Server, Para correr nuestro proyecto de manera local, vamos a necesitar la instalación del servidor web apache.
 

miércoles, 23 de marzo de 2016

Clound9, tu ambiente de desarrollo en la nube

Estamos en una época de florecimiento de los entornos de desarrollo en la nube y Cloud9 es una de las mejores opciones que podemos encontrar. 



Cloud9 es un servicio que va más allá de lo que comúnmente conocemos ya que nos da vía libre para administrar y operar un servidor virtual, además de integrar un entorno de desarrollo que soporta más de 40 lenguajes de programación. La gran ventaja de esto es que tendremos mucha libertad para instalar una gran gama de servicios para desarrollar nuestro proyectos web.

Cloud9 nos permite crear un una cuenta gratuita que nos da acceso a los siguientes recursos:

    512 MB de RAM.
    1 GB de Almacenamiento.
    1 CPU.
    1 Workspace Premium.

Una vez creada tu cuenta gratuita puedes elegir entre usar un Workspace previamente creado o bien crear el tuyo usando alguno de los templates disponibles para trabajar.

Adicional a esto también puedes optar por trabajar con otros motores de Bases de Datos como lo son: Cassandra, CouchDB, MongoDB, PostgreSQL, entre otros.

También es posible vincular tu Workspace a repositorios como lo son GitHub y BitBucket, para que todo tu proyecto sea almacenado en estos servicios.

Funciones de tu Workspace.

Una vez que hayas creado tu espacio de trabajo podrás tener acceso a tu entorno de desarrollo IDE, desde el cual podrás llevar el control del código generado. Adicional a esto el entorno de Cloud9 te permite hacer uso de servidor virtual mediante el uso de una terminal. Desde esta terminal podrás llevando el control de tu Servidor Virtual.


Otras de las ventajas que nos ofrece Cloud9 es que nos permite hacer trabajo colaborativo, lo cual es algo muy significativo al momento de crear proyectos de gran envergadura.


Fuente: http://smartfreehosting.net/2015/10/cloud-9-servidor-virtual-entorno-desarrollo-web/

lunes, 21 de marzo de 2016

Instituto Superior Capacitas - Contenidos de la Materia: Laboratorio de Lenguajes II

Instituto Superior Capacitas
Técnico Superior en Desarrollo de Sistemas Informático
Materia: Laboratorio de Lenguajes II ( Segundo Año)
Contenidos sugeridos:

Sintaxis y semántica de un lenguaje orientado a aplicaciones Web.
Desarrollo de un proyecto en una herramienta aplicada a la actualidad de programación Web.
Manejo de Bases de Datos en el entorno de trabajo.