Archive for tag: bitly

La Razon por Ser

Tagged: , , , , , ,

Quise compartir de la razon por ese blog y como empezó.  Primero, la razon social que tomé la decision compartir con uds fue porque me necesitan.  Nada mas, nada menos.  Sabia que yo puedo mejorar sus vidas y que sus vidas serian mas ricas y llenas conmigo.   Ok, la razon tecnica que empecé el blog fue porque quise aprender un sistema de CMS nuevo y me gusta tener un razon (el blog).  Mas por la chamba que todo lo aprendi pero igual me diverti en hacerlo y de todas maneras, me divierto escribiendo de mis vainas.  Te explico de los aspectos tecnicos.  Muchos informaticos leen mi blog y pensé que les gustria saber:

Requisitos del Blog (nivel alto)

  • Hacer Posting de Blog
  • Sistema de Tag
  • Sistema de Terminos de la pagina (wtf,bbq).. Los terminos son mios incluyendo las definiciones que ves.
  • Integracion con facebook (like/comentario) y twitter (tweet)
  • Mobile formato
  • Integracion con bitly
  • Photo Gallery con efectos cheveres.  Manejado por el cms.

Datos Generales de Architectura

  • Windows Data Server 2008
  • IIS 7
  • .NET 4.0 - se puede con .NET 3.5 y sabras porque en un rato
  • SQL Server 2008 express
  • Utilizamos un servidor en la nube de amazon, EC2

Datos de Programacion

  • CMS de Umbraco - Es un CMS opensource escrito en .NET y es uno de los unicos en .NET que esta bueno.  De verdad esta contra bueno por muchas razones.   El sistema no es un sistema blog, es un sistema que podrias hacer lo que quieras y como dije, yo adapte el sistema para mi blog y para aprender.  Implementamos algunos paquetes como lo del blog pero mas el sistema es hecho por xlts y los procesos internos del sistema.
  • XLTS - Muy usado en el sisteam de Umbraco.. Es parte del sistema y es necesario saber/aprender.  No es un programa o sistema, es como manipular y buscar por xml.
  • Jquery para parsear el texto, hacer llamadas al webservice y para alguns plugins mencionado abajo.  Pude haberlo hecho el reemplazo de texto de terminos en el backend pero tome la decision hacerlo en el frontend para que las paginas se muestran mas rapidos y que no haya un regex reemplazo en el backend en todas las paginas.  Si no tienes javascript es 99.9% que tengas un mobile y no  es necescario que funcione en un mobile (touchscreen tooltips no funcionan en mobile).
  • Qtip ver 2.0/experimental plugin para los tooltips del terminos.. Los terminos son como bbq o wtf
  • Facebook Connect para comentarios* y like... Cambie los comentarios de facebook a disqus.  Vamos a ver como funcionen.
  • Bitly Integracion y Busqueda de terminos - La unica programacion afuera del CMS de umbraco.  Escribí un DLL/Clase en C# que tiene 2 partes: Cuando escribo un blog, cuando coloco un link, se convierte a bitly por un event hook de guardar en CMS. Tambien, hice un webservice que busca los terminos que yo argregue al sistema (hice los nodes del sistema para dirigirlo).
  • 51 Degrees Mobile Checker - Microsoft tenia un proceso para identificar un telefono mobile pero parece que no existe.  51 degrees me ayuda en identificar los devices mobiles y que manda al sitio para mobiles.
  • Jquery Mobile - Otra vez jquery, implementamos el beta de jquerymobile en nuestra sitio mobile.
  • Colorbox Plugin - los efectos de mi foto album.  Solo hay una categoria ahora (agrego mas, mas tarde) pero funciona bien chevere (no en mobile todavia).  El foto album y todo fue escrito en xlst por Concha, cuando hagas un click en un foto, esa parte es colorbox.
  • ReplaceText Jquery Plugin - Porque es una porqueria parsear texto de los nodes de un documento html.. Tengo que reemplazar cada termino en el texto con un span con un clase y eso pasa antes de que puedo llamar el qtip.
  • Autosnippet - No sabes el dolor de colocar HTML en tu blog.  Ese jquery plugin me salvo la vida y los badges son faciles implementar.
  • Disqus - Comentarios del blog.

Todo el contenido es manejado por el cms.  Por ejemplo si quiero agregar un album o foto, entro el sistema por su UI, subo la foto, y la publico.  Si quiero agregar otro termino, igual.  Eso es lo que construye con umbraco.  Si quieres saber mas de la implementacion, pon un comentario y me mandas un email por aqui - comosea @ conchadeltoro . com   sin los espacios.

continue reading & comment...

Nov21

Post Info