Nicolas Bortolotti

Entradas

Firebase la simplicidad y agilidad de implementación Paso a Paso #SupportService

En este artículo vamos a implementar de forma muy elemental y simple un ejemplo basado en #Firebase sobre un modelo de soporte para comentarios aplicable a cualquier enfoque tradicional de #supportservice. Vamos a crear un simple #html con la integración Firebase y a escribir un poquito de #JS para la funcionalidad. <head> <script src = 'https://cdn.firebase.com/js/client/2.2.1/firebase.js' ></script> <script src = ' https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js ' > </script> </head> Luego vamos a utilizar una región para mostrar los mensajes y dos elementos para ingresar nombre y el mensaje de la interacción de soporte. <div id = 'mensajesDiv' ></div> <input type = 'text' id = 'nombreInput' placeholder = 'Nombre'> <input type = 'text' id = 'mensajeInput' placeholder = 'Mensaje' > ...

La autoescala un desafío con muchas aristas #ComputeEngine

7:11 p.m.

Desde diferentes aspectos los arquitectos diseñan soluciones para la escala en todo momento, un desafío con muchas aristas... algunas preguntas con las que seguro algunos de ustedes se identificará. 1. ¿Que tal si utilizo una solución de plataforma y resuelvo la escala?, esta solución que es muy útil para la elasticidad, presupuesto variable, pero debo interactuar generalmente con un #SDK. Que pasa si debo realizar algún tipo de migración? 2. ¿Que tal si utilizo una solución propia? cual es el esfuerzo de configuración y mantenimiento? tengo el equipo y tiempo adecuado? Finalmente me aseguro la escala a un precio razonable? 3 ... El objetivo de este artículo es compartir la propuesta de #GoogleComputeEngine, solución de grupo de instancias para autoescalado [ link ], una solución flexible que además combinado con balanceo de carga para entornos web es muy flexible. El hecho de poder configurar reglas para el modelo de escala le da un matiz muy interesante a esta tecnología...

#BuenosAires cuna de grandes desarrolladores? Análisis según #stackexchange

8:49 p.m.

En este articulo les quiero compartir un análisis muy simple sobre desarrolladores y su relevancia para 6 de las capitales más importantes de #LatAm. Basado en datos propuestos por [http://data.stackexchange.com/] vamos a estudiar el comportamiento de los desarrolladores de todas las disciplinas en [Buenos Aires, San Pablo, Santiago de Chile, Lima, Bogotá y Ciudad de México] Utilicé la tabla #Users, la complejidad empieza cuando el atributo #Location es una cadena bastante variable. De todas formas se pueden identificar las capitales sin problemas. Para esta muestra/snapshot un poco más de 5K de developers. Bogotá, Colombia 650 Lima, Perú 515 Santiago, Chile 750 Sao Paulo, Brazil 1845 Mexico City, Mexico 582 Buenos Aires, Argentina 1395 Total 5737 Una consulta modelo muy simple como la siguiente: Select count(*), Sum(reputation),Location from Users Where Location LIKE 'key%' Group by Location Order by Sum(reputation) Luego algunos filtros y si quieren ...

Autenticación email&pass desde #Firebase y #Android

4:07 p.m.

La autenticación es algo que recurrentemente desarrollamos para cada aplicación, tener una opción simple de administración suena muy atractivo. Hoy les quiero compartir la experiencia de integración con #Firebase. Voy a utilizar firebase-ui una librería para simplificar la integración con #Firebase. Además actualicé un proyecto que implementa algo de Material Design para proponer el flujo básico de autenticación por medio de email&pass. Primero desde la estructura del proyecto agregué la integración con #Firebase. [utilizando como pueden ver en la Fig.1 #Android Studio] Fig.1 integración Firebase en Android Studio Luego agregamos y la librería de firebase-ui en la dependencias. Fig.2 dependencias Luego agregué un botón sobre la UI actual para colocar el código de login . Fig.3 Fig.3 Layout con el botón de login Ahora solo nos queda agregar el código de implementación y hacer referencia al proyecto #Firebase. Un cambio importante que debemos implementar...

WebTechExtractor #scraping desde #python

9:57 p.m.

Conocer las tecnologías frontend de un portal web, muchas veces puede ser interesante para explicar performance o simple adopción tecnológica . En este caso las técnicas de #scraping nos pueden ayudar a concretar el objetivo. Hoy les comparto un simple modelo que permite detectar la presencia de webcomponents en entornos web. Para simplificar agregue al script la posibilidad de consultar una lista de portales y el resultado del análisis se pueda subir a un folder de #Drive .[variante totalmente opcional] Responderemos: ¿Este portal implementa #webcomponents? El script recibe una archivo.txt que contiene una lista de portales a analizar, luego creamos un archivo *.csv con el resultado del análisis. Formato de generación: [url portal],[webcomponents] *Para webcomponents este prototipo propone un True/False, dependiendo si encuentra la presencia de estos componentes. Veamos la rutina de identificación: Ahora veamos el resultado, con la carga ...

Android Análisis Reverso - Generando cambio de color para #Twitter

11:46 p.m.

El objetivo de este articulo es comprender el poder de las técnicas de #ingeniería-reversa, analizar las aplicaciones móviles desde una óptica interna y mejorar el fantástico mundo móvil. En este caso un enfoque práctico sobre #Android y como desafío tendremos, el modificar desensamblando y ensamblando la aplicación #Twitter para cambiar su tradicional color. Veamos el paso a paso del proceso: Identificamos la aplicación en el dispositivo y hacemos una copia de su #apk . Fig.1 Vamos a trabajar con #Twitter como muestra Fig.2 Fig.2 Ya tenemos el resguardo del #apk , debemos pasarlo a nuestra laptop para iniciar las operaciones. Fig.3 Como vamos a modificar el color de la barra central de #Twitter , vamos a hacer una captura para poder extraer el color exacto que nos facilitará la tarea de identificación sobre el código desensamblado. Fig.4 Luego pasamos el ensamblado a nuestra laptop y los trabajamos con #apktool. Desensamblamos el #apk con...

Hosting estático con #Firebase desde #7arquetipos15

7:33 p.m.

Hay varias maneras para iniciar una discusión sobre cómo describir una arquitectura tecnológica, pero asumiendo que simplificamos a #frontend y #backend. Uno de los grandes desafíos siempre es, incluso en soluciones móviles, cómo lograr un enfoque robusto de nuestro backend. Históricamente hablamos de modelos sobre cual se describe IaaS, PaaS, SaaS, pero ¿Podríamos decir que #Firebase propone un nuevo modelo? MaaS (Mobile Backend as a Service o Backend como Servicio) Dejamos esa discusión planteada, en este oportunidad quiero compartirles el enfoque de Hosting Estático para #Firebase. #Firebase en la actualidad tiene 3 enfoques destacables [sign-in, persistencia realtime y hosting estático] Los invito a configurar el entorno hosting estático , para este objetivo solo debemos utilizar unos cuantos comandos... firebase login [si no estamos autenticados] Fig 1. firebase login firebase init [para iniciar el repositorio, con este comando creamos el archivo son de config...

Humedad y temperatura desde #Arduino a #Firebase

6:14 p.m.

Hoy desperté con el objetivo de registrar los valores de temperatura y humedad recolectados por la placa #Arduino-Yun en #Firebase. La verdad que el mecanismo es muy simple para las primeras pruebas. Para el ejemplo utilizaré: Arduino Yun Sensor básico d DHT11 Siguiendo este diagrama para simplificar el problema: Diagrama 1, conceptual El esquema real: Diagrama 2, real Utilizaremos un esquema json para la data en #Firebase. Fig.1 esquema Firebase Veamos el desarrollo sobre #Arduino: Ahora tendremos lecturas cada 5 segundos de las temperaturas capturadas por el DHT11. Simple verdad? Humedad y temperatura desde #Arduino a #Firebase por Nicolas Bortolotti se distribuye bajo una Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional .

Un módulo #Firebase utilizando #Polymer, comercios destacados

4:52 p.m.

En busca de la simplicidad, exploraremos en este articulo realizar el desarrollo de un nuevo módulo #Polymer integrando datos desde # Firebase basado en el proyecto # modulegen (presentado en 7 arquetipos de la tecnología moderna, con base en el Polymer-Starter-Kit). El objetivo es representar en un módulo nuevo comercios destacados almacenados en # Firebase . Vemos en la Fig.1 la colección de comercios desde # Firebase , cada uno de los mismos y su ganancia general. [todos datos totalmente simulados] Fig.1 Firebase [datos] El objetivo es incorporar un nuevo módulo e incluir datos desde # Firebase . Siguiendo la Fig.2 para el proyecto # modulegen Fig.2 UI de modulegen Vamos a construir este nuevo módulo de una forma desacoplada desde el sector #elements. Vamos a incorporar un #web-component, # firebase-element y solo nos queda crear la lógica de acceso. Fig.3 Generación del módulo Miren como se ve el código completo: Cargando .... Ahora ...

Analizando Adaptative Design #Pocket app

5:17 p.m.

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