[#LYNC] El p@#% Lync me bloquea mi cuenta de Windows y la posible solucion

Hola!

Pues eso, que desde hace 1 mes aproximadamente mi cuenta de Windows se bloquea cada 60 minutos. Como siempre ando con devices de aqui para allá, pensé que deje podría quedarse “pegada” mis credenciales antiguas en alguno de estos devices.

Así que comencé a revisar todo en Madrid, Barcelona, Seattle, etc y nada .. cada 60 minutos, locked account. El siguiente paso fue intentar contactar con el Helpdesk de Avanade para que me den una lista de dispositivos desde los que se registran intentos inválidos de login … pues la burocracia me puede.

Hoy el Ricard me ha comentado que tal vez esto esté relacionado con el put@ Lync. Y que borrando unos archivos el problema tal vez se solucione. Como después de pasearnos por Torre Picasso, el Ricard se volvió para Barcelona, me quedé con la intriga de esta solución y … un poco de bing y google y llegué a la posible solución.

Nota: es impresionante la diferencia entre ambos buscadores. google me pone lo que busco en el 1er lugar, bing … pues se parece al Valentino cuando inventamos cuentos de dragones.

image

Pues eso, en este thread en los foros de TechNed alguien comenta que para Lync 2010 siguiendo los siguientes pasos, el problema se soluciona.

1. Borrar los siguientes directorios

del C:Users%userprofile%AppDataRoamingMicrosoftCommunicator*.*

del C:Users%userprofile%AppDataLocalMicrosoftCommunicator*.*

2. Eliminar la siguiente entrada en el registro

HKEY_CURRENT_USERSoftwareMicrosoftCommunicator

3. Y el problema se soluciona.

Desde Lync2010 ya ha pasado un tiempo, y en mi caso he borrado los siguientes directorios

– C:Users<user>AppDataRoamingMicrosoftOffice15.0Lync

– C:Users<user>AppDataLocalMicrosoftOffice15.0Lync

Sin borrar la entrada en el registro y parece que funciona … en un par de horas más veré si este post sigue siendo válido.

 

Referencia: http://social.technet.microsoft.com/Forums/lync/en-US/03b9a0bd-4742-4d41-bb3a-0a9f9574498f/lync-client-locks-out-adaccount?forum=ocsclients

Saludos @ Home

El Bruno

image image image Google

[#VS2013] Fecha de lanzamiento de Visual Studio 2013? pues si, el 18-Oct

image

Hola!

Es el

18 de Octubre!

Update: me he liado un poco, y David Salgado (ahora en USA) me lo ha recordado.

El 18-Oct es el lanzamiento de VS2013. El plan de precios de TFService todavía no tiene fecha, la página a consultar es la siguiente: http://tfs.visualstudio.com/en-us/pricing/tfs-information

Lo único que podemos sacar en claro desde allí es que es gratis hasta 5 usuarios y con beneficios para suscripciones MSDN

I’m an MSDN subscriber, how will the service work for me?

Just sign up for the Free Plan today and you can use the service for free. When we begin charging in 2013, access to the service will be offered as a benefit—at no additional charge—for paid MSDN subscribers at these levels:

  • Visual Studio Ultimate with MSDN
  • Visual Studio Premium with MSDN
  • Visual Studio Test Professional with MSDN

You get all the benefits of your MSDN subscription plus you can store your work and collaborate with your project team in the cloud.

Fuente: http://blogs.msdn.com/b/somasegar/archive/2013/10/07/visual-studio-team-foundation-service-and-the-enterprise-cloud.aspx

Saludos @ La Finca

El Bruno

image image image Google

[#LIVEWRITER] HowTo: BackUp settings, posts, etc (de forma mucho mas facil !!!)

Hola!

hace unos días escribí un post sobre una forma de realizar un backup de las settings de Windows Live Writer. El proceso era un poco rebuscado, implicada copiar archivos de la carpeta AppData y bueno .. hay una forma mucho más simple:

Pues eso, es una herramienta que hace estos pasos de forma automática y mucho más simple. La aplicación permite guardar toda la info de WLW relacionada con:

  • Settings
    • Blogs
    • Blog Templates
    • Link Glossary ( genial !!! )
  • Posts
    • Drafts
    • Recent Posts
  • PlugIns
    • All Plugins

Luego desde la misma app, podemos recuperar todos estos datos.

image

Descarga: http://wlwbackup.codeplex.com/

Saludos @ La Finca

El Bruno

image image image Google

[#LEGO] Tablero de gestión de proyectos con LEGO !!! (Frikismo level 9)

image

Hola!

Ahora que trabajo con gente de UX más tiempo, me doy cuenta de que su nivel de locura es muy simpático. Los developers molan, pero los de UX se pasan …

Y la gente de Vitamins se ha pasado 4 pueblos. Imaginate que te piden una herramienta para controlar las tareas que realiza un equipo con estas premisas

– aquí la gente viaja mucho, o sea que tiene que ser posible acceder a la misma de forma Online

– como somos muy frikis, tabién queremos que tenga una interfaz físcia para que todo el mundo pueda ver el tracking en tiempo real y “tocar” el tablero

Pues bien, si a eso le sumas un par de personas, que como yo, no han tenido Legos en su infancia; pues crean un tablero de seguimiento de tareas donde:

  • Se usan fichas de Lego para identificar personas, tareas, etc.
  • Si cada ficha representa un esfuerzo, pues poner una serie de fichas es incrementar el esfuerzo
  • Una app para un móvil permite sacar una foto del mismo y sincronizar el tablero real con el Online
  • Puedes tener un video que no será viral, pero será respetado por gente como yo

Lo dicho, mejor el video

IMPRESIONANTE !!!

 

Fuente: http://vitaminsdesign.com/projects/lego-calendar/

Saludos @ Home

El Bruno

image image image Google

[#TFS2012] HowTo: Usar #Bug con tableros #Kanban en la plantilla de #CMMI

image

Hola!

Después de más de un año de trabajar con Team Foundation Service, la verdad es que me había olvidado lo que es trabajar con TFS on Premise. A eso le sumo que hace años que toco la plantilla de CMMI, y claro la siguiente pregunta del Edu me dejo con una cara de bobo de aquellas:

¿Cómo puedo hacer para poder gestionar mis BUGS con un tablero Kanban si trabajo con la plantilla CMMI en Team Foundation Server 2012?

Si bien, la pregunta de deja todo explicado, mejor aclaro el escenario:

Yo no sabía que en la plantilla de CMMI, en el board de trabajo sólo se ven los requerimientos (los workitems de tipo requeriment). La siguiente imagen muestra un ejemplo del board con una plantilla CMMI, donde vemos que el único tipo de elemento que podemos crear es un REQUIREMENT.

image

Nota: Pensándolo un poco, esto tiene sentido por la jerarquía de trabajo de CMMI. Aunque después de trabajar con tableros, es dificil dejar de usar los mismos.

Así que la challenge estaba sobre la mesa: ¿Cómo lo hago? !!! Y tampoco es que haya mucha información en la webs sobre esto. Lo más cercano es esta entrada de la MSDN, en la sección “Types of work items that are considered backlog items”.

La misma describe los pasos a tener en cuenta para agregar nuevos tipos de WorkItems que sean tratados como Backlog Items. Traducido a CMMI, esto sería tratados como Requerimientos. Pues bien, como la ayuda no dice todos los pasos, estos son los que hemos seguido nosotros y (por ahora) funcionan.

1. Exportamos el listado de categorías desde TFS con el comando

witadmin exportcategories /collection:CollectionURL /p:ProjectName /f:"DirectoryPathcategories.xml"

Manos de Lagarto: Antes de modificar el archivo recuerda hacer backup del mismo!

2. Editamos el mismo y agergamos el workitem type BUG como un requerimiento

  <CATEGORY refname="Microsoft.RequirementCategory" name="Requirement Category">
    <DEFAULTWORKITEMTYPE name="Requirement" />
    <WORKITEMTYPE name="Bug" />
  </CATEGORY>

3. Actualizamos la configuracion del Team Project con este cambio, con el comando

witadmin importcategories /collection:CollectionURL /p:ProjectName /f:"DirectoryPathCategories.xml"

4. Este punto es muy importante: Aquí te has cargado el TFS, la vista WEB te mostrará unos errores de lo más simpáticos. Si bien la guía de MSDN te recomienda en este punto definir también el mapeo entre los estados de los WorkItems y las columnas del tablero Kanban, hay un detalle que no te comenta.

El WorkItem Type REQUERIMENT tiene un campo SIZE que se utiliza para el cálculo en algunos gráficos de WebAccess y además en la vista por defecto se utiliza esta columna. Puedes cambiar toda esta configuración y definir que valor se utilizará de un BUG o … agregar el campo Size al WorkItem Type Bug.

5. Para agregar este campo, utilizando las Team Foundation Server 2012 Power Tools editamos la definición del Bug. Menú “Tools // Process Editor // Work Item Types // Open WIT from Server”

image

6. En la lista de tipos, seleccionamos el BUG

image

7. Agregamos un nuevo campo con los sigiuentes datos:

image

8. Listo !!! Ahora ya nuestro tablero principal nos permitirá utilizar REQUERIMENTS o BUGS … con todas las features que ello implica: tableros Kanban, gráficos, etc.

image

 

Referencias:

Saludos @ La Finca

El Bruno

image image image Google

[#BOOTSTRAP] HowTo: utilizar forms con Bootstrap 3 (bueno tampoco esperes mucho …)

Hola!

durante estos días he visto a mucha gente que se pone Jappy Jappy con Bootstrap, además parece que si lo usas con AngularJs pues es mejor que unas fresas bañadas con chocolate !!!

Hoy tocó trabajar un poco con forms y las lecciones aprendidas son las siguientes:

– existe una serie de clases para organizar los contenidos de un form, por ejemplo form-horizontal y form-inline

– existen una serie de clases para definir los labels de los controles y los estilos específicos de los controles

Veamos un ejemplo mal hecho:

   1:  

   2: <!DOCTYPE html>

   3: <html xmlns="http://www.w3.org/1999/xhtml">

   4: <head>

   5:     <title>Form 1</title>

   6:     <meta name="viewport" content="width=device-width, initial-scale=1.0">

   7:     <link href="Content/bootstrap/bootstrap.css" rel="stylesheet">

   8: </head>

   9: <body>

  10:     <div class="container">

  11:         <form class="form-horizontal">            

  12:             <fieldset>

  13:                 <legend>Form 1</legend>

  14:                 <div class="controls">

  15:                     <label>Field 1</label>

  16:                     <input type="text" placeholder="1 type something ..." />

  17:                 </div>

  18:                 <div class="controls">

  19:                     <label>Fieldazo 2</label>

  20:                     <input type="text" placeholder="2 type something ..." />

  21:                 </div>

  22:             </fieldset>

  23:         </form>

  24:     </div>

  25:     <script src="scripts/jquery-1.9.1.js"></script>
   1:  

   2:     <script src="scripts/bootstrap.js">

</script>

  26: </body>

  27: </html>

El resultado que tenemos es el siguiente (mucho más feo que pegarle a tu madre)

image

Ahora bien, agrupando los controles en un DIV con la clase control-list, definiendo la clase control-label para el label de cada uno, y con poco mas … ya tenemos un form más agradable.

   1:  

   2: <!DOCTYPE html>

   3: <html xmlns="http://www.w3.org/1999/xhtml">

   4: <head>

   5:     <title>Form 1</title>

   6:     <meta name="viewport" content="width=device-width, initial-scale=1.0">

   7:     <link href="Content/bootstrap/bootstrap.css" rel="stylesheet">

   8: </head>

   9: <body>

  10:     <div class="container">

  11:         <form class="form-horizontal">            

  12:             <fieldset>

  13:                 <legend>Form 1</legend>

  14:                 <div class="control-list">

  15:                     <label class="control-label">Field 1</label>

  16:                     <div class="controls">

  17:                         <input type="text" placeholder="1 type something ..." />

  18:                     </div>

  19:                 </div>

  20:                 <div class="control-list">

  21:                     <label class="control-label">Fieldazo 2</label>

  22:                     <div class="controls">

  23:                         <input type="text" placeholder="2 type something ..." />

  24:                     </div>

  25:                 </div>

  26:             </fieldset>

  27:         </form>

  28:     </div>

  29:     <script src="scripts/jquery-1.9.1.js"></script>
   1:  

   2:     <script src="scripts/bootstrap.js">

</script>

  30: </body>

  31: </html>

El ejemplo anterior de código guente nos permite conseguir un form que no haga vomitar a los habitantes del averno

image

Antes de seguir a ejemplos más avanzados (tampoco es que la cabeza me de para más), lo mejor es leer la ayuda oficial de CSS en la sección FORMS de Bootstrap >> http://getbootstrap.com/css/#forms

Por ejemplo el uso de la clase form-group con form-horizontal para agrupar contenidos horizontalmente, modelos de validación, etc.

 

Referencia: http://getbootstrap.com/css/#forms

Saludos @ La Finca

El Bruno

image image image Google

[#BOOTSTRAP] Live grid, columnas y demas …

Hola!

después del post de ayer sobre la forma de agregar Bootstrap a un proyecto web en Visual Studio 2012 o 2013, hoy voy a explicar un poco sobre la forma que provee by default Bootstrap para trabajar con elementos en una grid.

El modelo más simple que propone Bootstrap se basa en una grid con 12 columnas. Sobre esta base es posible armar grupos de columnas que siempre sumen 12, por ejemplo

  • 4, 4, 4
  • 6, 2, 4
  • 1, 1, 4, 3, 3
  • etc

La siguiente imagen, extraida de la doc oficial lo explica para que lo entiendan personas como yo.

image

La forma de crear este tipo de tablas consiste en definir un DIV con la clase row  y luego los componentes interiores con un esquema fijo que funciona “en todas las resoluciones”, con las clases

  • .col-xs-; para extra small devices < 768px
  • .col-sm-; para small devices >= 768px
  • .col-md-; para medium devices >= 992px
  • .col-lg-; para large devices => 1200px

El siguiente ejemplo define un tamaño de 4,4,4 para medium devices y un tamaño 8,2,2 para small devices

   1: <div class="container">

   2:     <div class="row-fluid">

   3:         <div class="col-md-4 col-xs-8" style="background: greenyellow">

   4:             <h1>Title A</h1>

   5:             <p>

   6:                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

   7:             </p>

   8:         </div>

   9:         <div class="col-md-4 col-xs-2" style="background: yellow">

  10:             <h1>Title B</h1>

  11:             <p>

  12:                 Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.

  13:                 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.

  14:             </p>

  15:         </div>

  16:         <div class="col-md-4 col-xs-2" style="background: red">

  17:             <h1>Title C</h1>

  18:             <p>

  19:                 Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.

  20:                 Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.

  21:             </p>

  22:         </div>

  23:     </div>

En ejecución se ve algo así

BootstrapSample2

Por cierto, muchas gracias a Gorka (@Gk_8) por hacerme acordar de explicar los col-xs- … Winking smile y gracias a Sergio Leon (@panicoenlaxbox) por explicarme la version 3 de Bootstrap!

Referencias:

Saludos @ La Finca

El Bruno

image image image Google

[#VS2013] HowTo: Crear un website con Bootstrap

image

Hola !

Hoy vamos con un post cortito y espero que la 3G me funcione bien en el AVE cuando tenga que descargar el paquete NuGet. Pues eso, la de hoy es fácil:

Cómo crear un WebSite incluyendo Bootstrap en el mismo

Primero lo primero: ¿conoces Bootstrap? si no lo conoces, deberías.

Bootstrap es un framework creado por Twitter para crear interfaces y website responsives basados en HTML5 y CSS3.

Pues ya está, es un zip que tiene un par de archivos .css y .js. La forma más usual de obtener este package es acceder al site de Bootstrap y darle un click a Download Bootstrap.

image

El zip posee todo lo necesario para poder crear un site aprovechando las capacidades que nos brinda Bootstrap. Sin embargo hay otra forma más elegante de hacerlo que es la siguiente:

1. Crea un website con Visual Studio 2012 o 2013. Para este ejemplo he ocultado el path local y he puesto de nombre al site “BootstrapSample”

image

Esta acción nos crea un website limpio

image

2. Agregamos una página HTML y la llamamos index.html

image

3. Agregamos el siguiente código a la página

   1: <!DOCTYPE html>

   2: <html xmlns="http://www.w3.org/1999/xhtml">

   3: <head>

   4:     <title></title>

   5: </head>

   6: <body>

   7:     <div>

   8:         <h1>Title A</h1>

   9:         <p>

  10:             Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

  11:         </p>

  12:     </div>

  13:     <div>

  14:         <h1>Title B</h1>

  15:         <p>

  16:             Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.

  17:             Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.

  18:         </p>

  19:     </div>

  20:     <div>

  21:         <h1>Title C</h1>

  22:         <p>

  23:             Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.

  24:             Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.

  25:         </p>

  26:     </div>

  27: </body>

  28: </html>

Nota: he puesto de ejemplo un poema en latín de mi autoría.

4. Si navegamos la página veremos lo siguiente

image

Increíble, hemos creamos una página HTML simple y ZERO RESPONSIVE !!!

5. A continuación agregaremos los elementos que posee Bootstrap a nuestro website para aprovechar las capacidades del mismo. En el proyecto desplegamos el menú contextual, seleccionamos la opción “Manage NuGet Packages” y buscamos por Bootstrap. Seleccionamos el correcto y clic en “Install”.

image

Detallazo: Bootstrap es de Twitter y es bastante obvio en los resultados de la búsqueda que el 1ro no es un producto de Twitter sino de … pues alguien. Cuidado con que agregas a tu proyecto.

6. Una vez agregados los elementos de este paquete nuestro proyecto ya posee los elementos necesarios para trabajar con Bootstrap.

image

Update: en un post me han comentado que desde la versión 3 Bootstrap es responsive by default, con el que eliminaré los pasos innecesarios !!!

7. Un detalle que ví cuando descargué este pkc es que no contiene el archivo “bootstrap-responsive.css” que es el que posee los estilos en modo responsive. Agregamos un archivo con este nombre al proyecto y el contenido lo sacamos desde http://getbootstrap.com/2.3.2/assets/css/bootstrap.css

8. Ahora toca modificar la página para que la misma aproveche algunas capacidades de Bootstrap. Modificamos el codigo teniendo en cuenta lo siguiente

– líneas 6, agregamos las referencias a los CSS de Bootstrap

– línea 10 agregamos un DIV general para contener todo el contenido de la página con la clase “container”. Este div agrega unos márgenes al contenido y ajusta el mismo de forma automática.

– línea 11, agregamos un nuevo DIV con la clase “row-fluid” que es la que contiene las 3 secciones con el contenido de la página

– línea 12, en cada DIV ponemos la clase “col-md-4” para identificar el mismo. (en otro post explico como funciona el modo GRID de bootstrap o si quieres puedes ver la ayuda oficial aquí)

   1: <!DOCTYPE html>

   2: <html xmlns="http://www.w3.org/1999/xhtml">

   3: <head>

   4:     <title></title>

   5:     <meta name="viewport" content="width=device-width, initial-scale=1.0">

   6:     <link href="Content/bootstrap/bootstrap.css" rel="stylesheet">

   7:     <link href="Content/bootstrap/bootstrap-responsive.css" rel="stylesheet">

   8: </head>

   9: <body>

  10:     <div class="container">

  11:         <div class="row">

  12:             <div class="col-md-4">

  13:                 <h1>Title A</h1>

  14:                 <p>

  15:                     Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

  16:                 </p>

  17:             </div>

  18:             <div class="col-md-4">

  19:                 <h1>Title B</h1>

  20:                 <p>

  21:                     Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.

  22:                     Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.

  23:                 </p>

  24:             </div>

  25:             <div class="col-md-4">

  26:                 <h1>Title C</h1>

  27:                 <p>

  28:                     Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.

  29:                     Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.

  30:                 </p>

  31:             </div>

  32:         </div>

  33:     </div>    

  34:     <script src="scripts/jquery-1.9.1.js"></script>
   1:  

   2:     <script src="scripts/bootstrap.js">

</script>

  35: </body>

  36: </html>

 

9. Listo !!!

Si ´visualizamos la página y cambiamos el tamaño de la misma veríamos algo similar a esto

Bootstrapsample

En el próximo post comentaré algo más ya pasando a proyectos ASP.Net MVC y cositas ya fuera de mi nivel !

Referencias: http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem

Saludos @ AVE

El Bruno

image image image Google

[#STORYTELLING] 22 reglas de Pixar para Story Telling

Hola!

El post de hoy es un Off-Topic completo, pero es que no he podido resistirme a ponerlo. Varias veces he escrito sobre la importancia de la comunicación en un equipo y con los clientes. Muchas veces veo que cuando 2 personas hablan, luego lo que han entendido ambas partes es diferente.

Y es por eso que de las 22 reglas que propone Pixar para StoryTelling, hay algunas que son un #MustDo !!! El gran Dino Ignacio, se ha encargado de ponerlas en un marco gráfico, para que a los negados (como yo) a este tipo de elementos, nos sea más fácil la comprensión de las mismas.

image

image

image

image

image

Fuente: http://www.fastcocreate.com/3018559/pixars-22-rules-of-storytelling-visualized#6

Saludos @ Barcelona

El Bruno

image image image Google