Archive

Archive for the ‘Tutoriales’ Category

Diseñando una aplicación para iPhone

October 14th, 2011 2 comments

Voy a tratar de sintetizar todo el trabajo que me llevó el desarrolar la aplicación Mussage para iPhone en una semana. Si todavía no sabés qué es Mussage, podés leer este post!.

Los pasos que fui realizando y las herramientas (en su mayoría gratuitas) que fui utilizando.

Diagrama de Casos de Uso

Primero que nada y basandome en la idea, hice un diagrama de casos de uso con yuml.me

MockUp

Luego armo un esquema de navegación de pantallas con el Balsamiq MockUp:

DER

Ya es hora de hacer un diseño de las tablas que va a tener la base de datos! Para eso usamos el diseñador de MySqlWorkBench

Xcode

Ya es tiempo de programar en Objective C…

Además utilicé los siguientes Frameworks, librerías y herramientas para iOs:

  • FMDB para SQLite
  • JSONKit para parseo y recepción de Json con el Server
  • MD5 para envio de Hash con el server y autenticar el login
  • Internacionalización de Strings y de Xib en Inglés y Español.
  • QuartzCore para animación de Vistas
  • MediaPlayer para reproducción de canciones del iPod
  • MessageUI para envío de mails dentro de la app

Lado Server ( PHP )

Desarrollé con la IDE Aptana Studio 3 la API para proveer de servicios a la app e interactuar con la Base de Datos.

Diseño Gráfico

Realmente no hice demasiado diseño gráfico, utilicé los controles standard de iOs y agregué algúnos iconitos, eso si…

Web para la Aplicación con HTML5

Para acompañar el lanzamiento de la app, una web basada en un Template y tuneada con PHP.

Publicar en el AppStore

Finalmente, a publicar la app!. Es un poco rebuscado el tema de los certificados y la preparación de una versión para Distribución, pero siguiendo las instrucciones en la web de apple se puede ir haciendo.
Hay que tener preparados los screnshots y el icono en distintos tamaños para iPhone 3G (y menor) y para iPhone 4 con Retina Display.

Listo!

Una vez que Apple aprueba nuestra app (tarda una semana) a empezar a promocionar nuestra app ! Bajarla y usarla!
Te invito a Probarla:
Exitos para todos!
Cualquier consulta dejame tu(s) comentarios acá, o buscame por twitter @jbagnato.
.
.

Mussage para iPhone, Mensajes Musicales

October 5th, 2011 2 comments

Qué es Mussage?

Les dejo un video que explica qué es y su funcionamiento

link a YouTube

La idea

Una idea simple con elementos que ya existen pero combinandos de una nueva forma; voy a explicarme a través de unos conceptos clave:

  • La mayoría de las personas utiliza los mensajes de texto
  • Se envian mensajes entre amigos, familiares y pareja.
  • A todos les gusta escuchar música.
  • Todos guardan enormes cantidades de canciones en el iPod, entre 1.000 y 7.000 según la capacidad del dispositivo.

A partir de esto pensé: ¿No sería bueno poder enviar una canción con un texto a un amigo? y la realidad es que no hay ninguna aplicación que te deje hacer esto de forma sencilla. Otro obstáculo son los derechos de copyright de los artistas…

EUREKA!

¿Por qué no enviarle un mensaje de texto a un amigo con una canción que tiene en SU PROPIO smartphone?
Me pasa con frecuencia que como tengo tantas canciones en mi iPhone nunca sé realmente qué discos y artistas tengo guardados y de vez en cuando utilizo el modo Random para escuchar música y me sorprendo diciendome “no sabía que tenía esta canción”.
Además otro punto positivo de la idea es que se supone que las canciones que uno tiene son sus favoritas, las que más te gustan. Entonces si envío una canción a un usuario de su propia biblioteca de canciones, es difícil que no le guste!.
Lo mejor de todo: es simple de programarla en iPhone, no requiere un equipo monstruoso ni meses de trabajo, al menos para desarrollar la idea básica. Obviamente después se puede mejorar y agregarle features, pero el concepto de la idea es realizable por un sólo developer.

Nacimiento

Asi nació Mussage -mezcla de las palabras en inglés Music + Message- una aplicación desarrollada en una semana, como les comentaba en un post anterior. Fue una semana dura, de horas y horas de programación, diseño y aprendizaje!. Envío para la revisión de Apple y ya está aprobada!!

Disponible en iTunes AppStore

La aplicación ya está lista para bajar a tu iPhone, iPod Touch o iPad en el app store de Apple, para bajarlo ahora mismo hace click en la imagen:
Ya se encuentra la versión 1.1 con significantes mejoras hechas a la versión anterior.
Además los invito a visitar la Web de Mussage enhttp://www.na8.com.ar/mussage que tiene información adicional de la aplicación.

Futuro

Quiero agradecer a mi Wapis que me ayudó en los dibujitos del video-tutorial e hizo la grabación del relato del video super bien! Además el logo también es de ella!. Muchas Gracias!!!
El futuro de la aplicación se irá viendo, seguramente se pueden hacer muchas mejoras! Espero sus comentarios y sugerencias!!
Es posible que desarrolle una versión para Android y una específica para el tamaño de pantalla del iPad.
.
.
.
Juan Ignacio Bagnato.
.
.

Tutorial: Circulos/listas en Facebook!

July 14th, 2011 No comments

Esta es la version 2, mejorada de la guia definitiva de permisos de facebook.

Permisos de facebook:

Todos los usuarios de facebook deberíamos conocer como son los permisos, pero por paja panchos, fiaca, o simplemente porque puede no entenderse como se administran, los dejamos como está, asumiendo que lo que diga Mark Zuckerberg (el que la tiene más larga dueño de facebook ) está bien. Vaya que no es así! básicamente la mayoría de nuestro contenido es publico!, Esta guía se me hizo un poco larga pero creo que vale la pena leerlo una vez al menos para concientizarte, al principio puede sonar abstracta pero luego con ejemplos se va a entender la idea (espero), también lo condimente un poco para que sea fácil y divertido de leer.

Según lo que propone facebook para manejar el tema de los permisos (si bien es bastante configurable) yo creo que no alcanza o no está bien definido e incluso confuso, esta guía pretende mostrarte hasta donde podes configurar y cómo hacerlo de una manera eficiente (puede parecer rebuscado y lo es pero es efectivo).

Por otro lado cabe mencionar que google con google+ y su concepción de “círculos” es básicamente esto mismo pero mucho más expuesto y orientado, facebook nunca lo presento de esa manera a pesar de ser conceptos muy similares.

Definiciones: (son las que usare para esta guía)

  • Amigos: Más que amigos son contactos, y son “personas” a las cuales las tenemos como contacto directo, a lo largo de esta guía lo nombrare bastantes veces, imagínate  que siempre lo digo entrecomillado.
  • Listas de amigos: círculos de google+?? Dentro de facebook opcionalmente podemos agrupar amigos por algo que queramos, típicamente es para agrupar amigos por categorías: colegio, laburo, etc.
  • Networks:Son las redes generales, al principio eran universidades, provincias y países, hoy son entidades como empresas, etc.  Básicamente son grupos de personas (en su mayoría desconocidos) con pertenecen a ese grupo
  • Permisos: Son eso mismo, le das permisos de lectura y escritura a tu contenido a redes, personas y/o grupos.
  • Contenido/Post: Wall, Comentarios, fotos, notas, links, etc, todo lo que le proveemos gratuitamente a facebook para compartir con nuestros contactos.

Escenarios típicos:

Tenemos agrupados los amigos en “colegio” y “trabajo”, obviamente algunos compañeros del colegio son más amigo que otros e indeseables, y queremos que cualquiera pueda escribirnos en el muro menos un par de changos por X motivos, también pasa con el grupo “trabajo”, solución rápida: bloquear algunos permisos a nivel personas, solución rápida+: eliminarlos como contacto.

  • Somos un personaje famoso y queremos elevar un poco mas nuestro ego tener muchos muchos amigos, el problema es que cualquiera puede escribir en el muro de este personaje, por ende puede ser usado como espacio publicitario para publicitarse o simplemente para joder/nos.
  • Estamos de “cacería” dentro de facebook, tiroteando a minita que se cruce, cayó una en tus tentáculos, pero resulta que no se parece mucho a la foto de su avatar (comentario a parte, las fotos de los avatars suelen ser la mejor foto de la persona, algunas increíblemente logran una foto “buena”, después de miles de intentos claro…, apréndelo de una vez!) pero hete aquí que es lo que hay decidiste darle una oportunidad, al menos debe ser simpática, luego de unos cuantos grogs una cosa llevo a la otra y se sabe como termina la historia. Ahora la cosa esta chica puede potencialmente hablar de tus tamaños virtudes en tu propio wall, en muchos casos no vas a querer que lo haga, pero tampoco la eliminas de tus contactos puede servir de backup, uno nunca sabe (obviamente también se aplica al sexo opuesto).
  • Para los antisociales (la pregunta sería que demonios hace en facebook, pero bueh) y simplemente queremos que algunos amigos no tenga acceso a nada y otros tengan acceso a algo en particular y otros (uno o dos como mucho amigos) tengan acceso a todo.

Hay muchos más claramente…

Nota: Debo decir que esta guía es algo que se me ocurrió implementar a mí, aunque seguro no soy al único que lo “vio” de esta manera, y está inspirada en el manejo de grupos y permisos de Unix y otros sistemas nodales, es muy raro que facebook no lo fomente como lo hace google+, incluso google lo muestra como uno de los features más importantes.

Círculos Listas:

Lo que propongo es separar dos conceptos usando las listas de amigos:

  • Listas categorizada: Trabajo, estudios, etc.
  • Listas por tipo de permiso: Tipos de acceso a tu información (Configuración de permisos aplicados a listas, no personas).

Estos dos conceptos manejados desde las listas de amigos de facebook cumplen distintas “funcionalidades” uno es para definir la categoría a la cual el amigo pertenece y el otro le decís que puede hacer en tu perfil.

Para facilitarme un poco las cosas, a los permisos le puse numero  (nivel) y nombre, para que en donde muestre todas las listas aparezcan ordenadas como yo quiero y no aparecen entremedio, con esto ganas tiempo al visualizar, sabiendo que primero aparecen los permisos y luego las listas.

A modo de ejemplo muestro mis listas:

facebook listas

(Para crear una lista podes hacerlo desde varios lugares, por ejemplo desde “Cuenta”, “Editar amigos”, en la izquierda “Amigos”, botón superior “Crear nueva lista”)

Obviamente sos libre de hacer la cantidad de listas que creas necesarias, estas son las mías personales y te pueden servir como base o ejemplo.

De esta manera tenemos separados los tipos de relaciones con tus amigos, y los permisos.

En mi caso cree cuatro configuraciones de permisos, 0-SoloLectura: solo puede ver contenido mío, no puede comentar ni escribir nada, ve datos públicos, 1-Limitado: Lo mismo que el 0, pero puede hacer comentarios y ve algunos datos personales básicos, 2-Normal: Tiene permiso a prácticamente todo, y como adicional 3-Privado: Puede ver cosas muy personales, fotos muy borracho familiares, fotos de hijos sobrinos, etc. Este ultimo se puede combinar con “2-normal” y “1-SoloLectura“, ya veremos de que se trata.

Y hay un ultimo permiso que es implícito, y es el de no tener lista asociada, sin el cual no tiene permisos a nada de nada, básicamente ve lo mismo que si no te tuviera como amigo, e incluso menos.

La idea es asignar a cada uno de tus amigos como mínimo dos listas, una es la categoría (es muy probable que esto ya lo tengas hecho, de todas maneras no es indispensable este punto) y la otra son los permisos (esta si hay que asignar, por cada uno), puede ser pesado lo se, pero te puede ahorrar dolores de cabeza a futuro y vas a ganar mucha tranquilidad. que no te posteen traeme la cuota de mantencion por el nene!

La idea es algo así:

permisos en facebook

PERMISOS / PRIVACIDAD:

Desde “Cuenta”,  ”Configuración de la privacidad” accedemos a todo lo relacionado a los permisos. (Así lo tengo yo y te puede servir de base):

“Personalizar la configuración de privacidad”

Para configurar los permisos de prácticamente todo facebook se hace de la misma manera, desde una pantalla como esta (candado):

facebook permisos 1

Al cliquear sobre el triangulito del candado se despliegan las opciones, cada opción no hace falta que la describa (“solo yo”, es oculto para todo el mundo), se entiende, pero también está la opción de “personalizar”, click sobre “editar”, y aquí esta la magia!:

facebook permisos 2

Al seleccionar “personas concretas” se nos habilita una caja de texto, aquí ingresamos los nombres de las personas a las cuales les queremos dar acceso a ese contenido (también te aparecerán las redes en las que estés con un check para darles permiso), deberías ingresar persona por persona a quienes les das acceso, esto seria sumamente tedioso y difícil de mantener, pero también finalmente vienen al rescate podremos usar las listas!, entonces aquí definimos solamente las listas, lo cual implica a las personas que estén en dichas listas. Lo que recomiendo es llenar de manera permisiva, o sea conceder acceso solo a tales listas, por ende no seria necesario denegar acceso a otras, ya que todo el resto que no este en las listas seleccionadas no tendrían acceso (medio complicado de explicar este punto, reléelo varias veces y repetilo en vos alta)

“Vista previa de mi perfil”

Para corroborar que lo que estamos haciendo este bien a nuestro gusto, dentro de cada definición de permisos tenemos la opción de “Vista previa de mi perfil” (que recomiendo tener en otra solapa del navegador), desde acá vemos en primera instancia como es nuestro perfil público, luego podemos ver cómo nos ve tal o cual persona, para esto solo es necesario escribir su nombre el en la caja de texto de arriba. Es muy importante que a medida que vayas jugando con la configuración de permisos vayas viendo a la par como te “están” viendo.

Recomiendo tener varias solapas del navegador (chrome, firefox, ie, etc) con distintos tipos de permisos (personas), es decir: una persona sin ninguna lista, otra con la lista 1-SoloLectura, otra con 2-Normal.

Esta es la pantalla inicial:

facebook permisos 3

Esto es un breve repaso, si lo hago con mucho detalle no terminaría mas de escribir este post, te recomiendo que lo explores.

  • Conectar en facebook:

Buscarte en Facebook: Si queres que te encuentren con el buscador de facebook, Envío de solicitudes de amistad: Quien te puede solicitar amistad, Envio de mensajes, Ver tu lista de amigos: no creo que sea bueno que todo el mundo vea a quien tenes en facebook, yo lo puse para 2-Normal, Ver tu formación y empleo: lo puse en 2-Normal y 1-Limitado, Ver tu ciudad actual y de origen, Ver tus gustos, actividades y otras conexiones: “Todos”

  • Compartir en Facebook:

Desde este panel se puede seleccionar permisos predefinidos y te muestra una tabla de como quedaría:

Para aplicar estos permisos que propongo necesariamente tiene que ser personalizado, que ahí está lo “jugoso” de todo este quilombo esta configuración.

Recientemente agregaron una opción interesante:

Permitir que los amigos de las personas etiquetadas en mis fotos y publicaciones las vean.” no hace falta que explique mucho

Dentro de personalizar configuración tenemos: (menciono solo algunas)

  • Mis publicaciones: que viene a ser el wall comentarios, photos, etc, estos permisos son predeterminados, lo que significa que al momento de publicar se pueden modificar desde el icono del candado.
  • “Editar la configuración de la privacidad de álbumes de fotos y vídeos actuales.” es un link a la configuración de los álbumes, la configuración de los permisos de las fotos es a nivel álbum, no foto individual.

(Aquí es en donde entra en juego el permiso “3-Privado” donde a algunos álbumes de tus hijos sobrinos, borracheras familiares, les pones este permiso y solo muy pocos contactos los verdaderos amigos tienen acceso.)

  • Fotos y vídeos en los que se te ha etiquetado, recomendación: no hay manera de decir que no te etiqueten, pero lo que si podes hacer es decir quiénes pueden ver contenido en donde estés etiquetado.
  • “Permiso para comentar tus publicaciones”, es eso mismo, por algún motivo está atado a “Pueden ver las publicaciones de amigos en el muro”, si no está activo esto, no podrán comentar… no se, es raro.
  • Mis amigos pueden publicar en mi muro: Es solo una opcion de si o no, en el caso de “si” se habilitara el siguiente punto.
  •  ”Pueden ver las publicaciones de amigos en el muro” en mi caso, solo los de “2-Normal”, esto habilita a ver y comentar

Con todo esto ya prácticamente tenemos nuestra cuenta bien configurada en cuanto a permisos, ya que no es necesario aplicar permisos por persona, simplemente se agrega una persona a una lista de permisos predefinidos y ya.

  • Aplicaciones y sitios web:

De yapa en este post, les recomiendo revisar “Aplicaciones y sitios web“.

Dentro de este apartado podemos configurar los permisos de las aplicaciones, recomiendo encarecidamente que eliminen las aplicaciones que no usan (botón editar la configuración y luego sobre la X), estas tienen permisos para leer contenido de ustedes por mas que no la usen.

En “Información accesible a través de tus amigos” es eso mismo, revísalo

Búsqueda pública, es eso, habilita para que te encuentren con buscadores como google.

Finalmente terminamos, se me hizo mucho más largo de lo que creía escribirlo, quería ser didáctico para que se entienda por eso puse configuración propia como ejemplo, espero haberlo logrado.

Ok ok, puede que haya exagerado con el título :)

Si te gusto este articulo y crees que es útil, difundirlo, se agradece

NOTAS:

  • Cada vez que agreguemos amigos recordar aplicarle las listas! sino, no va a poder ver nada de tu contenido!
  • En el chat te aparecen las listas, podes ocultarlas.
  • La única contra que veo a esta metodología, es el “mantenimiento”, cuando una persona sube de “nivel” de amistad, es manual en este caso el asunto.
  • Esto también aplica a páginas y a aplicaciones que tengan perfiles/tabs
  • El tema de tener un 3-Privado, es que puedo tener personas con permisos 1 y 3, y otras con 2 y 3.
  • En redes (como en el ejemplo “UTN”), hay gente desconocida, no le pondría permisos para casi nada.
  • Lo de la red de UTN es solo a modo de ejemplo, no estudie allí.
  • Tener en cuenta que en los permisos lo denegado tiene prioridad sobre el acceso, esto es si una persona está en dos grupos, y bloqueamos a uno, esta persona estará bloqueada.
  • Si pensas aplicar esto, creería que lo recomendable es crear las listas de permisos y agregar uno a uno a cada lista correspondiente, si nunca aplicaste listas de ningún tipo, tenes la opción de “agregar varios”, y seleccionas a esas personas.
  • Claro que con esto me mando en cana sobre mi configuración y ya sabes cómo te tengo configurado, pero bueno creo que es algo que facebook no promociona para nada y está bueno saber. O sea, google lo promociona como un gran feature, la diferencia es que con g+ es direccional, en cambio en facebook es bidireccional.
  • Los datos que muestro en las imagenes estan dibujados, no son reales.

Enjoy!

Vivir en la Web con Chrome OS

March 31st, 2011 7 comments

El Chrome Os es un sistema operativo (SO) creado por Google que tiene como principal característica que está basado en la red. Esto quiere decir que el único software que necesitamos es un navegador web.

El fabricante toma como premisa que todas las actividades que realizamos cotidianamente están en internet, por lo tanto nuestra computadora se transforma en una “terminal boba” en donde sólo tipeamos direcciones de sitios web y ejecutamos nuestras tareas.

Por el momento existe un “programa Piloto” (para residentes de USA) para testear el SO en donde Google entrega una Notebook Cr-48 (feo nombre!) que tarda en arrancar unos breves 10 segundos. Entonces lo que vemos en pantalla es un minimalista Navegador web: el Chrome.

Cómo es Chrome OS?

Al iniciar nuestra sesión del ordenador con el usuario de Gmail, tenemos acceso a nuestro correo, contactos, calendario y chat. El navegador sincroniza y guarda nuestro estado por si la notebook fallara, explotara, la robaran o simplemente nos loguearamos en otra máquina con Chrome OS y mantendría completamente el estado en el que se encontraba: las pestañas abiertas en el mismo orden, los documentos “auto-guardados” con las últimas palabras tecleadas y el chat con alguien preguntando “estás ahi?”.

Para editar documentos en línea tenemos el Google Docs, en donde podemos escribir textos, completar planillas de calculo, hacer “presentaciones Powerpoint”. Además a través del Chrome Market tenemos acceso a cientos de aplicaciones gratuitas y pagas que nos ofrecen soluciones a todas las necesidades que tengamos: productividad, estilo de vida, comunicación y lo más importante; juegos.

Algunos puntos a favor

Toodo toodo se actualiza solito, es decir el sistema operativo -que básicamente consiste en ser un webbrowser- se actualiza periódicamente desde internet para mantenernos seguros y con los últimas innovaciones de la red al día.
El sistema es super liviano y ejecuta velozmente; pensemos que técnicamente todo el procesador y memoria de la computadora está dedicado exclusivamente a que naveguemos “cómodos” por internet. Y eso es mucho poder de procesamiento y velocidad en el 2011.

Algunos puntos en contra

Tener todos nuestros archivos, fotos, videos e identidad subida a la red resulta un poco aterrador en caso de que alguien lograra descifrar nuestra clave personal de acceso.

Entonces…

Todo esto no podría haber existido unos años atrás; se necesitó de computadoras rápidas y con mucha memoria, de internet,  una sociedad que se vuelca cada vez más a la red a compartir conocimientos, la evolución del HTML5, la web 2.0, la aparición del Cloud Computing, la telefonía móvil, el abaratamiento de costos y todo eso para meter nuestras vidas -comprimidas- en diversos servidores del mundo.

El Chrome OS es un buen nuevo enfoque para un sistema operativo, para hacer temblar a la saga Windows de Microsoft que estuvo dominando el mercado hogareño durante más de 20 años y para -al menos- preocupar al repunte del OS X de Apple. Tiene buenas ventajas sobretodo por su velocidad y simplicidad de uso y por la genial integración al poderoso y multipropósito “mundo de Google”.

Qué es Twitter y para qué sirve

September 3rd, 2010 1 comment

Qué es Twitter?

Twitter surge como una herramienta similar a un blog pero en la que vemos limitada nuestra cantidad de caracteres a escribir por artículo a 140 letras. Se asemeja a una caja de texto donde ponemos nuestro “status” (como en el MSN Messenger o en el gTalk) donde uno escribe brevemente su estado de ánimo actual, qué estas haciendo, algún pensamiento o frase. Actualmente se comparten links a blogs o noticias, fotos y videos.

Igual no lo entiendo!! Para que me sirve?

A lo largo del resto de este informe, vamos a tratar de responder a esa pregunta. Muchas de las personas que todavía nunca usaron Twitter se preguntan si existiendo los Blogs, la mensajería instantánea o Facebook era necesario este nuevo servicio. La realidad es que Twitter incorporó nuevos conceptos que antes no existían y así se hizo fuerte. Por un lado al tener una capacidad limitada de texto obliga al que escribe a que sea conciso y vaya al grano. Por otro lado aparecen nuevas definiciones y roles como el del “followers” (no existía antes) y se explicará un poco mejor a continuación.

Nuevos conceptos: followers y noticias en tiempo real

A diferencia de Facebook en donde para contactarse dos personas ambas deben aceptarse, en Twitter podemos seguir a otra persona sin necesidad de que ella sea nuestra “amiga”. Ese es el concepto de Follower. Y podemos seguir a muchas personas y también otros pueden estar interesados en seguirnos a nosotros y lo que decimos en nuestros twitts.
El otro concepto que nace con Twitter es el de las noticias en tiempo real y creadas o reportadas por los mismos twitteros. Paso a explicarlo; cuando el servicio ganó una masa crítica e importante de usuarios y teniendo la posibilidad de twittear desde el teléfono móvil, se empezaron a difundir noticias y novedades mucho antes de que aparezcan en TV o radio. Un buen ejemplo fue cuando se estrelló un avión en Nueva York, donde el accidente fue cubierto en tiempo real por twitter, es decir a medida que iba pasando por las personas que estaban en las cercanías del lugar. Y toda esa cobertura fue antes de que llegue la CNN u otros medios periodísticos.

Sin intermediarios: Famosos en Twitter

Al generar un lazo directo entre “seguidor y seguido” podemos vincular nuestro Time Line con las novedades que escriben las celebridades, famosos, marcas u otros personajes que nos interesen. La novedad de esto es que NUNCA ANTES hubo una vía tan directa de relación entre el “fan” y su “Dios”. El otro día me enteré que Alanis Morisette estaba embarazada por palabras de ella misma en su twitt. Pensemos que antes para enterarnos de este tipo de noticias se seguía un circuito mucho más largo y complicado: el representante de la cantante avisa a un medio, luego eso lo levanta un intermediario de prensa (Reuters) y finalmente llega a algun periódico online local que luego comentará algún locutor en la radio.

Twitter Vs Facebook

Si tengo Facebook, hace falta tener Twitter? no son lo mismo? respuesta: No son lo mismo. Si bien son redes sociales porque nos enlazamos con diversas personas y compartimos comentarios y opiniones son muy distintos. Una de las diferencias ya la dijimos y radica en su conexión entre usuarios que no es necesariamente bidireccional como en Facebook. Además Twitter se caracteriza por ser muy simple: un texto breve, tal vez un link y listo. Facebook es un aglomerado de servicios: subir fotos y videos, agenda de eventos, juegos online, encuestas y muchas otras cosas. La sencillez de twitter lo vuelve muy práctico para su uso desde teléfonos móviles tanto para leer como para actualizar el estado propio.

Evolución natural: los hashtags

Twitter nació a principios de 2006 y poco a poco fue cambiando y aparecieron mejoras. Una característica muy interesante que surgió por los propios usuarios fueron los “hashtags”. Los hastags son etiquetas que se usan para identificar el Twitt y para ello se usa e caracter #. Por ejemplo podrían usarse #musica, #cine o ahora es cada vez más común ver tags de búsquedas laborales con #empleo. Son muy útiles al momento de buscar en tiempo real y para filtrar información.

Entonces Twitter sirve para…

Como conclusión no sé si podemos decir específicamente para qué sirve Twitter, probablemente tendrá varias funciones distintas según cómo lo use cada persona. Pero tal vez generalizando un poco y a raiz de lo que describimos anteriormente podemos decir que Twitter es una herramienta de comunicación online, acotada y concisa.

Como empezar?

Si logré convencerte -al menos un poquito- de que Twitter sirve y es útil para algo, podés empezar dirigiendote a twitter.com y crear una cuenta con tu nombre de usuario. Recomendación: registrá un nombre corto!.

Y si querés contactarte conmigo mi usuario es @jbagnato, Saludos!

.

Instala lo básico a tu Mac

August 7th, 2010 2 comments

Ok, acabas de comprar tu nueva Macbook. Que software le instalo? lo indispensable, lo imprescindible… lo que no te puede faltar!!!

Primero que nada

Antes que nada, hacé un Update del Sistema Operativo:  si viene con un OS X Leopard pasalo a Snow Leopard. Eso actualiza el Safari también.

Growl – para tener notificaciones. Es a tu gusto, pero muy recomendado.

Lo básico

Open OfficeOpen Office – para editar archivos de texto, planillas de cálculo y presentaciones. (Compatible con Word, Excel y Powerpoint)

VLC – para ver películas AVI, DIVX y ciertos formatos no soportados por el QuickTime. Ademas para escuchar radios online.

Adium – Es un multi-cliente de chat. Soporta el Messenger, Gtalk y Facebook entre otros

Skype – conocidisimo cliente de chat y videoconferencia

TextMate - Muy buen editor de textos. (Recomendado por Wacko)

Chrome / Firefox / Opera – Navegadores web para los que (como a mi) no les convence el Safari.

Expod – Si tenés un iPod o un iPhone y querés bajarte la música al disco sin que iTunes te borre todo Expod es lo que necesitas.

Intermedio

Dropbox – Almacenamiento de tus carpetas  sincronizado en la nube. Para tener tus archivos en cualquier momento, en cualquier lugar y en tu mac, pc o móvil.

Cyberduck – Clientes de FTP y SFTP.

Transmission / BitTyrant – cliente Bittorrent.

jDownloader – multiples descargas de rapidshare, megaupload, hotfile, etc.

Adquisition – Cliente P2P para buscar y bajar archivos

Handbreak – para cambiar de formato videos. Muy útil para pasar películas de gran tamaño a la pantalla de tu móvil.

SIMBL – Unos Hacks para dar mayor poder a tu Mac. Requiere instalar el SIMBL y luego los plugins que nos interesen de la lista de plugins disponibles.

Para Desarrollo:

SDK Xcode – para codear en Objective C aplicaciones Mac / iPhone / Ipad / Ipod Touch

MacPorts – administrador de varios packetes utiles, para instalar desde linea de comando, entre otros:

apache2
php5
mysql5
postgresql80

Charles – Proxy, para ver los request y responses que van y vienen.

Eclipse – Ide de programacion en Java, Php, Web, C, C++ y modelado.

Sequel Pro – cliente para Mysql

Seguramente hay muchas otras aplicaciones para Mac muy útiles y necesarias. Voy a tratar de ir manteniendo la lista actualizada. Si tenés sugerencias no dudes en escribirme o comentar en el Post, gracias!.

Tutorial: Personalizar canal de youtube

May 24th, 2010 16 comments

Como ya algunos saben, me gusta personalizarlo todo!, hace un tiempo le di estilo (intente) de dibujo a mi home www.crystian.net, ahora se me ocurrió de hacer lo mismo con twitter y con youtube. Empecé por youtube a ver si podía hacer algo, y si se puede medio rebuscado, seguramente lo hicieron intencional para que cualquiera (y no solo los partners) puedan cambiar la apariencia del canal.

Básicamente es poner una imagen de fondo, y luego poner los elementos visuales de html (bordes, etc) transparentes :)

Así quedo mi canal:

http://www.youtube.com/crystian77

canal crystian77 youtube personalizado customize

Una aclaración importante es que no se puede cambiar la “estructura” general, esto se aplicaría como un skin. Mas que una modificación, eso no quita que puedas hacer algo interesante, simplemente tenes que ser más creativo.

Lo que propone youtube es personalizar colores, fuentes, con temas preestablecidos, pero también tenemos un modo avanzado en el cual podemos customizar (personalizar en spanglish) los colores y también agregar una imagen de fondo a modo repetitivo, tipo mosaico o bien sin repetir (en este modo se centra la imagen al canal), y también tiene una opción mas que interesante de transparencia, de la cual nos vamos a aprovechar. Comencemos:

ESTRUCTURA:

Lo primero es definir los paneles y los módulos que va a tener el canal

estructura modulos

Luego ubica y ordenalo como quieras (usando las flechitas) en los paneles moviles.

En mi caso lo organice de la siguiente forma:

estructura canal crystian77 youtube customize

Ahora, necesitamos extraer el esqueleto de esta estructura para comenzar a diseñar, para esto creamos un nuevo tema desplegamos “temas y colores” luego “nuevo tema”, le ponemos un nombre como “maqueta” y modificamos los colores para resaltar la estructura del sitio y que sepamos puntualmente que estamos viendo, por ejemplo asi:

youtube estructura

Podemos apreciar claramente la estructura, si, es muy feo gráficamente pero pensemos que es el esqueleto, le falta la “piel” que vamos a construir.

Paso siguiente, screenshot completo de todo el canal y lo llevamos a photoshop (o tu editor de imágenes favorito)

Desde firefox podes usar fireshot o algún plugin similar, si no, con alt+print screen (es la primer tecla de esas tres teclas que jamás usaste llenas de polvo que están arriba del teclado numérico a la izquierda)

Ahora en tu editor de imágenes cortas la imagen dejando centrada a la estructura, prestando mucha atención a este punto, si después la subís y no está centrada solo deberías agregar más pixeles a uno de los lados para centrarla.

ARTE:

Creas una capa nueva y luego en esta, “pintas” encima tu nuevo skin, por ejemplo en este caso vamos a simular dibujo a mano alzada. Claro está que en este punto uno puede hacerlo como quiera (sería interesante uno con metales), en este punto libera tu creatividad al máximo!

Explicare como hice el mío. Básicamente pinte con un pincel similar al trazo de una birome, haciendo las imperfecciones del trazo a mano para que quede más realista.

Es una buena práctica una vez que tengas la estructura mínima la subas para ver cómo queda, ajustar y resolver cualquier problema antes de continuar.

Luego le puse un fondo de papel tipo periódico, debajo y encima de este agregue cosas que están en mi escritorio actualmente, “links” a proyectos personales, cosas que me gustan, o incluso me definen, simplemente para mantener mi estilo y ser coherente conmigo a veces lo soy

Para dar apariencia “real”, casi todo tiene sombra, eso le da profundidad a la imagen y por ende queda más realista. Algunas cosas, como los billetes y los textos fueron escaneados.

Una vez terminado te queda algo así:

maqueta youtube estructura final crystian77

Vamos a youtube y creamos un nuevo tema, configuramos los colores de acuerdo al estilo que le dimos, y lo importante, ponemos transparente a la estructura:

Y con esto ya tenemos nuestro canal personalizado, si bien no cambiamos la estructura básica, si cambiamos la manera en la que mostramos nuestro canal.

TAMAÑO MAXIMO:

Para la imagen del fondo parece no tener un tamaño máximo de subida en cuanto a resolución, pero si en “peso”, no debe superar a los 256k, como el tamaño en resolución suele ser grande, es necesario comprimir a cambio de sacrificar calidad, usando el formato jpg, estoy usando más o menos calidad al 45% según el “save for web & devices” de photoshop.

.

Si te gusto este post, retwitealo, pásalo a tus amigos, y regálaselo a tu mama en su cumpleaños para mejorar su canal :P , je posta, si te gusto reenvíalo ;)

Si lo usaste o no, comenta en este post y pone tu canal para que todos lo veamos :)

Enjoy


NOTA: Si tiene un tema, cuando pulsas sobre listas de reproduccion tiene el mismo fondo, casi no se nota, pero bueh.

Categories: Tutoriales Tags: , , ,

iPhone: Consejos para optimizar la duración de tu móvil

January 23rd, 2010 No comments

Algunos quick tips para que dure más la batería de tu iPhone.

bateria del iPhone

Luego de leer el post de Javier Martin sobre el uso que le da a su iPhone, se me ocurrió hacer este breve Post con algunos consejos que pueden resultar útiles para los humanos que ahora tanto dependemos de nuestros teléfonos móviles.

Si bien están orientados al iPhone, la mayoría pueden aplicar a todos los smartphones (o debo decir superphones?) que a partir de esta nueva era de touchscreen, conectividad durante las 24hs y GPS se ha convertido en un nuevo desafío la conservación de su energía.

Consejos para que viva por más tiempo tu teléfono móvil:

  • Bajar el brillo de la pantalla (yo lo tengo al 25% y veo genial).
  • Desactivar Localización GPS mientras no se use (se comenta que consume mucho en Android).
  • Desactivar bluetooth.
  • Bloqueo automático de pantalla de un minuto.
  • Usar solo las Notificaciones (Push) necesarias. Se pueden configurar por aplicación.
  • Tiempo de chequeo automático de mails en 30 minutos (esto dependerá de tus necesidades).

Las actividades que más consumen batería son el estar hablando por teléfono y los juegos adictivos (como el Fieldrunner) que provocan que estemos durante más de una hora ininterrumpida con la pantalla encendida :-) . No nos olvidemos de la cámara de fotos (más si tu móvil tiene flash!) o de filmar.

Como la vida útil de la batería del iPhone tiene un límite en su cantidad total de recargas, se recomienda enchufarlo cuando su carga esté en un 10% (o menos) y dejarla cargando hasta completarse.

Espero que estas recomendaciones les puedan resultar utiles hasta que salga el nuevo iPhone 4.0 (¿en Abril 2010?) que se rumorea tendrá batería desmontable y su duración será mayor.

.

Que demonios es: RTM – Remember The Milk

October 23rd, 2008 No comments

Les quiero contar acerca de un sitio que me hace más fácil la vida día a día, quizás algunos de ustedes lo conocen, se llama RTM – Remember The Milk. Basicamente se trata de un servicio web que nos da la posibilidad de agregar tareas, seteándole prioridades, etiquetándolas con tags (a lo Google vió!!). Ya sé, hay mucho de esto dando vueltas, pero poco con tanta facilidad de integración con otros servicios y sobre todo, tan fácil y flexible en su uso.

RTM
RTM


 
 

Remember The Milk reinvents the to-do list” es la frase con la que nos reciben en su sitio, su slogan, y es muy cierto.

Algunas de sus carácterísticas principales son:

Seguir leyendo “Que demonios es: RTM – Remember The Milk” »

Que demonios es: AGGREGATOR / READER ?

August 10th, 2008 1 comment

Yo no leo OLÉ, leo READER!

La mayoría de las personas que nos rodean en la civilización leen algún periódico en particular (aunque hay otros que no leen nada), como ser diarios con noticias generales: “Clarin“, “La Nacion“, o algo mas puntual como en lo deportivo: “Olé” (Periódicos en Argentinas), otro deportivo es Playboy (según dicen hablan sobre juegos del tipo cuerpo a cuerpo, solo practicado por mujeres, aunque hay hombres que practican otro deporte mas manual con esta literatura)

 

En las publicaciones de noticias generales cuanto lees en promedio?, yo de un diario de 100 paginas, a lo sumo 2 paginas completas, por lo tanto el 98% del diario no me interesa (y si habláramos del desperdicio de papel…), mis amigos en su mayoría leen publicaciones del tipo deportivas como “Olé” , pero yo no (si bien me gusta el deporte en general, por ahora no practico ninguno y no tengo interés en leer algo relacionado).

 

Lo que realmente me gusta es obvio: “Tecnología en general”, el tema es que no hay publicaciones diarias con información sobre tecnología :( .
Y esto se aplica a temas puntuales, no hay publicaciones en papel de estos temas, como ser: Cocina, Teatro, Series/TV, Boliches gays (para muchos de mis amigos: Cordobé, Dino, Nacho, El chinito, y muchos mas), etc.
 

Como puedo hacer para estar informado de temas puntuales?

Como comentaba en el post anterior sobre RSS, llego el momento de usarlo, la formula mágica:

BLOGS/SITES+RSS+AGGREGATOR = “Diario personalizado”.

El concepto es así:  Seguir leyendo “Que demonios es: AGGREGATOR / READER ?” »

Optimized by SEO Ultimate