Mostrando entradas con la etiqueta Material Design. Mostrar todas las entradas
Mostrando entradas con la etiqueta Material Design. Mostrar todas las entradas

miércoles, 23 de noviembre de 2016

Desarrolladores tecnológicos se citan en Granada para debatir sobre las últimas tecnologías de Google

gdg-devfest-granada-polymer-firebase-android

  • Durante dos días, expertos debatirán sobre el presente y futuro de Android, los wearables, la nube o los videojuegos, entre otras temáticas

  • El evento combina un ciclo de conferencias técnicas con talleres en el que los asistentes perfeccionarán su conocimiento


La E.T.S. de Ingeniería Informática y Telecomunicaciones de la Universidad de Granada es el escenario escogido por el Grupo de Desarrolladores de Google (GDG) en Granada para celebrar su DevFest, un ciclo de conferencias y talleres que tiene como objetivo la difusión y el aprendizaje de nuevas tecnologías para el desarrollo de proyectos informáticos. El evento, que tendrá lugar durante los días 24 y 25 de noviembre, es de entrada libre y gratuita mediante inscripción en la web habilitada a tal efecto.

Las ponencias del viernes tratarán sobre las últimas tecnologías elaboradas por Google para desarrolladores, como Firebase, la plataforma para desarrollar aplicaciones móviles o web de alta calidad; o Polymer, una librería que permite utilizar las últimas novedades de la web para construir elementos y aprovechar todo su potencial. También se adentrará en el mundo del Machine Learning con una ponencia sobre TensorFlow, librería open source de la compañía de Mountain View para desarrollar sistemas de aprendizaje automático de forma más rápida y efectiva.

Android, el sistema operativo móvil más utilizado en España, será abordado durante el evento desde diferentes perspectivas. Desde cómo empezar un proyecto desde cero para esta plataforma hasta las guías de diseño Material Design, pasando por su presencia en los dispositivos wearables o los recursos necesarios para desarrollar profesionalmente en este sistema operativo para smartphones.

También será objeto de debate las tecnologías que han logrado introducirse en nuestro día a día, como los videojuegos, los wearables, la robótica y la impresión 3D; y cómo el open source permite crear proyectos innovadores a bajo coste.

Por último, se analizará el caso de éxito de Granada como comunidad de desarrollo de software libre. Se examinará el estado actual de la comunidad tecnológica en la ciudad nazarí, comparándola con otras provincias similares económica y socialmente, y los factores sociales que se antojan claves en su vitalidad.

Los talleres y conferencias serán impartidos por profesionales de empresas como Real-Time Innovations, BEEVA, App and Web, Createc3D, Estudio Nemo y alumnos de doctorado y profesores de la Universidad de Granada.

miércoles, 20 de enero de 2016

Artículo técnico: Material Design + Bootstrap (Español and English) por Samuel Hindley del GDG Málaga

Colaborador: Samuel Hindley, GDG Málaga
Artículo técnico: Material Design + Bootstrap (Español and English)

Nota del equipo editorial: Comenzamos una serie de posts con contenidos más técnicos, en esta caso con ejemplos de código. Iremos publicando nuevos artículos en esta línea en los próximos semanas, así como anunciamos que estamos abiertos a recibir propuestas de artículos.

Material Design + Bootstrap (Español)


banner.jpg


En cuanto a desarrollo front-end se refiere, son pocas las personas que no conocen Bootstrap. Y para quien no lo sepa se trata de uno de los frameworks más populares, creado por Twitter, para el desarrollo de proyectos web móviles y “responsivas” en HTML, CSS y JavaScript. Bootstrap ofrece un extenso catálogo de elementos HTML y CSS modificados para crear unos diseños espectaculares con un esfuerzo mínimo.


bootstrap.png


Por otro lado, el concepto Material Design se refiere a una filosofía y conjunto de pautas enfocadas al diseño en Android, aunque hoy en día estos populares principios de diseño para UI/UX se están utilizando para todo tipo de plataformas. Fue Google quien lo creó y lo implementó en su sistema operativo móvil desde la versión 5.0 Lollipop y a partir de ahí la mayoría de las grandes aplicaciones Android empezaron a adoptar este diseño.


Recibe su nombre por basarse en objetos materiales donde la profundidad de las capas, las superficies, los bordes, las sombras y los colores juegan un papel muy importante.
materialdesign.png


Ahora, siendo un amante de los principios del Material Design creados por Google y frecuente usuario de Bootstrap quería alguna forma de combinar estos dos elementos para mi página web personal. Ya existen frameworks muy buenos para implementar Material Design como Polymer o AngularJS, pero no los había usado nunca, entonces con una simple consulta en nuestro buscador favorito encontré el resultado de Material Design + Bootstrap:  un gran proyecto en GitHub de FezVrasta llamado Material Design for Bootstrap.


Se trata de un tema de Bootstrap para incluir fácilmente todos los diseños, formas y colores de Material Design en vuestras aplicaciones web basadas en Bootstrap 3 (está en constante desarrollo por lo que no aseguran que funcione al 100% en versiones anteriores).


Se puede incluir de varias formas: usando Bower, Meteor o simplemente incluyendo los archivos CSS después del CSS de Bootstrap y lo mismo con los archivos JavaScript, de forma local o si lo prefieres a través de su CDN oficial. Los archivos JavaScript son muy importantes ya que contienen el código necesario para conseguir ese efecto de “onda” cuando pulsamos sobre alguno de los botones. Con todo esto, nuestros botones, barras de progreso, barras de navegación, etc. serán convertidos automáticamente a ese Material Design que buscamos. A continuación pueden ver algunos ejemplos de cómo quedan los componentes de Bootstrap que estamos acostumbrados a usar:


ejemplos.jpg


Animo a todo aquel que use Bootstrap a probar este tema, muy fácil de usar como habréis visto, y muy útil para darle un “look” más moderno y familiar a vuestros usuarios. Para más información detallada sobre cómo usarlo y sobre cada uno de los elementos podéis visitar el repositorio oficial aquí, donde también podréis apoyar al proyecto y realizar aportaciones al código.


Y para aquellos ansiosos por la versión 4 de Bootstrap, os adelanto que el creador FezVrasta, me ha confirmado que se está trabajando en ello para que tenga total compatibilidad con futuras versiones.

Material Design + Bootstrap (English)


banner.jpg


When it comes to front-end development, there are few people that don´t know what Bootstrap is. And for those who don’t, it's one of the most popular frameworks, created by Twitter, for development in mobile and responsive web projects in HTML, CSS and JavaScript. Bootstrap offers an extensive catalogue of HTML and CSS elements modified to create spectacular designs with minimum effort.


bootstrap.png


On the other hand, the Material Design concept refers to a philosophy and set of guidelines focused on Android design, although nowadays these popular design principles for UI/UX are being used for all kinds of platforms. Google created it and implemented it in their own mobile operating system since version 5.0 Lollipop and from then on most of the major Android apps have begun to adopt this design.


It receives its name because it is based on material objects where the depth of the layers, surfaces, edges, shadows and colours play an important role.


materialdesign.png


Now, being a big fan of the Material Design principles created by Google and a frequent user of Bootstrap I wanted a way of combining these two elements for my personal website. There are already very good frameworks for implementing Material Design like Polymer or AngularJS, but I had never used them before, so with a simple query in our favourite search engine I found the result to Material Design + Bootstrap: a great project on GitHub by FezVrasta called Material Design for Bootstrap.


It consists of a Bootstrap theme to easily include all the designs, shapes and colours of Material Design in your web applications based on Bootstrap 3 (it is in constant development so it is not guaranteed to work 100% on previous versions).


It can be included in several ways: using Bower, Meteor or simply including the CSS files after the Bootstrap CSS and the same with the JavaScript files, locally, or if your prefer through their official CDN. The JavaScript files are very important as they contain the necessary code to achieve that “wave” effect when we press one of the buttons. With all this, our buttons, progress bars, navigation bars, etc. will all be converted automatically to that Material Design we’re looking for. Here you can see some examples of how the Bootstrap components that we’re used to using would look:


ejemplos.jpg


I encourage anyone who uses Bootstrap to try out this theme, very easy to use as you’ve seen, and very useful for giving a more modern and familiar look to our users. For more detailed information about how to use this and about each of its elements you can visit the official repository here, where you can also support the project and make contributions to the code.

And for those anxious for version 4 of Bootstrap, I can tell you that the creator FezVrasta, has confirmed that he is currently working on it so that there will be full compatibility with future versions.

sábado, 10 de octubre de 2015

Material Fest

Colaborador: Jorge Galindo, GDG Cádiz.

¿Cómo organizar un evento para 400 personas? Caso de éxito del Material Fest.

Material Fest fue un evento desarrollado el sábado, 31 de enero del 2015 con una afluencia de 400 personas divididas en dos targets. Desarrolladores móviles y diseñadores digitales. Teniendo en cuenta que se vendieron todas las entradas (de hecho, hubo hasta reventa) y que el feedback de asistentes, speakers fue excelente, podríamos hablar de un caso de éxito.

El concepto del evento era claro. Aunar en un mismo lugar a profesionales de los dos sectores para que nos contaran su perspectiva al crear productos de calidad. Nos focalizamos en hablar de la experiencia, no era un evento teórico, era algo diseñado desde las trincheras.

Cuando organizas un evento tienes que tener claro que es un potaje donde hierven muchas variables y constantes. Fuera de conceptos aburridos y lógicos como “Hacer un presupuesto” o “Elegir bien la localización” he querido centrarme en otro tipo de constantes. Elementos que se repiten en la organización de un evento y que han sido clave en el Material Fest.




Show me the money!

- El evento no tenía un objetivo económico. Es decir, detrás no había una organización o empresa que tuviera intención de sacar tajada con ello, eso nos permitió redirigir todo el dinero al confort de los asistentes y speakers.

- Había un pulmón financiero. Organizar un evento cuesta dinero y depende de las expectativas que tengas costará más o menos. En este evento, 47 Degrees fue el pulmón para acometer los gastos que se tienen a priori (por ejemplo, viaje y alojamiento de ponentes). Si no tienes un pulmón que acometa esos gastos tendrás que cerrar a priori sponsors o bajar las expectativas del evento. Normalmente los sponsors tardan en pagar y el dinero de entradas, dependiendo de como las gestiones, tardará más o menos en llegar.

- La entrada costó dinero. Aunque parezca una obviedad, cuando organizas meetups y eventos en España estas acostumbrado a que muchos sean gratuitos. Por los sponsors que teníamos cerrados a priori el evento podría haberse organizado de forma gratuita pero no quisimos.

  • ¿Por qué? Cuando la entrada de un evento es gratuita un porcentaje de los asistentes no acuden. Lamentablemente, al no costar dinero, no valoran la entrada por lo que no valoran tu trabajo.
  • ¿Qué hicimos? El precio de la entrada fue lo suficientemente poco para que cualquiera pudiera venir pero lo suficiente "alto" para que te doliera un poquito gastarlo. 15 €.


- Gestión de entradas. Hay muchas plataformas donde gestionarlas pero hay tres puntos claves que tienes que tener en cuenta.

  • Porcentaje del servicio. Las plataformas te van a cobrar algo por utilizarlas (lógico). Cuando lo evalúes valora el conjunto, no el coste de cada entrada y ten en cuenta los porcentajes de transacción de venta (cada plataforma de pago tiene un coste asociado)
  • Devolución del dinero. Una vez acabado el evento, la plataforma te devuelve la pasta (digo devolver porque ya está pagado, se encuentra en un limbo al que no tienes acceso). Dependiendo de la plataforma y la forma de pago tardará más o menos.
  • Plataforma social. Es tremendamente importante la usabilidad y conocimiento de la plataforma escogida así como que recoja los mailings de todos los asistentes. Después esos mailings serán utilizados para newsletters a todos los asistentes.
  • Recomiendo las siguientes plataformas:

    • EventBrite (con Paypal sólo, de la otra forma es muy caro)
    • Ticketea. Su servicio de atención al cliente es ejemplar y su porcentaje es menor que EventBrite.





El equipo

- Delegar es para mí la palabra clave en la organización de un evento. Rodéate de gente resolutiva y sobre todo complementaria. En ese sentido, MaterialFest fue todo un éxito por la gente que formó la organización.

  • Lole y Pablo de The Big House hicieron todo el trabajo diseño del evento y se encargaron del track de diseño digital. Fueron sin duda los que le dieron la personalidad al Material Fest.
  • Alex Ahumada de Colophon se encargó de todo el proceso de producción y grabación. En ese sentido se encargó de fotografía, grabación de charlas y lanzamiento de teasers.
  • Francisco Bueno. Fran fue nuestra pata logística, el encargado de coordinar todo para que fuera sobre ruedas.
  • Teresa Suarez y Lucia Benitez encargadas de la comunicación del evento. Tremendamente importante las notas de prensa y la comunicación para tener la mayor difusión posible. Pieza clave.
  • Mención especial a Israel Boza y a Francisco Anaya. Grandes compañeros de batallas en otros eventos y sin cuya experiencia y ayuda no hubiera sido posible.





Los detalles.

- Hay una frase de Charles Eames que dice: “Los detalles son el diseño”, pues la pillo prestada para decir que para mí “Los detalles son el evento”.

  • Mailings a los asistentes, como por ejemplo con la información sobre la ciudad y cómo llegar. De ahí la importancia de tener los emails.
  • Enfoque. Muchos eventos tratan de todo y de nada. Cuanto más ambiguo sea tu evento más disperso va a ser tu target de asistentes. Intenta concretar, intenta ir a por un target definido.
  • Diseño e identidad marcada en todo lo que hagas. Desde el Lanyard hasta la Welcome pack.
  • Cuida al ponente. Haz una cena el día antes para conocerles y cuida los detalles de su estancia dentro y fuera del evento.
  • Cuida al esponsor.
  • Explota la localización en la que estás con puntos territoriales. En este caso Cádiz daba mucho de sí. La playa y los chicharrones fueron un gran atractivo.
  • Controla los tiempos de las charlas y que alguien de la organización presente a cada ponente personalmente.


Y la más importante para el final…




Disfruta.

  • Plantea el evento al que tú irías. Un evento al que a ti te gustaría asistir.
  • Work hard, party hard. Nosotros clausuramos con un concierto de música y el día antes abrimos con una fiesta de inauguración. La gente viene a aprovechar el fin de semana y quiere aprender lo máximo y pasarlo bien. Ten cuidado. Muchas veces organizarlo en una universidad no es compatible con el componente diversión.
  • La pasión es el motor del evento. Si algo te motiva y crees en él sabes cómo poder transmitirlo.


Con estas mismas constantes pero con diferentes variables estamos organizando para octubre el Lambda World, un evento internacional de programación funcional. Si os gusta la programación funcional nos veremos allí con una cerveza en la mano y una lambda en la otra.