Nicolas Bortolotti

Una de las buenas prácticas es siempre observar las apps premiadas por el equipo de #MaterialDesign. Muy interesante el modelo presentado por #Pocket para #adaptative-design. Hoy quería dejarles este material si les interesa llevar su app #Android al siguiente nivel en este importante segmento del desarrollo y diseño de la app. En la Fig.1 se muestra el comportamiento esencial para la orientación vertical. Fig.1 Pocket para las opciones verticales Y en la Fig.2 se puede ver el comportamiento para la distribución horizontal. Fig. 2 Pocket para las opciones horizontales Dado que la implementación de cada diseño variará en cierta medida, probablemente una de las primeras cosas que tendrás que hacer será determinar el diseño que el usuario puede ver en cada momento, Disfrutando #DesignSprint junto a la comunidad de #Chile. Analizando Adaptative Design #Pocket app por Nicolas Bortolotti se distribuye bajo una Licencia Creative Commons Atribución-CompartirIgual 4.0...

En este recorrido por LatAm he disfrutado mucho la conexión con las comunidades de desarrollo y cada conversación sobre alguno de los 7 entornos prácticos planteados en la conferencia #7 arquetipos de la tecnología moderna. Fig.1 Ejemplo presentado Hoy les quiero compartir el entornos presentado para Polymer1.0 . En primero lugar voy a recrear el polymer starter kit para reducir la curva de complejidad en la demostración. Luego vamos a concentrarnos en el sector central de contenido de la template y dentro de los iron-elements [= core-elements de la version 0.5]. Fig.2 iron-pages Para trabajar este efecto generalmente buscado en el pensamiento diseño Material, implementamos como se muestra en la Fig.2 los elementos iron-pages. Este elemento tiene una propiedad de elevación con lo cual podemos controlar el #eje-z bien simple variando los valores como lo propone la Fig.3 y 4 Fig.3 paper-material element Fig.4. Propiedades de elevación Dentro de cada page la idea es...

Hay oportunidades en que el diseño de nuestro aplicación no está optimizado y esto degrada el rendimiento, sin que muchas veces no nos demos cuenta hasta cuando su modificación es muy compleja o cara. Veamos simples prácticas para optimizar la #UI en #Android. Vamos utilizar #HierarchyViewer. Puedes lanzarlo desde la línea de comandos del SDK, pero esta tool de forma independiente es #deprecated. Fig.1 Fig.1 Con lo cual, vamos a utilizar #AndroidDeviceMonitor. Fig.2. Fig.2 En esta oportunidad vamos a analizar una aplicación que tiene una integración simple con anuncios #Admob. Fig.3 Fig.3 En la Fig.3 podemos identificar el ensamblado que estamos analizando, la vista general de la estructura de #UI, también vemos el detalle sobre el árbol completo de elementos y en el vértice inferior derecho podemos ver el layout de nuestra selección. Ahora veamos rápidamente cómo identificar problemas de render : Fig.4 En la Fig.4 vemos cómo obtener los tiempos de rend...

Si te interesan los estudios basados en #opendata utilizando #bigquery  y les resulta atractivo el tópico de nacimientos ,en este caso analizados por estado conyugal, podes seguir leyendo...  Hoy se me ocurrió preguntar a la base de 13 MM de nacimientos en Mexico [2008-2013] y analizar estos nacimientos por estado conyugal, hay sociedades muy apegadas a los modelos religiosos en donde uno se imaginaría una equilibrio en nacimientos para personas casadas ¿Como se imaginan esta situación en #Mexico?   Veamos las proporciones para toda la muestras: Fig.1 Proporciones para toda la muestra Como pueden ver para toda la muestra se ve una balance entre los nacimientos desde el estado conyugal #casada y #unión libre. Ahora otra pregunta, ¿y si lo analizamos año a año? Vamos a ver la curva propuesta para el estado conyugal #casada Fig.2 Análisis año a año para casada Veamos ahora para #solteras. Fig.3 Análisis año a año para soltera Finalmente veamos...

Analizar datos sociales propone un mundo de oportunidades en cuanto a extracción de patrones y características.  En este caso, les comparto un extractor-social para G+ #python.  Pongamos el desafío de analizar el perfil publico de algunos desarrolladores. Para el ejemplo, quiero conocer si el perfil a evaluar en una cierta cantidad de posts está compartiendo dentro de su contenido de determinadas palabras, por ejemplo 'Android'. Vamos a hacer un simple programa que pueda extraer esta información y luego la llevaremos a #BigQuery para comparar nuestras muestras masivas periódicamente[para este ejemplo veremos el modelo de datos solamente].. Conecto con el servicio: Cargando .... El diccionario aún no lo voy a parametrizar para esta primera versión. Veamos la rutina cíclica para recorrer los valores que nos entrega el servicio de G+: Cargando .... Resultados.. Llevamos a una spreadsheet para analizar el modelo de datos extraído [id-post, content del post, test q...

El análisis de datos masivo resulta muy interesante cuando podemos validar hipótesis rápidamente. En este caso nuestra pregunta central, propone descubrir los servicios de salud más demandados en los último 4 años y ver si nuestra cobertura de salud cubre los mismos. Estudiaremos la demanda de los egresos hospitalarios por tipo y utilizaremos d atos oficiales de la Secretaría de Salud con licencia abierta. Link (portal de datos abiertos con todas las especificaciones de los datos). Vamos a procesar los datos con #BigQuery(en el TableID de la Fig.1 está el camino para si quieren utilizar los datos) Fig.1 ¿De cuanto es la muestra? 14,128,192 MM Trabajando solo los egresos de los datos publicados por la #SecretaríaSalud #Mx. Fig.2 Utilicé VMs de Google ComputeEngine, y #bq para la carga de los datos a #BigQuery ¿Será importante incorporar en nuestros servicios de salud elementos como obstetricia/ginecología/pediatría? Fig.3 Vamos por l...

Les quiero dejar la primera experiencia utilizando #MaterialDesignLite, para este ejemplo utilicé un componente simple de #card. 1. Configurar un simple #html con lo esencial para que los estilos respeten #MaterialDesign. (utilicé los vínculos a los archivos en el CDN de referencia, luego hay varias opciones para dejarlo local) Dentro del #head:     <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.1/ material.css ">     <script src="https://storage.googleapis.com/code.getmdl.io/1.0.1/ material.js "></script>     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 2. Una simple configuración de estilos para darle un toque personal a la #card: <style>     .demostracion-mdl-card {     width: 450px;   }     .demostracion-mdl-card > .mdl-card__title {     color: #fff;     height: 150px;   ...

Una de las características importantes e interesantes dentro del circuito y desarrollo de una aplicación son las validaciones tecnológicas utilizando pruebas de stress. Como lo podríamos realizar con herramientas open-source y en una VM de #ComputeEngine en solo segundos ?¿ Como framework open-source hay algunos interesantes como Pylt[basado en python], Multi-mechanize[basado en python], Gatling[basado en java y scala]. Vamos a poner a funcionar #Gatling en una VM de #ComputeEngine, creamos un script con el recorder y a probar con usuarios virtuales la escala de nuestra solución. [una propuesta muy económica muy flexible] En la presentación de mañana propondremos este caso para todos los startups de #launchpadweek #Mex Con menos de 2 USD puede hacer una pruebas de cientos incluso miles de usuarios concurrentes...¿Como lo ves? Voy a ejecutar un prueba continua de 5 usuarios por segundo en 60 segundos que desencadenen actividades en el datastore de escritura..Fig.1 propon...

En cada evento o actividades exploramos junto a emprendedores diversas opciones útiles de validación y dentro del flujo de desarrollo. hace unos minutos la pregunta propuesta fue ¿Si exploramos las UX actuales en Android? .. buena idea.. veamos.. Fig.1 consola, lanzamiento de #uiautomatorviewer Conectando un dispositivo o emulador y su remote debug ya tenemos control para obtener un snapshot de la UI que nos interese. Fig.2 uiautomatorviewer **En mi caso, explorando Onefootball, en vísperas de #CopaAmerica15 con que otra app podría ejemplificar? Con este simple método es posible explorar la estructura de la UI y desde luego automatizar diferentes clases de exámenes de forma automatizada... ¿Si exploramos las UX actuales en Android? UIAutomatorViewer por Nicolas Bortolotti se distribuye bajo una Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional .

Hoy quería compartir con ustedes un enfoque simple y ágil sobre el análisis de rendimiento pensado sobre un entorno  web-mobile. Este tipo de técnicas ya se utilizan a diario en mundo web tradicional pero actualmente el despertar del mundo mobile y con sus aristas mobile-web han despertado necesidad e interés en cada referente tecnológico. La idea es muy simple, vamos a trabajar el camino crítico de renderización de una web-page, y al llevar el concepto a mobile-web estos elementos se hacen mucho más críticos... Para esta actividad utilizaremos RAIL [Response-Animation-Idle-Load] y en concreto trabajaremos sobre el elemento #Load. Fig.1 camino crítico de renderización Vamos a empezar por representar el DOM y el CSSOM, en un ejemplo relativamente simple. html: css: Como representarías el DOM y el CSSOM ? esta actividad representaría el primero de los pasos para recorrer el camino crítico de renderización y por supuesto optimizar nuestro ambiente web-mobile. Fig....