Nicolas Bortolotti

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....

Quería compartir con toda la comunidad una plataforma totalmente #OpenSource que lanzamos esta semana con estilo latino. El avance de la educación virtual abierta y colaborativa fue siempre un desafío personal, hace 10 meses atrás iniciamos este proyecto abierto para entregar de forma libre esta herramienta escalable, social y colaborativa. #ContentBox propone un modelo que utiliza tecnología de nube y facilita un entorno amistoso al ambiente mobile para la distribución de contenidos. Uno de los desafíos de diseño fue el representar 3 ambientes en la presentación de contenidos [Web en general, tabletas y móviles tradicionales] Fig.1 Interfaz Web general Con elementos simples, filtro y barra de búsqueda #ContentBox simplifica la navegabilidad de contenidos. Fig. 2 Interfaz Tablet En la Fig.2 podemos un modelo amistoso para la visualización en tabletas. Fig.3 Interfaz móviles Finalmente como muestra la Fig.3 el diseño sobre móviles para poder visualizar el mism...

Esta semana inició con un desafío muy interesante de desarrollo. La idea era crear un newsletter simple pero que obtenga los datos desde una spreadsheet. La características fundamental de presentación debería utilizar #Polymer para dar soporte responsivo y por supuesto demostrar su flexibilidad. La respuesta es spreadsheet2polymer . Fig.1 diseño general En esta solución he utilizado sampler-scaffold para representar el periodo de trimestres en el newsletter y cada trimestre con una estructura de programas/proyectos. Cada  programa/proyectos tiene elementos simples como muestra la Fig.2. Fig.2 diseño general de los programas/proyectos Lo interesante es que toda esta información se obtiene desde una spreadsheet. Como muestra la Fig.3. [ spreadsheet ]. O sea puedo el objetivo es armar mi reporte en segundos y que este tenga una presentación responsiva legible y flexible. Fig.3 Estructura de datos del newsletter La implementación tiene la funcionalidad responsiva, co...