App para Bolsa

Hace unos meses publiqué una App para bolsa en Android, se trata de un calculadora del precio del pip y del riesgo, es totalmente gratuíta y sin anuncios.

El que esté interesado la puede descargar aquí:

El motivo de desarrollarla fue que no encontré ninguna solución simple para lo que realmente yo necesitaba en la práctica. O encontraba plugins para plataformas específicas, o webs o calculadoras muy complicadas, así que decidí hacerme la mía.

La “problemática” está en saber cuanto cuesta una distancia de x pips entre el precio de apertura y el precio de stop loss si llegara a tocarse. Esto en ocasiones no es tan fácil por el cambio de moneda, apalancamiento, lotes, minilotes, etc. Y está claro que cuando entramos a una operación en bolsa lo primero que queremos saber es cuanto nos va a costar esta operación si no va bien.

Una vez calculado el riesgo “plano”, al app también nos dice el tamaño de la operación basado en nuestra cuenta y al riesgo en porcentaje, que queremos asumir.

Además dispone de una versión de noticias, proporcionada por es.tradingview.com donde se listan solo las noticias más importantes de cada día.

Tecnología de desarrollo

En cuanto al apartado técnico he usado una de las técnicas que más me gusta en los últimos años y es una App híbrida sin usar framework tipo ionic y similares.

Sin extenderme mucho (quiero hacer un post sobre el tema) esto sería: una app nativa con un webview como base y usar los mecanismos nativos para comunicar el código que corre dentro del webview con la parte nativa que necesitemos.

Continuación de la aplicación

En cuanto a esta app calculadora no creo que la amplíe mucho puesto que lo que prima en ella es la simplicidad y hacer una (y media) tarea muy concreta.

 

Comparte!

Bots y Comercio electrónico conversacional desde el punto de vista informático

Tiempo de lectura aproximado: 8 minutos

 

Todo el mundo habla de los bots, en twitter por ejemplo cada pocos segundos alguien comenta algo sobre los bots: https://twitter.com/search?f=tweets&vertical=default&q=bots&src=tyah , además se comenta en los más afamados sitios de tecnología. También se habla del comercio conversacional, en twitter: https://twitter.com/hashtag/convcomm?s=09

¿Qué es? ¿Cómo funciona? voy a hacer una breve introducción y a tratar de darle un enfoque desde el punto de vista informático, no solo hablar de las posibilidades de futuro y así tratar de hablar de cómo funcionan por dentro sin que des un cabezazo sobre el teclado del aburrimiento.

¿Qué es un bot?

La traducción literal de bot es “larva de moscardón” 🙂 pero evidentemente no es de lo que habla todo el mundo. Normalmente se habla de “bot” como aféresis de “robot” y no es más que un pequeño programa informático que intenta imitar el comportamiento humano.

Partiendo de esta base, bots hay de muchos tipos, creo que los dos más extendidos son los “asistentes virtuales” y los “conversacionales”, veamos un poco de historia y después veremos en que consiste cada uno y como funcionan.

Algo de historia

microsoft-word-paperclipLos bots han existido de siempre, no es cosa moderna. ¿Quién no recuerda el fastidioso clip de Word? No estaba muy conseguido pues era bastante molesto, aunque seguramente serviría a mucha gente, creo que salía cada vez que quería usar una característica que no habías usado antes, ¡eso es un bot!, un asistente virtual, programado para reproducir un tutorial cada vez que usas algo nuevo. El concepto en si es bueno, y además lo hacen de forma simpática, sin embargo no caló mucho en los usuarios de Microsoft.

¡Y tanto que han existido!, puedo remontarme mucho más atrás en el tiempo y ya recuerdo alguna especie de bot conversacional que se usaba en la linea de comandos… ¡si! en MSDOS, esa pantalla negra con letras blancas en la que todo se basa en escribir. De esto podría hacer unos 20 años o más. Así que el concepto de bot tal y como se habla hoy, es muy antiguo, entonces, ¿porque ahora se está haciendo famoso?

Si a alguien le interesa aquí: http://www.caad.es/jarel/aventuras.html se pueden descargar algunos “bots” para MSDOS, convertidos en juegos, “aventuras”. También aquí hay un juego online: http://iplayif.com/?story=http://caad.es/jarel/games2/domador.z5

¿Por qué ahora se están haciendo famosos?

Creo que los bots de siempre han tenido un potencial grandísimo que nadie ha sabido explotar (o mejor dicho, aún le queda mucho por explotar) y es ahora cuando se está tratando de conseguir.

Además “los grandes” ya llevan unos años popularizándolos:

siriSIRI

El bot de Apple, creo que su principal motivo de “éxito” (muy cuestionable) es que viene integrado en su sistema, en los iphones e ipad para “llamarla” basta con dejar pulsado el botón central y usando la voz le puedes preguntar lo que quieras en una especie de conversación, es decir, es un bot conversacional pensado como asistente virtual, luego está que te responda lo que quieres.

now-cardGoogle Now

Este es el bot de Google, aunque claro está Google no iba a hacer algo parecido y es un asistente virtual “proactivo”. Como SIRI, está integrado en el sistema (al menos en las versiones limpias de Android. Este bot tiene un apartado en el que van apareciendo cosas que considera interesantes para ti, algunas lo serán y otras no, te permite hacer que no te vuelva a ofrecer cierta información porque no te interesa. De las cosas más curiosas es que te avisa cuando tienes que salir para el aeropuerto porque tienes un vuelo, si este se ha retrasado y la puerta de embarque.

Por otro lado también puedes hablarle en cualquier momento y pedirle lo que quieras diciendo las palabras “Ok google” y a continuación lo que quieras saber. No es conversacional aunque tiene tintes de ello pues en algunas respuestas el bot responde con voz, en otras muchas simplemente te da los resultados de búsqueda.

Cortan+Android+fullbleed-jtCortana

El bot de Microsoft, intentando mejorar las virtudes de su “clip” :), este no lo he probado mucho, pero parece ser muy al estilo de SIRI. Algo que destacar es que viene preinstalado con Windows 10, lo cual puede hacer que se use bastante, no en mi caso desde luego :).

PD. Lo acabo de volver a activar para probarlo bien 🙂

Si todos esto tienen un éxito relativo, y ya existen desde hace tiempo, porque los últimos meses todo el mundo empieza a hablar de ellos como una revolución.

La revolución: Comercio electrónico conversacional

Todo lo que se está hablando sobre la nueva revolución es por mezclar los bots, con algo que si que está revolucionando nuestras vidas en los últimos años… EL CHAT.

Así pues están surgiendo todo tipo de ideas y apps ya funcionando con millones de fans haciendo uso de esta mezcla CHAT + BOT … Los Chat bot. Como hablar por chat es algo que ya tenemos asumido y todos sabemos como usar, podríamos conversar con un bot para obtener lo que queremos, algo así como SIRI mezclado con Google Now.

Por ejemplo en el futuro podríamos tener en nuestro listado de chat un bot que nos devuelva noticias y podamos preguntarle sobre algo que queremos saber, esto ya lo hace la app Quartz. Como decía Eduardo Manchón en su post, ¿Por qué no usar un bot para rellenar formularios?… bien pensado puede ser muy natural el responder preguntas en una línea de chat en lugar de rellenar una serie de casillas. Podría ser algo así:

li67l

Las posibilidades son infinitas, aunque podría pasar como pasa con muchas cosas en tecnología, que acaba por quedarse en nada o en poco, o por el contrario que todo sea vía Chat.

Por lo pronto los principales chats (menos Whatsapp por ahora) incorporan bots en sus apps: Slack (fué de los primeros), Facebook, Telegram, Line, Kik, etc… Otros como WeChat intentan ya hacer que sirva para todo.

Aquí te pongo un ejemplo de como podría pedirse comida a burger king en un bot de Facebook:

Ahora vamos con el apartado principal que motivó la escritura de este post, ¿Cómo funciona?

¿Cómo funciona un bot?

Como hemos dicho antes tenemos dos tipos principalmente, los que te ofrecen información proactivamente y los conversacionales.

Los que ofrecen informaciòn y resultados de búsqueda como Google Now son bastante “simples”. Tiene parametrizados una serie de servicios que ofrecen a sus usuarios en el horario que el bot considera que les es de más utilidad. Por ejemplo, Google Now te dice cuanto vas a tardar en llegar al trabajo con el tráfico actual, y te lo “dice” pocos minutos antes de que salgas para el trabajo, el como sabe google cuando vas y donde a tu trabajo es otro tema, pero el bot se ocupa de mostrártelo. Igual con el resto de servicios que disponen (que irán aumentando se supone): resultados deportivos, meteorología, acciones y últimamente las últimas entradas de las páginas que más visitas.

Solo hablo de Google now porque es el que más conozco pero el 99% se basan en la misma filosofía informática.

Por otro lado Google Now también tiene un micrófono que al pulsarlo escucha lo que dices, y lo transcribe, SIRI y Cortana igual.

Una vez tienen la frase de voz en texto (no siempre aciertan :)) buscan en la frase “keywords”, es decir, palabras clave que le hagan saber al bot que servicio estamos pidiendo, si no encuentra ninguna, Google simplemente da los resultados de búsqueda, igual que si buscásemos la frase en Google, casi siempre poco relevante.

Me gustaría hacer entender lo complicado que resulta esto en cuanto a programación, porque cada uno dice (o escribe) las cosas a su manera y el bot debe tratar de entender lo mismo dicho de una forma o de otra, por ejemplo:

Queremos saber la predicción meteorológica en nuestra localidad. Podemos decir o escribir todas estas opciones que el bot debería tratar igual:

“predicción meteorológica para málaga” “temperatura en málaga” “meteorología para hoy en málaga”

Lo que los bots tratarán de hacer es identificar palabras clave en la frase enviada, por ejemplo en el segundo ejemplo:

temperatura en málaga

La palabra clave principal es temperatura, lo cual le dice al bot que estás pidiéndole la predicción de temperatura. A continuación ha identificado el keyword málaga que es una población, por lo que el bot une los dos conceptos y entiende que quieres la predicción en málaga.

Todo esto para este caso concreto, imagina tener en cuenta la forma de escribir de cada uno, con sus errores o sus expresiones y el bot debería tratar de identificarlo, y estamos hablando solo de España, temperatura, Español… imaginaros todo esto en el mundo, lenguajes, dialectos y 100 o 1000 servicios. En definitiva requiere de una base de datos gigantesca que agrupe conceptos y los asigne a servicios. En esto se podría programar al bot para que esté preparado para responder a cualquier cosa. Por ejemplo SIRI responde de formas “casi humana” cuando se le pregunta por temas “humanos” como por ejemplo “de que color son tus ojos” responde “se ve que no tengo ojos” el bot está preparado para responder a estas preguntas explícitamente, con estos fríos datos espero no romper las ilusiones de nadie 🙂 pero todo… cada respuesta “original” está programada de antemano.

Así pues, este tipo sería una interface con un cuadro donde el usuario pueda escribir lo que quiera. Una base de datos enorme con todas las keywords que sean necesarias y una inteligencia que sea capaz de buscar estas keys en la base de datos y obtener el servicio al cual están relacionadas estas keywords.

Conversación con opciones

Otra opción de “conversar” es simplemente que el sistema solo te deje escribir cuando debas hacerlo y que te pregunte solo keywords, por ejemplo te pegunta “¿Eres hombre o mujer?”, en lugar de dejarte escribir lo que quieras, solo te aparecen dos botones: uno hombre y otro mujer, sino podrías escribir “libélula” y el bot tendría que estar preparado para responder a eso…

De esta forma, informáticamente solo tienes que tener un “hilo” lógico de proceso, por ejemplo, “hilo de registro”: el bot comienza a explicarte que te vas a registrar y en el código pasamos por una serie de puntos en los que espera la respuesta del usuario la almacena y pasa al siguiente punto. El usuario podría terminar el proceso en cualquier momento porque no le apetece registrarse, en el código tendríamos que salir de estos pasos. Se me ocurre que si el usuario no quiere continuar, el bot podría recordarle al usuario que si le escribe “quiero registrarme” puede volver a hacerlo.

Así que este sería un nuevo servicio “registro”. En el código en primer lugar el bot tiene que estar preparado para recibir esta keyword: “registro”, “registrarme” …. Cuando la captura comprueba si el usuario ya está registrado, si lo está podría sacar un mensaje gracioso como … “Pero si ya te tengo localizado! no tienes que volver a hacerlo”, si no lo está puede volver a entrar en la serie de puntos que comentábamos antes para que el usuario quede registrado. Repito… posibilidades infinitas.

En Shopping Leeks no nos quedamos fuera

En Shopping Leeks ya estoy haciendo pruebas con respecto a esto como ves en esta demo:

 

En una interface de Chat el bot va describiendo al usuario lo que tiene que ir rellenando en cada momento. Con lo que no nos perdemos en una página con varios campos a rellenar que ya nos aburren, simplemente nos dejamos llevar por lo que estamos acostumbrados a hacer: Conversar.

Por ahora no lo vamos a integrar pero quizás si en un futuro próximo.

El proceso es tan fácil que es casi imposible que el usuario se pierda, aun así… si lo hace, nosotros manualmente podemos “parar el bot”, tomar el control y terminar el registro del usuario.

Conclusión

Como ves pinta bien todo lo que se puede pensar sobre los bots, a veces tengo un brain storming personal 😛 pensando en las posibilidades. Pienso que habrá que ir viendo como actúan los usuarios para saber si esto va a funcionar de verdad… como siempre algo puede ser fantástico, pero si no se usa no sirve para nada.

Comparte!

¿Qué ordenador me compro y dónde?

Tiempo de lectura aproximado: 8 minutos

 

Esta pregunta me la hacen cada cierto tiempo mis colegas y familiares y mi respuesta es siempre la misma: depende del uso que me vayas a dar y evidentemente también del presupuesto.

En base a esta reflexión podemos definir cuatro tipos de usuarios según su uso:

  • Sólo navegar, correo y poco más (el más común)
  • Trabajo: excel, photoshop básico o similar.
  • Trabajo intensivo desarrollo de apps, photoshop avanzado ó gamer light
  • Hard gamer, diseñador gráfico, editor de vídeo.

Vamos a ver que PC le va bien a cada uno, voy a enfocarlo de forma práctica teniendo en cuenta un presupuesto ajustado y otro más amplio, dejando de lado los llamados “PCs de sobremesa”, iMacs e Macs mini, para centrarme en los portátiles que agrupa el 90% de las preferencias.

Primero una introducción sobre marcas.

Las marcas en Windows, Mac, Linux, Chrome…

Hablando sobre marcas como siempre hay de todo, pero esto sirve para aclarar a los que menos saben.

mountain-portatil-slim-14-03Windows hay de todos los precios, modelos y marcas, más bonitos y más feos, además ahora los hay táctiles, 2 en uno que son tablet y pc, etc, aquí la verdad es lo que te quieras gastar y según el uso que le des, al haber tantos tipos tienes donde elegir. Las marcas que más recomiendo son Mountain, Lenovo, Asus, Toshiba, PackardBell, Acer, Samsung, Sony, MSI, HP… más o menos en orden, de mejores a peores (a mi juicio, según mi experiencia).

650_1000_dell-xps-13Aunque venden linux pcs directamente, lo habitual es convertir cualquier PC en un linux, porque es un sistema operativo que se instala en casi cualquier máquina, además el sistema operativo es gratuito. Este es un sistema para… digamos… muy fiebres de los sistemas operativos, para sacarle el máximo partido requiere algo de conocimientos. Pero aunque podría ser válido para cualquier área de las que vamos a tratar, tampoco es específica de ninguna, sin embargo es una alternativa gratis de renovar tu PC.

MacBookProMacOS, el sistema operativo de Apple, y solo se puede instalar en sus PCs. Por lo tanto tienes que tener un Mac para usarlo, son PCs bonitos aunque bastante caros, dependiendo para lo que lo necesites es recomendable o no… lo vemos en los siguientes apartados.

MacOS teóricamente solo se puede instalar en Macs, pero hay muchas alternativas para tenerlo instalado junto con un windows o un linux, por ejemplo usando “virtualizadores” como VMWare o VirtualBox, de los que escribiré un post. Otra opción es haciendo un “Hackintosh” que es tener un PC “normal” con MacOS instalado como sistema único.

-15827ChromeOS es el sistema operativo de Google para sus PCs, no es más que una
distribución personalizada de Linux que solo ejecuta el navegador de Google, es decir Chrome, y en el que se pueden ejecutar Apps de Chrome, de las que ya hablé en este post. Son PCs bonitos, ligeros y de precio muy asequible, los más famosos son los que hace Samsung, solo tienes que pensar si tu necesidad de PC se resume solo a lo que te puede dar el navegador, que la verdad, con Chrome es mucho.

Ahora dividamos por la necesidad de comprar un PC:

Sólo navegar, correo y poco más

Si solo lo vas a usar para esto quizás deberías plantearte si realmente lo que necesitas es una tablet, las tienes desde 300€ hasta 1000€ (los ipads pro), pero claro, está el handicap de escribir todo en la pantalla, que no es cómodo. También están proliferando las opciones híbridas de dos tipos: Comprarle un teclado a la tablet, que la mayoría de veces no es cómodo porque el teclado no se ajusta de forma robusta a la tablet y la otra opción serían los mini PCs táctiles, con un robusto teclado unido a la pantalla que incluso se oculta, este último es el caso del Lenovo Yoga por ejemplo, está desde 400€, los teclados para las tablets, incluso para los ipads están desde 20€ los más baratos hasta 120€ los realmente buenos.

54900-img_5608Si lo que quieres es un PC lo que deberías buscar es algo no demasiado grande y que pese poco, para que lo puedas usar tanto en una mesa como cómodamente en el sofá sobre las rodillas. Si bien comentábamos que el teclado es importante, tampoco es necesario que sea especialmente grande y pesado.

Para este tipo podría ser recomendable un ChromeBook.

Ojo con los pcs muy baratos, nos asombra lo baratos que son y después al tiempo nos asombra lo lentos que van y nos quejamos de que los Macs son mucho mejores… ¿porque cuestan 5 veces más? 🙂

Así pues centrándonos en pcs y dividiendo por presupuestos:

Solo navegar
Presupuesto reducido Amplio presupuesto
120€~200€ 250€~500€
RAM 4gb 8gb
HDD (Disco Duro) 500GB 1TB
Pantalla entre 7 y 10 pulgadas entre 7 y 10 pulgadas

El resto de características nos deben dar un poco igual si encajas en este perfil. Se que muchas personas se agobian con todos los datos que dan pero hay que ser realistas, ni nos van a dar una super característica por un precio bajo, ni nos van a intentar timar pagando demasiado (siempre y cuando compremos en un sitio de confianza… último apartado).

Trabajo “light”

laptop_park-18973Este tipo como el anterior es muy extendido, mucha gente quiere un portátil para trabajar y este trabajo requiere de poca potencia, por ejemplo para usar excel, Word o parecido.

Para este tipo de uso recomendaría optimizar la transportabilidad, es decir que no pese mucho y sea pequeño aunque no demasiado para poder trabajar cómodamente y que a la vez puedas usarlo en el sofá, en el tren, bus, etc…

Para este perfil también podría usarse un ChromeBook sin embargo, podría quedarse justo usar las Apps de Google para trabajar, aunque bien es cierto que cada vez son más completas y funcionan mejor.

Trabajo light
Presupuesto reducido Amplio presupuesto
250€~400€ 400€~700
RAM 4gb 8gb
Disco Duro HDD 500GB SSD 128GB
Pantalla unas 10 pulgadas entre 10 y 13 pulgadas

Trabajo intensivo

stressed businessman sleeping on a laptop. Studio shot

En este apartado ya vamos hablando de palabras mayores, y además el pc pasa a ser una herramienta casi imprescindible por lo que habría que intentar gastarse un buen dinero para tener una buena herramienta… esto nos hará ganar en tiempo y sabemos que el tiempo es oro.

En mi caso decidí cambiar de PC cuando me di cuenta de que me quedaba más tiempo esperando la respuesta del pc que el a mi… algo no me cuadraba, perdía el tiempo y tenía que invertir en una nueva máquina.

Una de las características que mejora la máquina de forma bastante económica es la RAM. Muchos pcs vienen con 4GB y nosotros mismos podemos duplicarla de forma muy fácil y por unos 50€ más, también podemos buscar el mismo modelo pero con 8GB. Algunas marcas como Mountain montan los portátiles al gusto del cliente y puedes pedir la RAM que quieras y por el precio que cuesta la RAM, sin ningún plus absurdo.

Este suele ser un apartado también para los desarrolladores de Apps (tan de moda ahora :P) y para eso conviene una pantalla grande, sobre todo si vas a desarrollar Apps para iOS porque Xcode requiere de mucho espacio en pantalla. Tanto la pantalla como la RAM son buenos compañeros para los editores y fotógrafos de Photoshop y fotógrafos con Lightroom, además en cuanto a la pantalla comienza a ser aconsejable que sea IPS (los colores son mucho más realistas, además de otras características). También por supuesto la pantalla debería ser FullHD, para poder verlo todo con calidad y en el caso de la programación verlo nítido. Otra alternativa que muchos usamos para la pantalla es tener un monitor bien grande al que enchufamos el portátil, de esta forma la pantalla del portátil pierde protagonismo.

Y ahora características principales vs presupuesto.

Trabajo intensivo
Presupuesto reducido Amplio presupuesto
500€~600€ 800€~1000
RAM 8gb 16gb
Disco Duro HDD 1TB SSD 128GB + 1TB
Pantalla 15 pulgadas 15/17 pulgadas IPS mate

Hard gamer, diseñador gráfico, editor de vídeo.

video-editing-bayAquí si que ya hablamos de todo lo mejor que puede llevar un portátil, por lo tanto hasta el presupuesto reducido va a ser un poco elevado, pero hay que ser realistas si vamos a usarlo para alguno de estos desempeños necesitamos mucha potencia si no queremos estar esperando contínuamente la respuesta de la máquina… es más, no solo la respuesta, sino que realmente funcione el software que necesitamos para ello, hay que gastar dinero.

Con Hard gamer me refiero a querer usar los últimos juegos y hacerlo a tope de gráficos, esto requiere mucha potencia y velocidad. Y por otro lado los portátiles se calientan muchísimo con los juegos potentes, porque mantiene mucho tiempo al máximo al procesador (el cerebro) y la tarjeta gráfica (se ocupa de que todo se vea bonito y rápido en pantalla) con lo que todo se calienta mucho, además al ser portátiles interiormente todo es muy pequeño y difícil que corra el aire. Sería interesante que para los gamers tuviera una refrigeración muy buena, tan crítico es el tema que muchos gamers optan por pcs de sobremesa. Hay marcas especializadas para los Gamers, tanto Mountain que tiene máquinas potentísimas  y las marcas especializadas son MSI y Alienware. También están Acer y Asus, pero a mi juicio no tan especializadas.

Diseñador gráfico sería el uso intensivo de Photoshop, inDesign, Lightroom etc etc… y requiere sobre todo muchísima memoria. Para haceros una idea hay ciertos objetos en photoshop que a poco que usemos empieza a bajar el rendimiento si no tienes muchos megas de RAM, y los diseñadores tienen archivos Photoshop que fácilmente llegan a los 100 MB, esto descomprimido en memoria que es como va rápido pueden ser gigas, y solo el archivo, después también está el software. Aquí también englobaría  los fotógrafos profesionales, con un uso intensivo de Lighroom, Aperture, etc

El editor de vídeo es otro desempeño que necesita mucha potencia para trabajar de forma profesional y que al terminar un proyecto (renderizar) no tarde varios días, sino que quede listo en horas. También que la edición sea muy fluida, el rendimiento de la máquina baja mucho a medida que usemos varios efectos, transiciones, chroma… etc. Además los tiempos van avanzando y cada vez más calidad y características, por ejemplo el video 4K, el 3D, Realidad Virtual… etc etc.

Y por último “la multa”:

Tope
Presupuesto reducido Amplio presupuesto
1.000€~1.200€ 1.800€~3.000
RAM 8gb 32gb
Disco Duro SSD 128GB + 1TB SSD 512GB + 4TB
Pantalla 15 pulgadas 15/17 pulgadas IPS mate

¿Dónde comprar?

where-to-buy-Balla-PowderEsto también depende de los apartados anteriores, digamos que para los dos primeros tipos: Navegar y Trabajo light. Puedes comprarlo “en cualquier sitio”, tanto supermercados, como tiendas de barrio o tiendas online, al no ser muy especializado hay mucho y a buen precio.

Para Trabajo intensivo los centros comerciales empiezan a subir mucho el precio, sus “tope gama” que sería para este perfil, tienen el precio por encima del que le corresponde simplemente por ser su máximo. Recomendaría ir a una tienda de barrio o internet.

Para el último tipo “gamer, imagen, video“… Si que buscaría un sitio especializado, en el caso de Apple en sus tiendas, en el caso de Mountain en su tienda en internet (el único sitio donde se pueden comprar los mountain) Y para el resto de alternativas tiendas en internet.

¿Y en internet donde concretamente?

De supermercados no me gustaría hablar… todos los conocemos todos, pero las tiendas en internet son una jungla (os lo dice alguien que hace un montón de años tuvo una tienda en internet) y os puedo dar algunas referencias concretas. No quiero decir que el resto estén mal, simplemente de las que hablo son por que las he probado y tengo buenas experiencias.

PCComponentes: Me encanta esta tienda, son rapidísimos y no tienen mal servicio de atención al cliente. Si algo lo tienen en existencia y lo pides antes de las 18:00, si vives en una ciudad más o menos grande al día siguiente lo tienes en casa… muy bien y mucha variedad, precios ajustadísimos.

Mountain: Aquí solo puedes comprar PCs de su marca, como es normal. Son muy profesionales y puedes configurártelos a tu gusto, siempre que puedas pagarlos porque sus modelos empiezan en los 800€, aunque los valen porque son buenísimos.

Coolmod: Hace mucho que no compro en esta tienda pero las veces que lo he hecho no ha estado mal.

Apple: Funcionan bastante bien y tienen los mismos precios en las tiendas.

RedCoon: Aquí tienen electrónica de todo tipo, no muy especializados, por lo que encajaría con los dos primeros perfiles. Como tienda funciona muy bien, incluso las devoluciones muy ágiles.

Amazon: Evidentemente un sitio de referencia para todo tipo de electrónica, el único problema es que es tan enorme que es fácil perderse, hay que tener muy en cuenta los comentarios. Tanto que hay de todo… hay un portatil MSI por 4.400€ Y a simple vista no es para tanto 🙂

En cualquier caso si queréis preguntarme cualquier cosa… sin problema.

Comparte!

Editores de código

Nuevo post tras mucho tiempo… es lo que tiene ser padre por duplicado… ya escribiré un post sobre esto… cuando tenga más experiencia.

Algo que tenía apuntado para comentar solo interesa a programadores y también a aquellos que los tienen a su cargo para poder alabarles o rebatirles algo en algún momento. También sirve como cultura general sobre programación.

La mayoría de estos están en Windows, Mac y Linux, si solo está en un sistema lo aclararé.

Eclipse

install-eclipse-ide-for-java-developers-03

https://eclipse.org/

Un editor de código generalista, que mediante paquetes puede editar multitud de lenguajes, a destacar: Java, PHP y Android. Además también al ser de código abierto hay multitud de editores que claramente están basados en Eclipse, como por ejemplo el primer editor de Android que sacó Google, o también la primera plataforma de desarrollo de Apps Titanium.

El diseño es agradable y viene con muchos atajos que ayudan al programador, sin embargo, puede parecer muy “recargado” y lento para pequeños desarrollos, además soy de los que piensa que “el que mucho abarca poco aprieta”, y cada lenguaje tiene un editor estrella.

Aunque hay editores que es muy válido editando varios lenguajes y los hay que no es bueno para ninguno… más adelante.

Tiene muy buena gestión de proyectos, como he dicho antes dispone de multitud de plugins.

phpDesigner

http://www.mpsoftware.dk/phpdesigner.php

syntaxhighlightingUn gran desconocido a mi juicio. Me he dedicado durante muchos años a programar en PHP (un gran maltratado) y este editor es de lo que más me ha gustado hasta que conocí Sublime Text del que hablo más adelante.

Tiene muy bien integrada la ayuda, y el autocompletado es bastante bueno.

Otro posterior que tengo pensado es sobre lenguajes de programación.

Algo que sucede con normalidad en el desarrollo web avanzado (por ejemplo) es la mezcla de distintos lenguajes. Es habitual encontrar PHP, javascript y HMTL juntos, pues este editor detecta el lenguaje sobre el que está el cursor, lo colorea con su formato y el resto de código distinto lo pinta en gris, con lo cual puedes ver muy rápido donde tienes el PHP o donde el HTML. Además posee un robusto y rapidísimo debugger “al vuelo”.

Tiene un gestor de proyectos decente y viene preinstalado con muchos plugins como cliente FTP, browser, etc.

Evidentemente está especialmente indicado para editar código PHP.

Dreamweaver

http://www.adobe.com/es/products/dreamweaver.html

dw-wt-3Me cuesta hablar de este editor porque lo tengo en muy mala estima. Nunca he podido usarlo más allá de una hora puesto que siempre me encontraba con sorpresas conforme iba desarrollando código. Es un multi editor, tiene multitud de lenguajes: PHP, java, javascript, coldfusion, etc.

Una característica que posee es la inserción de trozos de código, en ocasiones los introduce a conveniencia del editor lo cual resulta muy molesto.

Además no es un editor liviano precisamente y resulta lento en la carga y en el debugado.

Por decir algo bueno es que tiene una forma de desarrollo en la cual ves “al vuelo” como va quedando el código que vas desarrollando.

Es de la empresa Adobe (antes de Macromedia) que como se sabe están enfocados en temas multimedia (photoshop, after effects, prelude, acrobat…) a mi entender no le pega mucho este producto.

Sublime Text

B7cXd

https://www.sublimetext.com/

Este es uno de esos casos que ves que se habla mucho de el y tu te preguntas “¿por que será?”, y cuando lo pruebas te das cuenta le lo mucho que has tardado en probarlo 🙂

Dicen ser un editor de lenguajes de programación hecho por programadores, y la verdad que se nota porque vas encontrando multitud de cosas que en otros editores siempre dices “ojalá pudiera hacer esto” pues con sublime seguro que se puede hacer, de hecho tiene infinitos plugins.

Al principio cuando lo instalas no parece gran cosa porque está muy “vacío” sin embargo descubres el importador de paquetes integrado que hace posible instalarle los plugins que quieras, hasta ahora me ha ocurrido algo que me gustaría, buscarlo en la biblioteca de plugins y encontrarlo.

El autocompletado merece de especial atención porque al crear un archivo te va generando una biblioteca de palabras y después cada vez que las repites te las recuerda, al principio parece una tontería y es algo impresionante. Además instalando una pequeña extensión, esta biblioteca de palabras puede ser de todos los archivos abiertos.

No todo es bueno (o no he encontrado plugins adecuados), por ejemplo me parece que no sirve para aprender un lenguaje pues la ayuda no está integrada, a mi por ejemplo me costó un poco encontrar un buen debugger de PHP. Tampoco me gusta la gestión de proyectos, se me hace confuso que abra ventanas separadas, y el navegador de archivos tampoco es muy bueno.

Con este ya dejamos los “multi editores” y os presento a dos editores especializados.

Xcode

1411058188-xcode-6-header

https://developer.apple.com/xcode/

No me gustaría hablar demasiado mal de este editor puesto que… se me echaría mucha gente encima, pero realmente lo que peor me parece es la arquitectura general (y sobre todo de diseño) de Ios, y no su editor.

Dejando un lado mis diferencias con ios, el editor es bastante completo aunque a mi juicio en ocasiones es muy complicado saber donde está cada cosa y hay que estar continuamente usando buscadores en cada apartado para encontrar aquello que quieres modificar.

Las “batallas” andoid/ios ya las comentaré en otro post.

En proyectos grandes se hace pesadísimo sobre todo el apartado del storyboard, porque lo han hecho todo tan visual que a mi juicio contrarresta en agilidad para el desarrollador. Tanto es así que en ocasiones hay que reiniciar el programa porque se queda congelado.

Evidentemente Xcode solo está para Mac porque solo se pueden desarrollar Apps para Ios utilizando sus máquinas.

Algo que me parece especialmente molesto es que está pensado para pantallas muy grandes sino te obliga a estar ocultando barras laterales e inferior para tener un espacio de trabajo decente, y en ocasiones esto es un problema cuando, por ejemplo, quieres arrastrar el vículo de un botón desde el story board al código.

Me parece agradable a la vista con lo cual está bien para pasar muchas horas delante.

Antes decía que pasamos al apartado de especialistas en cuanto a lenguajes se refiere pero realmente hace un año aproximadamente con Xcode se pueden desarrollar Apps con dos lenguajes: Objetive-C y Swift.

Android Studio

http://developer.android.com/intl/es/tools/studio/index.html

How-To-Make-Android-Apps-With-Android-StudioNo quiero que se me note demasiado mi predilección por android, pero creo que va a ser imposible.

Google empezó hace unos años usando Eclipse como plataforma para desarrollar Apps, después se dieron cuenta de las limitaciones y ahora su plataforma está basada en Intellij IDEA.

Un poco lenta en la carga y por supuesto la siempre lentísima compilación y emulador, quitando esto el editor es muy rápido, incluso en grandes proyectos con complejos diseños. El resaltado de código es muy agradable y la búsqueda está muy accesible.

Especialmente destacable la función “find usages” que encuentra en todo el proyecto donde se usa cualquier cosa: función, variable, recurso, color, imagen, etc. La refactorización de nombres también es muy útil para cambiar nombres en todo el proyecto. Impresionante es la visualización de una vista en tantas pantallas como quieras, a la vez y en apaisado o vertical.

Como era evidente, Android Studio se puede usar en Windows, Mac y Linux, porque así lo permite IntelliJ.

 

Comparte!

Cómo hacer una extensión para Google Chrome parte 2 – creando una extensión desde cero

Después del post introducción a las extensiones de Chrome tenía bastantes ganas de hacer la segunda parte. En esta vamos ha hacer una extensión desde cero.

Como os comenté en el otro  post, en lugar de hacer un “hola mundo” típico, prefería hacer algo más útil y a la vez encontré algo que me servía a mi para promocionar el blog. Es una extensión en la que se podrá acceder a los últimos posts de mi blog y que además cuando haya uno nuevo avise (sin molestar 🙂 ).

Pulsa en la logo para instalarlo y ver como funciona:

Instalar la extensión en Chrome

Si además quieres saber como lo e implementado, sigue leyendo:

¿Por donde empezamos?

En general la extensión tiene 2 códigos separados: Uno que se ejecuta cuando se pulsa en el icono para abrir la extensión y otro que se ejecuta cuando se abre chrome y comprueba cada cierto tiempo si hay un nuevo post.

Para que la extensión lea cómodamente el contenido de mi blog, he instalado este plugin que permite leer el contenido en JSON:

JSON API

Como ya dije en la primera parte, una extensión no es más que una web un poco especial. Así creamos una carpeta en vuestro PC con el nombre de la extensión, en mi caso la voy a llamar (en principio) “Juan Ramón Jiménez Quick WordPress reader”, dentro de esta carpeta tengo los siguientes archivos:

listado de archivos

Ahora expliquemos cada archivo por separado.

manifest.json

Este es el archivo de descripción de la extensión, contiene los permisos que necesita y los archivos que ejecuta y tiene la siguiente pinta:

 

No quiero explicar todo punto por punto ni todas las posibilidades porque extendería demasiado el post, pero si lo más importante que he hecho.

Todo el contenido de este archivo es muy importante, cualquier cosa que no definamos bien aquí puede provocar que nuestra extensión no funcione correctamente.

El “content_security_policy“, le dice a Chrome cual es la “política de seguridad”, en este caso está puesta la política por defecto y además ‘unsafe-eval‘ que le permite a la extensión ejecutar el comando “eval” y todos sus derivados.

El name, version y description sirven para entre otras cosas mostrarlo en la lista de extensiones en Chrome.

Debemos crear 4 iconos, iguales pero de distinto tamaño. Como ves hay definidos tres: 16px, 48px y 128px ancho por alto, y además, más abajo hay otro “icon.png“, este debe tener 19px. Este último es el icono que se mostrará en Chrome y será el que pulsen los usuario para abrir la extensión.

El “browser_action” es el que define las acciones que realiza nuestra extensión, en este caso definimos que tiene un icono, que cuando el ratón está encima muestra el texto “default_title“, y que al pulsarlo mostrará un popup contenido en el index.html que tenemos en nuestra estructura de archivos.

He definido dos permisos “alarms“, que es lo que permite a la extensión crear una alarma (luego explicaré para que) y permiso para “juanramonjimenez.es” que es el que permite a la extesión leer datos de esta url, aquí podríamos usar el permiso http://*/* que hace que la extensión pueda leer datos de cualquier url que se visite.

Por último definimos el que será nuestro proceso en segundo plano en “background” que es el archivo alarms.js, esto hará que cuando el usuario abra Chrome, ejecutará este archivo y lo dejará cargado en segundo plano mientras navegamos.

alarms.js

Primero explico lo que hace y después pongo el código completo comentado. Como ya dije será un proceso en segundo plano. Crea una referencia a la base de datos local y crea una alarma que se ejecutará cada 60 minutos. El resto son las funciones que llaman al plugin de JSON del WordPress para leer los posts y la lógica que comprueba si hay entradas nuevas y ponen el icono rojo en el logo de la extensión para advertir al usuario.

index.html

Esta es la “web” que se mostrará cuando se pulse en el icono de la extensión, es muy simple solo carga la hoja de estilos, los scripts loadDB.js y app.js y pone la estructura html para que se listen las entradas.

loadDB.js

Este archivo tiene la lógica necesaria para crear la base de datos y la variable de la instacia a esta para poder leerla o insertar nuevos archivos. Realmente no es necesario porque solo se una en el index.html pero si decido ampliar mi extensión y ponerle otros apartados en los que se accede a la base de datos local.

Veréis que el archivo alarms.js empieza exactamente igual, y esto es porque JavaScript no provee de ningún método estandar para hacer “includes” de archivos (de los pocos fallos de javascript 🙂 )

app.js

El archivo es bastante simple, únicamente lee las entradas existentes en la base de datos local y los inyecta en el html de la extensión.

 

estilos.css

Finalmente la hoja de estilos que le da el diseño a la extensión.

Ya con todos los archivos lo único que falta es instalarla en nuestro Chrome.

Instalar la extensión en nuestro Chrome

mantenimiento

Tienes que pulsar en menú, dentro configuración, ahí en el menú de la izquierda tenemos el menú de extensiones. Como ya expliqué hay que activar el modo desarrollador. Pulsamos en “Cargar extensión desempaquetada” y seleccionamos la carpeta en el disco duro que contiene todos los archivos anterior. Si lo has hecho bien verás el icono nuevo en la barra de extensiones, al pulsarlo ejecutará la extensión y verás las entradas del blog.

Ya con todo hecho…

¿Y que más?

Dejamos para futuros posts dos apartados muy importantes: Uno de depuración de la extesión, mediante la cual podemos comprobar internamente como funciona, los fallos que salgan, como guarda los datos en la base de datos local… etc. Y lo otro que dejamos es subir la extensión a la tienda.

Conclusiónwrench-fig11_x002

Como ves si sabes hacer una web y sabes un poco de javascript puedes hacer una extensión de Chrome. En mi caso me ocurre mucho que estoy navegando y se me ocurren cosas que desarrollar, porque me sirven a mi, y probablemente le resulte interesante a más personas, porque aunque ya haya otra extensión que haga lo que se te ha ocurrido tu siempre lo puedes hacer mejor o darle tu estilo.

¡A programar!.

 

Comparte!

Configura tu cámara reflex

Hoy en día con tantos programas informáticos a nuestra disposición es fácil retocar una foto después de tomarla, pero no siempre se podrán conseguir los resultados deseados usando solo la edición, o dicho de otra forma, habría que forzar tanto los parámetros de la foto que el efecto final no quedaría bien. Es por esto que mientras mejor configuremos la cámara en el momento de tomar la foto, menos habrá que retocar, al menos para “corregir”.

Como siempre digo a mis amigos soy un simple aficionado pero he adquirido bastante experiencia haciendo y retocando miles de fotos y en este proceso es donde se descubren las cosas que se leen en la teoría. Es realmente en este proceso donde se aprenden y quedan grabadas. Voy a tratar de escribir algo de ese conocimiento que humildemente he aprendido.

¿Porque Reflex y no compacta en cuanto a configuraciones?

El motivo básico, sin entrar en temas de calidad de imagen, es que las reflex vienen preparadas para un cambio rápido de configuración. Para ello tienen muchos botones y todos se usan y muchos de ellos son para cambiar configuraciones. Las cámaras compactas, simplemente por el hecho de ser compactas no le caben tantos botones y no es fácil cambiar entre una configuración y otra. Es cierto que algunas intentan resolverlo todo con la pantalla pero en mi opinión, no es lo mismo… ni se parece. Se me ocurren situaciones en las que sin dejar de mirar por el objetivo en mi reflex, intuitivamente voy modificando parámetros porque tengo botones para ello e intuitivamente se donde están, en una compacta tendría que mirar la pantalla y buscar entre las opciones… no es lo mismo.

Voy a centrar este post en la configuración de la cámara, no en enfoque ni encuadre y el resto de detalles a tener en cuenta a la hora de hacer una foto.

Exakta_img_0823_miniLa primera reflex de la historia es una Exakta creada en 1936 por esta marca alemana. Tenían el disparador en la mano izquierda para que la derecha sujetase con fuerza, y tenía forma de trapecio.

Otra característica de las reflex es que sirven para ser creativos cuando tomamos la foto. Usando distintas configuraciones podemos conseguir un resultados totalmente distintos. Y si aun te lo preguntas…

¿Por qué es tan importante la configuración?

Al tomar una foto, sin entrar en detalle, lo que se produce es que el sensor de la cámara capta la luz que se le proyecta desde el objetivo, la forma en la que esta luz incide viene definida principalmente por la configuración que tengamos en la cámara, por eso es tan importante.

Antes de hablar de la luz podríamos hablar del formato de archivo en el que se guarda la foto, que de hecho también es parte de la configuración y afecta al resultado final.

¿JPG, RAW, JPG + RAW?

JPG es el formato por excelencia para guardar fotografías, además normalmente viene “comprimido” para que, perdiendo algo de calidad, el archivo ocupe menos espacio. En otras palabras: la compresión hace que quepan más fotografías en la tarjeta de memoria. Permite correcciones y modificaciones limitadas en el PC.

Ya ves que lo único bueno que digo de este formato es que ocupa menos 🙂 tiene otras virtudes pero ninguna relativa a la calidad y a las correcciones. En la mayoría de circunstancias se debe usar el formato RAW en lugar del JPG, de hecho se me ocurren pocas circunstancias para usar JPG, podrían ser por ejemplo hacer un balance de blancos, para hacer un timelapse, o rafagas largas de fotos. Para todo lo demás RAW. El mayor y casi único inconveniente de este formato es que ocupa más… mucho más que el formato JPG: del orden de 10 veces más. Si por ejemplo en una tarjeta de memoria caben 1000 JPGs, solo entrarán 100 RAWs, pero las tarjetas de memoria son cada vez más baratas por lo que no usar RAW por el tamaño no es excusa.

Pero…

¿Tanta diferencia hay en RAW sobre JPG?

Con RAW guardamos una imagen que es “configurable” en varios aspectos, por ejemplo si nos hemos equivocado con los parámetros de la cámara a la hora de tomar la foto. RAW permite bastante margen de corrección siempre relativo a la configuración que ya teníamos puesta cuando se tomó la foto, por lo que no hay que descuidarla nunca a pesar de usar este formato.

Una desventaja sobre JPG es que no es 100% compatible, por ejemplo no podréis subir un RAW a facebook (al menos de momento), además de que el peso lo haría insufrible, facebook no lo entenderá como una foto. Es por lo que para publicar las fotos tomadas en RAW, después de procesarlas hay que exportarlas a JPG, pero es una acción banal en el proceso de “creación” de una imagen.

Ahora si, hablemos sobre luz.

Configurando la cámara para recibir la luz

hqdefaultVoy a tratar de explicarlo siendo lo menos técnico posible, para tecnicismos ya están los manuales y miles de tutoriales por Internet. Siempre he pensado que este tema se puede explicar usando un paralelismo.

Imaginemos un grifo y su lavabo. Con el grifo regulamos la configuración de la luz de la cámara, el agua sería la luz y el lavabo sería el sensor de la cámara.

Así podemos regular la intensidad de la luz que cae al lavabo abriendo el grifo más o menos, también se puede regular durante más o menos tiempo. Lo primero sería la apertura de diafragma y lo segundo el tiempo de obturación.

Está claro que mientras más abramos el grifo y durante más tiempo entrará más agua (luz), pero si nos pasamos podrá salpicar y/o salirse del lavabo (sensor) por lo que hay que echar la cantidad justa de agua en cada situación.

RAW podría ser en este paralelismo un paño que limpie esas salpicaduras y un pequeño vaso con el que podamos añadir algo más de agua si nos ha faltado.

Por otro lado, en el mismo paralelismo, tendríamos unos “ayudantes” que hacen que incluso con el grifo totalmente abierto sean capaces de hacer otros agujeros a la boca del grifo y entra aun más agua pero esta es de peor calidad, sale de cualquier forma y siempre salpica. Esto en la cámara es el ISO.

¡Basta de paralelismos!

Centrándonos ya en la cámara, como describía antes tenemos tres formas de regular la luz:

  1. Apertura de diafragma.
  2. Velocidad de obturación.
  3. ISO

Y una cuarta pero es una pseudo forma de controlar la luz que sería la exposición.

Veamos cada una por separado.

Apertura de diafragma

El diafragma son unas pestañas que se abren y cierran para dejar entrar mas o menos luz (como el mando del grifo). ¿Y si la luz es tan importante por que no tenerlo siempre abierto al máximo? Hay muchas circunstancias en las que la luz es tan grande que hay que limitarla de esta forma, por ejemplo a plena luz del sol.

Además de regular la luz este es un parámetro que nos permite ser muy creativos, es el que produce el desenfoque en los fondos tan característico en las reflex y que hace que los objetos en primer plano queden tan bonitos.

Como ejemplo esta foto de mi gata, uso una apertura suficiente para que la gata esté casi por completo enfocada y sin embargo la manta de atrás (el fondo) está desenfocado, como está hecha en interior (aunque con flash) la apertura de diafragma es muy grande (para que entre mucha luz) y esto produce mucho desenfoque del fondo:

IMG_8550
103mm – f5.6 – 1/125s – ISO100

Velocidad de obturación

Cuando disparamos la cámara se abre una cortinilla (obturador) que solo está abierta durante un tiempo determinado (tiempo que tenemos abierto el grifo).

A no ser que queramos ser creativos este parámetro debe ser en el 95% de las ocasiones el menor posible. Hay que pensar que durante el tiempo que está abierto el obturador la cámara está almacenando esa instantánea. Si durante ese tiempo nos movemos sin querer o el objetivo de nuestra foto se mueve, ya no será tan instantánea y nuestra foto saldrá movida. Es por eso que casi siempre la velocidad de obturación debe ser la menor posible.

En muchas ocasiones, sobre todo en interiores, la obturación no tendrá mas remedio que ser larga, un segundo o más por lo que se debería usar trípode para tomar la foto o forzar el resto de parámetros (a costa de perder calidad) para que “no se mueva” (no “trepide”). Más adelante explicaré un par de casos prácticos y como actuaría yo en esas ocasiones.

Se conoce como trepidar a la vibración involuntaria que se produce en las manos durante el tiempo de exposición y hace que la foto salga “movida” o como también se le dice “trepidada”.

También se puede ser creativo con este parámetro y que se vea el movimiento en la foto forzando la velocidad de obturación más larga de lo necesario. Como en este ejemplo que tomé en Disney en la que quería reflejar el movimiento de las tazas en contraposición de lo estático de las lámparas y el techo:

IMG_0098
10mm – f22 – 1s – ISO100

Si os fijáis la apertura es de f22, lo que hace que la velocidad de obturación tenga que ser de 1 segundo para que pueda entrar la cantidad óptima de luz. Las tazas se movían tan rápido que en 1 segundo se aprecia bastante movimiento.

ISO

Como he querido decir antes es una mala forma de aumentar las condiciones de luz, es decir, solo se debería elevar este parámetro si no hay más remedio.

Aunque cada vez las cámaras se comportan mejor con este parámetro, todas pierden calidad subiendo el ISO, además todas aumentan el ruido, esto son los puntitos de colores y granulado en general que aparecen en las fotos. Con ISOs altos las fotos parecen tener menos calidad y definición.

Así pues parece razonable tratar siempre de tener el ISO al menor valor que nos permita la cámara, este normalmente suele ser 100, aunque hay cámaras que tienen ISO 50. Dependiendo del modelo y “lo moderno” de la cámara, a partir de ISO 800 se empieza a notar demasiado el ruido por lo que hay que tratar de no subirlo, aunque también se puede atenuar algo en el proceso de edición pero siempre a costa de perder definición.

La siguiente foto hecha por mi está sin retocar es de una iglesia en Finlandia. En la esquina he puesto el zoom para apreciar el detalle del ruido. Está tomada con un ISO a 1600, no hubo más remedio porque no tenía trípode y había poquísima luz:

ruido
10mm – f5,6 – 1/50s – ISO1600

La exposición

Esto es algo que aprendí hace un par de años, que no se suele tener muy en cuenta y tampoco se explica. En cada cámara se ve distinto pero en todas tiene un aspecto muy parecido. Es el selector que normalmente va de -3 a +3, recuadrado en amarillo en la imagen:

a0332_exposure-compensation-box

Este parámetro es sumamente importante para hacer fotos HDR que ya explicaré en otro post pero no se tiene en cuenta a la hora de la iluminación en general.

Es una forma de indicar a la cámara que las circunstancias de luz en las que estamos son demasiado altas o demasiado bajas y que queremos que el resultado final sea así de realista y que no fuerce los parámetros para conseguir una luz “perfecta” con los ejemplos más abajo se entiende mejor esto.

Y teniendo en cuenta todo esto…

Modos de disparo de la cámara: Av, Tv, P, M ….

Estos son los llamados “Modos creativos”, evidentemente las reflex tienen los modos automáticos, pero estos son para los que se resisten a aprender y solo quieren una reflex porque “son mejores”. Para aprovechar estas cámaras hay que usar los modos creativos. Voy a explicar los tres que más se usan (o que más uso yo).

En todos estos modos creativos se puede poner el ISO en un valor determinado o en modo automático. Este último lo desaconsejo porque las cámaras tienden a subirlo ya que es la forma más fácil de conseguir luz, sin en embargo como he explicado baja la calidad, sube el ruido, etc. Lo que recomiendo es poner siempre el ISO al mínimo (100 normalmente) y después subirlo únicamente cuando sea necesario.

Modo M: Manual

En este modo es el que controlas todos los parámetros, no explico como se hace en la cámara porque cada una es distinta, pero normalmente hay botones para controlar cada uno de los parámetros por separado.

Cuando vas a realizar la foto tienes que poner los distintos parámetros, es el modo que requiere más tiempo por lo que por ejemplo no lo recomiendo cuando se va con la familia de vacaciones, a nadie le gusta esperar que otro tome la foto “perfecta” mientras hay otras cosas que fotografiar y poco tiempo de luz :). También es el modo que requiere más experiencia puesto que tienes muchos parámetros para controlar y no sirve de nada ponerlos al azar.

Este modo suelo usarlo cuando voy solo y quiero hacer cosas muy concretas, no para fotografía normal. Un uso que yo le doy por ejemplo es en interiores muy complicados como por ejemplo una catedral, y tengo un trípode a mano. También para situaciones en las que la cámara no controla la luz como te gustaría, por ejemplo en puestas y salidas de sol.

Mi forma de configurarlo es ISO 100, para la apertura pongo el “punto dulce” del objetivo y en el tiempo de obturación pongo el que me de una exposición correcta según el “exposímetro” de la cámara. Si hay objetivos en movimiento será mejor reducir al mínimo la velocidad y subir ISO y apertura.

Se suele llamar punto dulce de un objetivo a la apertura de diafragma en la cual está comprobado que tiene mayor calidad, cada objetivo tiene la suya. Esta suele ser entre 2 y 4 pasos desde la apertura más amplia.

Modo Tv (S en algunas cámaras): Prioridad a la velocidad de obturación

Este es un modo llamado “semiautomático” y esto es porque uno de los parámetros dejamos que la cámara lo elija automáticamente. En este caso la cámara seleccionará la apertura de diafragma que considere más adecuada según el resto de parámetros.

En este modo lo principal es la velocidad de obturación, es por lo que se suele usar en las circunstancias que queremos ser creativos con la temporización o que necesitamos por algún motivo que el tiempo de exposición sea uno determinado.

En la foto de Disney de más arriba, usé el modo TV y fui probando distintos tiempos para que cogiera bien el movimiento, la cámara automáticamente fue corrigiendo la apertura de diafragma para que la exposición fuera correcta. Finalmente seleccioné 1 segundo de velocidad y la cámara seleccionó f22 como apertura, el ISO lo tenía fijado a 100.

Modo Av (A en algunas cámaras): Prioridad a la apertura de diafragma

Este es mi modo favorito y el que uso el 90% del tiempo. Permite ser creativo fácilmente. También es un modo “semiautomático” solo que en este caso la cámara selecciona la velocidad de obturación que considere necesaria para exponer correctamente.

Mi forma de usarlo es la siguiente: Siempre intento usar el punto dulce, si necesito más luz amplio la apertura, si necesito más amplitud de campo la bajo. Siempre voy controlando la velocidad de obturación, si veo que es demasiado baja y me va a “trepidar” ya veo si amplio la apertura o subo algo el ISO.

Conclusión

THE SIMPSONS: Homer takes to the streets as one of the paparazzi but, when he crashes a celebrity wedding, the subjects he humiliated in his photos band together to seek revenge against Homer in the ÒHomerazziÓ episode of THE SIMPSONS Sunday, March 25 (8:00-8:30 PM ET/PT) on FOX.Ê THE SIMPSONS ª and © 2007TCFFC ALL RIGHTS RESERVED..424

El post me ha salido mucho más largo de lo que quería y además he tenido que dejar muchas cosas de lado para que no se extendiera más aun. Quiero decir que es un tema con mucha miga y que en ocasiones es más fácil darte cuenta tu mismo de las conclusiones que leyendo el post de un aficionado :).

Lo que a mi me ha pasado siempre (que es cuando aprendía) es que “veía” una foto, la tomaba, en la pantallita de la cámara parecía mas o menos lo que tenía en mente y después en casa no tenía nada que ver y entonces pensaba: “tenía que haber subido el iso” o “debí bajar la obturación”… una foto tras otra va haciendo mella y quedando guardada en tu cabeza… en próximas ocasiones pondrás en práctica esos pequeños detalles aprendidos.

¡¡A hacer fotos!! 🙂

Comparte!

Twitter para novatos

Tiempo de lectura aproximado: 10 minutos

 

El título también podría haber sido “Los novatos también escriben tuits” ya que en 2012 la R.A.E. anunció que en la próxima edición del diccionario se incluirían términos como “tuitero”, “tuiteo”, “tuit” o “tuitear”, pero lo cierto es que no se si es oficial puesto que el diccionario digital de la rae solo está hasta 2012 (por ahora) y no aparecen esos términos. Y ¿cómo podría saberlo? usando Twitter por ejemplo.

En este post explico esto y otras cosas, un mini manual de iniciación en twitter para todos aquellos que “les gustaría usarlo” pero al final lo abandonas porque no le ves utilidad o no sabes para que sirve cada cosa.

Un poco de historia… pero muy poca!

Twitter empezó más o menos en marzo de 2006 y no está muy claro el asunto porque ya nació con algo de polémica entre sus presuntos creadores.

Nació como una pequeñísima página para que la gente pudiera anotar su “estado”, es decir: “estoy viendo el futbol”, “voy al bar”, etc… La página se llamaba stat.us

Diseño en papel de los inicios de Twitter

¿De dónde viene el nombre tan raro que antes nadie sabía pronunciar y menos escribir? “twitter” es el gorjeo de un pájaro, se os vendrá el logo irremediablemente a la cabeza. También lo suelen relacionar fonéticamente con Flickr que son de la misma época y la terminación tiene parecida pronunciación.

Los Españoles escribimos Twitter de mil formas: titter, tweeter, tweter, twittr …  ninguna correcta.

Es en la historia donde está bien comentar el tan conocido límite de 140 caracteres, esto es actualmente (es probable que quiten este límite), y viene de que originalmente los tuits se enviaban por sms y de ahí el límite.

Ahora entremos en materia

¿Que es y para que sirve Twitter?

Para empezar a usarlo tienes que crearte una cuenta, el registro es muy rápido por lo que te costará poco tiempo, puedes hacerlo aquí (Donde dice “¿Eres nuevo en Twitter? Regístrate”).

Nada más entrar tendrás un pequeño tutorial para ayudarte a empezar, si quieres puedes seguirlo, está muy bien estudiado.

Una vez registrado estás en tu “timeline”  Esta es la pantalla principal de Twitter y donde estarás entre el 90% y el 99% del tiempo. En esta pantalla verás las cosas que tu publiques y las cosas que publiquen los usuarios a los que sigues… espera! ¿que sigo? explícame esto.

Es una red social y como tal hay interacción entre usuarios. Se pueden buscar personas o empresas (usuarios al fin y al cabo) y pulsar en “seguir”, como en la captura:

Captura_de_pantalla_100415_123619_PM

Si ya tienes cuenta y me quieres seguir puedes hacerlo pulsando aquí:

La persona a la que sigas sabrá que lo sigues (lo digo por los amantes de su privacidad), pero no sabrá que lees sus tuits, por ejemplo.

Así las personas que “te siguen” verán tus tuits en su “timeline” junto a los tuits de las otras personas a las que siguen, siempre en orden cronológico.

Entonces… ¿Tengo que publicar tuits para usar Twitter? para nada… Puedes usar Twitter como te guste, solo para leer, solo para escribir o para ambas cosas. Así se me ocurre explicar….

¿Cómo se usa Twitter?

Distingo claramente dos formas de usarlo, la gran mayoría de gente lo usa de ambas formas:

  1. Para decir lo que piensas, cosas interesantes, promocionar tu empresa o persona.

Por ejemplo como hago yo, cada vez que publico un post en mi blog, escribo un tuit para que mis seguidores se enteren (aunque podrían no verlo todos, incluso ninguno, lo explico más abajo).

  1. Para estar informado de lo que te interesa.

Una forma muy útil de usarlo es seguir a las personas/empresas/organismos que son de tu interés (o a los que quieres expiar 🙂 ), así cada vez que leas tu timeline leerás solo cosas de tu interés, si alguno de los usuarios que sigues ya no publica cosas interesantes, tan fácil como dejar de seguirlo y ya no lo verás más.

Entonces… ¿Twitter es para empresas?, ¿para ver lo que escriben mis amigos?… ¿como un facebook pero menos texto?…

social-media-quantityTwitter versus otras redes sociales

Pongamos tres grandes redes sociales: Facebook, Twitter y Linkedin. Las diferencias son clarísimas:

  •  Facebook: El uso más común (y el que lo originó) es estar en contacto con tus amistades, después tiene el tema de los intereses por lo que hay posts de empresas, organismos… páginas en general.
  • Linkedin: Es la red social profesional por excelencia, una especie de Facebook orientado a lo profesional y de hecho muy útil para buscar empleados y trabajo.
  • Twitter: Podría decirse que es un término medio, sirve tanto para seguir a amistades como a empresas. Además tu haces tu Twitter a tu gusto por lo que puedes tener solo a amigos o solo temas de tu trabajo. Normalmente las empresas tiene un usuario corporativo de Twitter por el que hacen sus comunicados, reciben críticas… etc.

online-privacy¿Todos mis seguidores leerán mis tuits?

No necesariamente, imagina que te sigue una persona que sigue también a otros 4000 usuarios, si estas son algo activas en Twitter (publicando tuits), puede tener muchos tuits a la hora por lo que el tuyo es muy probable que no lo lea, puede dar la casualidad de que entre a revisar su timeline y vea el tuyo, pero… no es fácil.

Una práctica muy común en Twitter es repetir cada cierto tiempo los tuits importantes para aumentar las probabilidades de llegar a más público.

Vamos entendiendo pero… alguien que sigue muchas cuentas sería interesante tener un timeline categorizado o distintos timelines para ver temas distintos agrupados, ¿se puede hacer esto? Si.

Listas en twitter

Esta es una característica muy potente de twitter que nunca le han dado la importancia que se merece ya que la opción está un poco escondida, tanto en las apps móviles como en la web.

Así al igual que sigues a otros usuarios, los puedes añadir a una lista y de esta forma tenerlos agrupados por intereses, por ejemplo yo tengo una lista de periódicos y cada mañana entro en la lista y tengo los titulares más importantes.

Las listas pueden ser públicas o privadas. Además otro detalle importante es que para meter a un usuario a una lista no tienes que seguirlo necesariamente, por ejemplo en la lista que tengo de periódicos, no sigo a ninguno de ellos porque algunos escriben muchos tuits y mi timeline principal se satura de noticias de periódicos por lo que dejo de seguirlos y los añado a la lista.

¿Y los botones que aparecen en los tuits para que sirven?

Botones de interacción en los tuits

Tanto en las apps móviles como en la web los encontramos debajo del tuit.

Captura_de_pantalla_100415_021143_PM

Son: Responder, Retwittear, Favorito y menú. Veamos para que sirve cada uno y que reacción produce usarlos:

Evidentemente para usar estos botones en los tuits de otros usuarios tienes que estar identificado (previamente registrado)

Responder

Este sirve para hacer un comentario sobre el tuit del otro usuario… así se crean conversaciones, otro tema interesante en Twitter.

Cuando se pulsa el botón se abre una ventana y ya viene escrita una arroba y el nombre del usuario, esto no hay que borrarlo para responder, luego explicaré lo que significa, pero para una conversación hay que dejarlo.

Lo que produce es que añades una respuesta a la conversación del tuit del usuario, además en tu timeline se añade una entrada en la que solo se ve la respuesta (no el tuit original), pero al pulsar en la respuesta se puede ver la conversación completa.

Cualquier usuario puede participar en una conversación, no tiene porque seguir a los participantes de la conversación.

Retwittear

Sirve para poner una copia del mismo tuit que quieres retwittear en tu propio timeline.

Hay dos formas de hacerlo, al pulsar el botón aparece “retwittear” que simplemente genera una copia igual o “citar tweet” que te permite añadir un comentario además del texto. En la web solo es una opción pero aparece un cuadro para poder añadir un comentario o dejarlo vacío.

Produce una entrada nueva en tu timeline que se denomina como “retweet”, además Twitter automáticamente hace que aparezca la persona que escribió el tuit original.

Favorito

Sirve para añadir el tuit a tu lista de favoritos. Originalmente esto sirve para tener una lista de tuits que quieres recordar más tarde. Además actualmente se ha extendido usar este botón para marcarlo como “me gusta”, como se hace en Facebook.

Menú

Aquí pone twitter otras opciones que se usan menos, por ejemplo en la web son: enlace al tuit, insertar tuit y fijar tuit. El enlace al tuit es un “enlace corto” para por ejemplo enviarselo por whatsapp a un amigo para que lea el tuit. “Insertar el tuit” que te da un código html para poder poner el tuit insertado en un blog por ejemplo, como puedes ver aquí:

 

 

Y por último “Fijar tuit” sirve para dejar un tuit personal en tu página de listado de tus tuits al principio del todo.

Por otro lado en los tuits siempre se ven Arrobas y Almohadillas ¿esto para que sirve?

Arrobas y Almohadillas

Arroba @

Cuando se usa una arroba se le conoce como “citar” a un usuario y esto sirve para que el otro usuario sepa que estás “hablando de el” y cuando esto ocurre normalmente le salta una notificación al usuario citado avisándole (esta notificación, aviso se puede quitar, pero normalmente se tiene activo, de cualquier forma hay una sección de notificaciones).

Por ejemplo una conversación normal entre dos usuarios: juanram0n y pepe, sería:

juanram0n escribe un tuit: “feliz cumpleaños @pepe

Lo que producirá que todos los seguidores de juanram0n vean este tuit y que al usuario pepe le salte una notificación para llamarle su atención, pero el tuit no aparecerá en su timeline a no ser que responda al tuit y por ejemplo, dé las gracias, el podría responder:

pepe responde al tuit: “muchas gracias @juanram0n

Este último sería el tuit que aparezca en el timeline de pepe, sin embargo si se abre el tuit se podrá ver la conversación entera, tanto la felicitación, como la respuesta. En el timeline de juanram0n no aparecerá esta respuesta, a no ser que se abra el primer tuit con la felicitación y entonces se verá la conversación entera, como siempre.

Complicándolo un poco más, juanram0n puede contestar a las gracias:

juanram0n responde al tuit: “@pepe de nada hombre

Lo que no producirá una entrada nueva en el timeline de juanram0n ya que es una respuesta que forma parte de una conversación, nuevamente al abrir el tuit se podrá ver la conversación completa.

Esto es más complejo explicarlo que después en el día a día, además al pulsar en responder ya aparece el @ con el usuario de la persona a la que vas a responder, de ahí que sea tan útil que lo ponga, más arriba dije que lo explicaría.

Almohadilla #

Una almohadilla junto con una palabra o frase es lo que se conoce como un hashtag el significado es “etiqueta” y sirve para agrupar los mensajes de un tema determinado.

Se usa habitualmente en programas de televisión, como por ejemplo el siguiente:

os3

Como ves llaman la atención con el hashtag #BESTDRESSED e imagino que lo que querrán es que la gente vote o de su opinión sobre los mejor vestidos de la gala de los Oscar. Así cualquier usuario en el buscador, busca el hashtag y verá las opiniones y conversaciones relativas a este tema.

Este es un ejemplo pero los hashtag se usan para cualquier cosa, para una “quedada” de la juventud, para intentar evitar una injusticia, etc.

Como ves es súper potente y tanto que Twitter tiene un ranking sobre esto y es el conocido “Trending topic” (tópico de tendencia) y no es más que una tabla de las palabras que mas se repiten en los tuits (excluyendo conjunciones, adverbios, etc etc). Para entrar en esta tabla no tienen porque ser un hashtag, simplemente con que sea la palabra más repetida sirve. Lo que ocurre es que al llamar la antención, en TV por ejemplo pues hace que llegue a mucha gente y haya muchos tuits sobre el tema con ese hashtag, también suele ocurrir con los nombres propios, por ejemplo cuando muere una persona o le dan un premio muy importante. Esta tabla no es estática, de hecho varía constantemente sobre todo si hay varios temas “candentes”.

Hay dos formas de ver la tabla de Trending Topic: en un pais concreto o en el mundo entero.

Hasta aquí he explicado casi todo lo básico de Twitter y sin entrar en detalles para no extenderme, ahora voy a dar u par de trucos y formas de uso que hacen de esta red social muy divertida y dinámica.

twitter-not-as-addictive-as-nicotine

Usos interesantes de Twitter

Ya he explicado la forma “natural” de usar twitter y que a pesar de ser interesante a la gente no llega a engancharle porque terminan por no verle la utilidad real. Sin embargo hay otras muchas formas de usar Twitter que pueden resultar 100% útiles. Doy tres anécdotas vividas en mi timeline:


Reclamaciones

Ya he usado Twitter para reclamar varias cosas. Está claro que las empresas tengan cuenta en Twitter y cuenten sus novedades está muy bien, pero es un arma de doble filo porque estás abierto a que te critiquen públicamente y además la empresa tiene que responder y siempre públicamente.

Así por ejemplo hace unos días usé la App “JustEat” para pedir comida a domicilio y no me dejaba concluir el pedido, les escribí un tuit y respondieron bastante bien (la vez anterior incluso me dieron un descuento).

 

Hace unos años Diego Ballesteros creó SinDelantal y hace poco fue comprada por JustEat. Diego es socio en Shopping Leeks.

Pedir información

Como las preguntas se hacen en público (siempre que no sea un mensaje directo), todos tus seguidores verán que estás preguntando y a la empresa le puede interesar contestar, en el caso de organizaciones es muy bueno para ellos la difusión, así por ejemplo consulté a la R.A.E. sobre el uso correcto de tuit, tuits y demás por si ya estaba admitido y me contestaron bastante rápido.

from juanram0n to raeinforma Búsqueda de Twitter

Datos al segundo

Es interesantísimo tener la información en cuanto la quieres, hay mil ejemplos. Recuerdo hace muchos años estaba trabando en mi despacho y noté una especie de mareo, en unos segundos me di cuenta de que era un terremoto, fui a Twitter y busqué “terremoto malaga” y la gente empezaba a comentar que lo había notado, la zona y demás con lo que corroboré que era lo que pensaba.

En ocasiones ves algo gracioso en TV o algo controvertido, basta con hacer una pequeña búsqueda en Twitter y descubres que la gente lo está comentando, incluso es divertido participar escribiendo algo sobre el tema o contestando.

También para leer titulares de alguna noticia que te interese, hay incluso herramientas que se basan en Twitter y que crean accesos rápidos a búsquedas para que lo tengas como si fuera una lista y así siempre al tanto de un tema en concreto.

Conclusión

Como decía: cada mañana con el café reviso mi lista de twitter con los periódicos, si me interesa un titular lo abro y lo leo, además tienes información súper clasificada y al segundo, por otro lado las empresas se toman muy en serio este medio y dan respuesta rápido…

Me parece que si no lo usáis os estáis perdiendo mucho, tanto si os gustan las redes sociales como si no, en este caso, no hay que ser “social” para usar esta red, animaros!!

Anexo I: Algunas cosas que dicen de Twitter

  • Es un servicio de mircroblogging: Algo parecido si… pero no hace referencia a su gen social que de hecho es de sus cualidades más destacadas.
  • SMS de internet… Esto viene de que en Estados Unidos desde los comienzos se ha usado recibiendo notificaciones vía SMS, pero este servicio nunca ha estado activo en España.

Anexo II: Estadísticas actuales de Twitter

  • 316 millones de usuario activos mensuales.
  • 500 millones de tuits enviados al día.
  • El 80% de los usuarios utilizan móviles.
  • 4100 empleados en el mundo.
  • La mitad de los empleados son ingenieros.
  • Más de 35 oficinas en todo el mundo (La principal en San Francisco, en España están en Madrid).
  • En más de 35 idiomas.
Comparte!

Cómo hacer una exetensión para Google Chrome parte 1 Introducción

Este post va a ser una simple introducción a las extensiones. Mi conocimiento no es de experto aunque es cierto que ya tengo una extensión publicada, otras en desarrollo e ideas que haré algún día, pero prefiero indicar que este post es solo para quien no tiene ni idea de por donde empezar.

Esta es la Parte 1 donde voy a describir de forma general las extensiones. En la parte 2 quiero hacer una extensión desde cero que avise cuando haya un nuevo post de este blog 🙂

Para empezar, diferencias entre App y Extension

Veamos algunos conceptos porque se puede confundir:

¿Qué es una Chrome App?

Es una aplicación de chrome, las encontramos en la tienda de extesiones de Chrome, aquí.

aplicaciones chrome extensions

Cuando te la instalas estas aparecen en el menú de aplicaciones chrome:

Pantalla_completa_092015_104016_AM

Como se puede ver en la captura algunas apps tienen una flecha y otros no, sin entrar en detalle es porque hay dos tipos de apps: Las que tienen flecha son solo enlaces a una webapp (en una ventana separada) y las otras son más apps autocontenidas pero igualmente webapps.

¿Que es una extensión de Chrome?

Las extensiones de chrome son pequeñas utilidades que se usan mientras navegas… imagina… cualquier cosa, desde guardar la página para más tarde, tomar una captura de pantalla, publicar en tus redes sociales, formatear el código JSON… y cualquier cosa que hayan desarrollado ¡o lo hagas tu mismo!.

Al principio parecía que en el futuro sería posible usar las extensiones de Chrome en Android, pero parece ser que por ahora no lo van a implementar. Esto habría sido interesante.

Captura_de_pantalla_092015_014540_PM

Al igual que las aplicaciones, las extensiones las podemos encontrar en la tienda de extensiones de Google, como verás hay miles (no he llegado a encontrar una estadística) pero siempre hay cosas por inventar/mejorar o simplemente hacer algo a tu medida que te ayude en tu trabajo solo para ti, yo lo hice.

Instalarlas es tan fácil como elegir una en la tienda y pulsar en instalar, la gradísima mayoría (yo diría que el 99%) son gratis. Dependiendo del tipo de extensión se mostrará de una forma u otra, lo normal es que tengas un icono como la captura de arriba, y de esta forma “abres”(ejecutas) la extensión (también pueden tener un proceso en segundo plano).

Explicada la diferencia veamos en las extensiones algo más en detalle.

Extensiones de Chrome

Internamente ¿Qué son las extensiones?, básicamente son pequeñas páginas web con unas características especiales:

  1. Un archivo manifest.json donde se describen las características de la extensión, archivos que contiene, permisos, etc.
  2. Iconos de unos tamaños concretos (si se va a publicar, que no es necesario, hay que hacer unos diseños especiales).
  3. Una página principal en HTML.
  4. Archivo(s) CSS para darle diseños a las web de la extensión.
  5. Archivo(s) Javascript para darle funcionalidad, uno de ellos puede ser un proceso en segundo plano que se definirá en archivo json, otro puede ser un archivo de instalación que solo se ejecuta cuando instalas la extensión.

Definamos por cada característica especial, lo que las hace especiales:

Archivo manifest.json

Un archivo básico, sin entrar en detalles, podría ser:

Archivos HTML

En las páginas HTML no puede ir integrado código javascript, ni en los tags <script> ni por ejemplo, en los atributos “onload”, “onclick”, etc. Todo debe ir en los archivos JS. Si podemos, por ejemplo, llamar a una función JS desde un tag anchor:

[javascript]
&lt;a href=”javascript:pulsa();”&gt;Pulsa aquí&lt;/a&gt;
[/javascript]

Puedes tener tantas páginas html como necesite tu extensión, sin embargo hoy en día se tiende a hacer webapps en una sola página, para no notar recargas entre páginas por ejemplo.

Las WebApps en una sola página se las conoce como SPA: Single Page Application (aplicaciones de una sola página)

Archivos CSS

No son imprescindibles, siempre puedes integrarla en el tag head dentro del tag style, no es lo más elegante, pero hay que tener en cuenta que son mini páginas y no van a tener unos diseños muy complejos por lo que los estilos serán más minimalistas, si que son más importantes por ejemplo si usas varios html para no tener que replicar los estilos en cada página.

También podemos integrar algún diseño bootstrap pero… hay que tener en cuenta el peso.

Archivos Javascript

Realmente aquí es donde estará el grueso de la extensión pues es donde residirá toda la lógica, todo lo demás es descripción y diseño.

En principio no hay restricciones… una característica bastante potente pues se podrían integrar gestores de Base de datos como TaffyDB (me encanta), librerías como jQuery (para quien las use… yo no), etcétera.

Ya he instalado/creado muchas extensiones y quiero hacer una limpieza, donde las encuentro en chrome.

Administración de extensiones

La forma más rápida es pulsando con el botón derecho sobre el propio icono de la extensión y en el menú que parece pulsar en Administrar extensiones. Que tenga icono es lo más habitual pero como he dicho antes podría no tenerlo. Se pueden administrar las extensiones pulsando en el menú de chrome (las tres barras horizontales debajo de la X para cerrar la ventana en windows), en el menú que se abre pulsar en Configuración. En el menú de la izquierda pulsar en extensiones.

Y es en este apartado donde puedes probar las extensiones que crees sin tener que subirla a la tienda.

Cargar una extensión propia

En la administración de extensiones hay un checkbox para “modo desarrollador” debes tenerlo marcado, así aparecen 3 botones:Captura_sin_título_092215_061410_PM

  • Cargar extensión descomprimida sirve para integrar tu extensión en tu Chrome.
  • Empaquetar extensión sirve para generar un archivo para poder subir la extensión a la tienda.
  • Actualizar extensiones es bastante descriptivo 🙂

Una vez cargada ¿como puedo testearla y ver los fallos internos?

Es fácil, al ser una extensión propia, cuando pulsas con el botón derecho sobre su icono, en el menú aparece la opción de “Inspeccionar popup”, lo que produce que aparezca el mismo panel de inspeccionar del chrome para webs, pero en este caso solo para la extensión, una maravilla.

Conclusión

Cuando descubrí el desarrollo de extesiones, la potencia que tienen y las de posibilidades me pareció un campo interesantísimo para explorar y de hecho siempre me van surgiendo ideas incluso que no quiero ni publicar, sino que simplemente me ayudan en mi trabajo.

También es interesante hacer extensiones de servicios de terceros, como quiero hacer en la segunda parte: crear una extensión que avise cuando haya nuevos posts. Espero tenerla en una semana o dos.

Comparte!

Elegir un nombre de dominio

En un post anterior expliqué como instalar WordPress para novatos y surgieron un par de temas interesantes, uno de ellos es este de elegir un nombre de dominio.

Como ya avancé un “nombre de dominio” o “dominio” simplemente es una palabra o frase mediante la cual podemos acceder a una web, no voy a explicar ahora como funciona internamente esto de los nombres pero hay una serie de pcs repartidos por el mundo (llamados DNS: Domain Name Server) que se encargan de registrar donde están físicamente los archivos asociados a cada nombre de dominio.

Un dominio está compuesto por el nombre y por su extensión separados por un punto, esto es:

NombreDeDominio.Extensión

Empecemos por lo más fácil

Extensiones de dominio

nombresdedominio2La extensión del dominio se empezó usando para “categorizar” los dominios, si es una tienda, una organización, sitio de información, etc y aun se sigue teniendo en cuenta pero prácticamente cualquier extensión se usa para todo.

A finales del primer trimestre de 2015 hay registrados 294 millones de dominios a nivel mundial, un 6,5% más que el año anterior.

Así, originalmente las extensiones significaban (y algo de significado queda hoy en día):

  • .com : viene de “comercial” y servía para tiendas y/o negocios, es la extensión más usada en internet con diferencia y también es de la que menos quedan libres.
  • .org : de “organization” y sirve para organizaciones, como antes había pocas extensiones, esta la elegía todo aquel que no encajaba en el resto.
  • .net: de “network” estaba pensado para “tecnología de redes” o más amplio “temas de internet”.
  • .info: más envidente de “information” para páginas web informativas.

Por otro lado están los regionales, usados principalmente para definir un ámbito regional pero en la práctica, como ha pasado con todas las extensiones, se usa para todo, el caso mas exagerado es el de las islas tokelau, cuya extensión es .tk ver anexo. Como ejemplos:

  • .es : España
  • .eu : Europa
  • .it: Italia

Además hace poco sacaron muchas extensiones nuevas para una categorización más explícita y que deje poco a la imaginación, por ejemplo: .photography .shop .online .tienda .space .website .love .date .music .hotel etc etc

Y con tanto donde elegir ¿por cuál me decido?

No hay que dedicar mucho tiempo a pensarlo, porque la mayoría son baratos y se pueden comprar otros si te das cuenta que queda mejor en tus tarjetas por ejemplo :). Lo que yo solía recomendar a mis clientes y recomiendo a mis amigos es un .com largo pero descriptivo y un .es (o una extensión “de las nuevas”) para que sea más corto. Y vamos ya al grano.

Nombre de dominio

elegir-un-buen-nombre-de-dominioAsí, por ejemplo, un señor que tiene un kiosko, se llama Pepe y quiere un dominio, podría buscar algo parecido a Pepe.es o pepe.tienda que queda muy chulo y conciso en las tarjetas y publicidad, pero como dominio principal le recomendaría algo más explícito, por ejemplo KioskoPepe.com , pero dado que es un negocio local en el nombre de dominio incluiría la localidad en la que está: KioskoTorremolinosPepe.com queda muy largo pero si tenemos el otro dominio corto (ambos muestran la misma web) ya estaremos cubiertos, en el caso de ser una tienda online que vende solo a la provincia de málaga lo dejaría así: ZapatosMalagaMari.com

¿Porque es bueno un nombre largo?

Por razones de SEO… ¿cómo? 🙂 explico el palabro y otro más:

  • SEO: Search Enguine Optimization : Es decir, optimización para motores de búsqueda, es decir, hacer lo posible para que te encuentren fácilmente tus clientes potenciales.
  • Posicionamiento: En la lista de resultados de búsqueda posición en la que apareces. La primera página es verdaderamente importante, el resto prácticamente nada, ni la segunda página, casi nadie pasa de página, solo vuelve a buscar si no encuentra lo que busca en la primera página.

En este tema hay que ser muy claro, se pueden hacer triquiñuelas para que google te posicione bien tu página, pero si se da cuenta (que tarde o temprano se dará cuenta) te hundirá y no querrá saber nada de ti.

A estas “triquiñuelas” para posicionamiento se las conoce como hacer “Black SEO”.

El nombre del dominio, es una de los factores, si no el que más, que Google  tiene en cuenta a la de posicionar un dominio, con respecto a la extensión solo la tiene en cuenta por razones geográficas, por ejemplo, en el google de Alemania las páginas españolas (.es) van a salir muy mal posicionadas puesto que si tu dominio es .es ya estás dejando claro que tu público objetivo es el Español.

Entonces si el nombre de dominio es lo más importante (o casi), es una buena idea poner palabras clave incluidas en el nombre de dominio, ¿qué palabras poner? siempre digo lo mismo:

Piensa en como te buscará tu público objetivo y pon las principales palabras clave en el nombre de dominio.

homero-pensando.jpgw500Por ejemplo: Pepe el kioskero es famoso en el barrio y casi en la ciudad porque vende palomitas artesanas. Es muy probable que tus clientes quieran saber donde están esas palomitas tan buenas, irán a google y pondrán: “kiosko palomitas ricas” por ejemplo, de ahí está claro que kiosko y palomitas yo los pondría, ricas no porque cada uno es susceptible de poner otro adjetivo distinto. Así se hace un ejercicio de buscar todas la posibles búsquedas de tus clientes y extraer 2 o 3 palabras clave, con Pepe por ejemplo se podría quedar así:

www.KioskoPepePalomitas.com

¿Se distingue entre mayúsculas y minúsculas? no, google.es es el mismo dominio que GOOGLE.ES

El orden de los factores no altera el producto en este caso, es decir, no importa el orden en que se pongan las palabras. ¿Y el dominio no podría ser www.elkioskodepepeysuspalomitas.com? podría ser pero lo hace más largo y se han añadido palabras que se conocen en SEO como “stop words”, y no tienen efecto en google, sin embargo, probablemente sea mejor no ponerlas.

Otro factor a tener en cuenta es la competencia, si tienes un competidor muy muy fuerte con las palabras clave que tu quieres probablemente sea mejor cambiar de estrategia si quieres un resultado a corto plazo, cualquiera que te intente vender: “Yo te pongo en google el primero en una semana” es por una de estas razones:

  1. Te miente
  2. Hace Black SEO
  3. Se refiere a ponerte primero con las palabras clave que a el le convengan (que probablemente no haya competencia).

Conclusión

Elegir el dominio tiene su pequeño trabajo de reflexión pero tampoco debe ser un tema obsesivo, si en unos 2 o 3 meses no empieza a funcionar como te gustaría es mejor cambiar de estrategia o si te lo puedes permitir, comenzar otra estrategia nueva en paralelo.

 

Anexo I Curiosidades

Para que veais la diferencia del .com con el resto, del informe de verisign se saca esto:

www.verisign.com assets domain name report june2015_es_LA.pdfMás curioso aun es el dominio .tk … imagino que será porque se pueden registrar gratuitamente estas extensiones aquí, y ya se sabe… si es gratis… Yo ya tengo el mío: juanramonjimenez.tk

Anexo II Notas

¿Puedo poner acentos o eñe en el nombre de dominio?

Por ahora no es posible poner acentos, la eñe es posible ponerla en los dominios .es, sin embargo en algunos navegadores o al usar el dominio en html tendrás que convertirlo a IDN (International Domain Name) por ejemplo www.españa.es quedaría www.xn--espaa-rta.es verás que si lo escribes en el navegador Chrome el lo traduce para que se vea la eñe.

En el pasado tuve malas experiencias con la eñe y yo lo evitaría a toda costa sobre todo en el dominio dedicado a posicionamiento.

¿Porque algunos dominios llevan delante www y otros no?

www hace referencia a Word Wide Web, es decir a la red mundial, y se refiere a la transferencia de documentos, ahora se tiende a quitarlo por abreviar y además puedes configurar tu servidor de hosting para que acepte una forma o ambas.

Tampoco se pone http:// que va delante de las www (en chrome por ejemplo no aparece pero si que está, si copias y pegas una url lo verás 🙂 ) y este hace referencia al protocolo que se usa para intercambiar los archivos, viene de HyperText Transfer Protocol. Cuando entras a tu banco verás https:// la ese del final es por “secure” que lleva codificación para evitar que nadie vea lo que estás haciendo.

Comparte!

Mi experiencia del paso por el Campus de Google en Madrid

En Julio el equipo de Shopping Leeks tuvimos el placer de ser invitados por Google a su campus en Madrid.

IMG_20150714_203409Cuando nuestro socio Joaquín Cueca (ex panoramio) nos comentó que Google estaba interesado en nosotros y que quería llevarnos a su campus en Madrid nos sonó a broma, y es que ser invitados a sus sesiones de mentoring no es poca cosa y de hecho el resultado no pudo ser mejor. Es curioso que horas antes revisé el spam buscando un mail perdido y ví algo de Google pero no le eché mucha cuenta, después me di cuenta que era el mail con la invitación, muy curioso.
Al llegar nos unimos a nuestros compañeros que esperaban en la cafetería, la mayoría Startups de éxito o en vías de serlo. Estos fueron (alfabéticamente y muy resumido)

Startups invitadas

  • Betterplace: Te ayudan a encontrar el mejor sitio para tu negocio.
  • Blunder: Sistema para que tus comerciales aprendan todo sobre los productos.
  • Citious: Chat para contactar con servicios de atención al cliente.
  • Clickly: Sistema para poder enlaces dentro de imágenes.
  • Hitsbook: Grabación y viralización de vídeos para empresas.
  • Marketincloud: Consultoría para empresas sobre sus productos e internet.
  • Oteara: “Oídos en internet” para cualquier producto.
  • Shopping Leeks: Conectamos a restaurantes con sus proveedores.

Con ellos estaban dos chicos de Google: Rufo de la Rosa y Antonio Morales.

La verdad es que la razón de que la estancia fuera estupenda es del buen rollo que teníamos entre todos, y de Rufo y Antonio por su organización.

IMG_20150715_135944

Acabadas las presentaciones Rufo nos hizo un recorrido por el edificio para enseñarnos donde está cada cosa. Decir que las instalaciones son impresionantes. La cafetería tiene acceso público y cualquiera puede registrarse gratuitamente, conectarse a internet, enchufar el movil y ¡hacer contactos!

En la cafetería puedes tener la suerte de ver pasar a gradisimos empresarios y Business Angels o tomar un café a su lado… quizás incluso te den algún consejo.

Nos dieron a cada empresa una tajeta que servía para moverse por todo el edificio porque la cafetería es pública pero el resto de instalaciones no.

IMG_20150716_223417ramiro doeatSubimos al aula y comenzamos con una breve introducción de lo que sería nuestro paso por allí. Como cada mañana nos sirvieron el desayuno (Do EAT es el responsable del catering que usa Shopping Leeks para hacer sus compras, Ramiro su encargado nos dio un feedback valiosísimo), los mufins de chocolate estaban bueniiisimos. A medio día teníamos la comida, siempre acompañados de algún inversor / Business Angel /  Empresario de éxito. Además cada mañana con Rufo hacíamos un repaso del día anterior, a mi eso me parecía especialmente interesante.

Voy a resumir brevemente los ponentes que vinieron a hablarnos, si se me pasa alguno no es porque no fuera bueno, simplemente no me impactaría especialmente debido a mi perfil tecnológico pero lo cierto es que todos fueron impresionantes, quizás el tema legal/inversión aunque es super importante es el más difícil que te guste 🙂

Ponentes

  • Ignacio Buenhombre: Hicimos un ejercicio de UX sobre nuestros productos.
  • Carlos Rodriguez de Wazypark: Nos dio una charla con su experiencia y después hizo un mentoring rápido, nos dio muy buenos consejos.
  • Tomás Santoro de SumaCRM: Inspiradora y amena charla sobre la evolución de su CRM, muy buenos consejos.
  • Carlos Salas: Sinceramente no esperaba mucho de un periodista y la verdad que fue impresionante, de las sesiones que más me gustaron, nos dio un repaso a todos para mejorar nuestro pitch, inspirador, ameno y de mucha utilidad.
  • Alberto Benbunan: Con muchísima experiencia en empresas en internet tuvimos una sesión de mentoring con el de la que sacamos muy buenos consejos.
  • Diego Soro de fundera.com: Lo que decía antes del tema legal e inversión, pero buena presentación de un tema complicado.
  • Virginia Wassmann comunicación de Google: Buenisimos consejos sobre la imagen que damos a los medios.
  • Rufo de la Rosa campus program de Google: Geniales reflexiones sobre como ponemos precio a nuestro producto, una pena no haber podido ver todos los proyectos.
  • Sofia Benjumea directora del campus, Antonio Negro y Maite Gómez ambos Industry Head de Google: Con Sofía hablamos en varias ocasiones en la duración del campus, y de los IH pudimos hablar con Antonio Negro, genial su visión y buenos consejos. Sofía siempre al tanto de nuestra estancia y siempre aconsejando…. genial.
  • Javier Escribano de selltag: Nos contó su paso por EEUU y su experiencia con inversiones.
  • Cris García Analytical Head de Google y Miquel Trias Industry Analyst de Google: Geniales los dos, nos dieron una masterclass de Google Analytics.
  • Rafa y Paloma nos presentaron la aceleradora SeedRocket y el coworking TechHub respectivamente.

Por cierto en otro post ya contaré mi experiencia en Seed Rocket, Shopping Leeks quedamos los terceros ganadores en 2014.

  • Carlos Rodriguez de Axon Partners: Hablamos durante la comida de inversión y producto, interesante.
  • Carlos de la Lama: Muy interesante su experiencia en Palo Alto y su empresa de alojamiento de Startups allí mismo.

IMG_20150715_114305los 3El miércoles tuvimos la visita de algunos medios (TV y radio) que querían saber de las empresas y de nuestra experiencia, también la propia TV del campus.

El Jueves a última hora fuimos al evento Product Hunt, allí mismo en el campus y vinieron a explicarnos su producto Cabify y Stampery, muy técnico y super interesante. Al terminar nos invitaron a unas cervezas artesanas buenísimas.

En el campus están siempre haciendo eventos buenísimos gratuitos, si podéis pasar por Madrid echad un ojo a la agenda.

conrufoEl Viernes, último día, el campus invitó de nuestra parte a los clientes que las startups les propusimos, vinieron grandes empresas a estudiar nuestro producto, sacamos buenas relaciones.

Conclusión

Si ya que Google se fije en tu empresa por su evolución y por la idea en si, es la repera, que traigan a empresarios y profesionales de la talla que nos trajeron y las masterclass que nos dieron no tiene precio.

Para nosotros (Shopping Leeks) una guinda del pastel fue que uno de los clientes invitados nos confirmó que con nosotros vendía un 32% más.

Acercaros aunque solo sea para visitar las instalaciones y tomaros un café, el sitio invita a quedarse unas horas trabajando.

IMG-20150717-WA0000-01

 

Comparte!