Category: Microsoft MVP


Signage_Building_99_Web

Como saben este mes ha sido muy emocionante en cuanto a noticias tecnológicas, estamos en una etapa muy cambiante donde ya no es extraño ver a un amigo con un celular táctil, una laptop o un Ipad. Frente a esta ola de nuevos dispositivos dependientes de conexión a internet y redes sociales, la tendencia de trabajo a cambiado totalmente, antes las empresas entregaban a sus trabajadores un dispositivo para trabajar(Sea bueno o malo), hoy en día los trabajadores llevan su dispositivo preferido, para que sea configurado con su cuenta de trabajo.

Este gran cambio está dejando atrás la era full PC, en la cual todo el trabajo se realizaba en una computadora personal; en la década pasada Microsoft dominó y lideró el mundo de la tecnología, ya que esta se basaba en las PC. Ahora con la nueva tendencia de movilidad la mayoría de las personas van formando cierta opinión de las empresas que lideran el mundo de la tecnología, estuve conversando con algunos amigos que no son muy apegados a la tecnología, pero la usan diariamente para diversos tipos de tareas y luego de escucharlos quisiera compartir la siguiente síntesis de un artículo que leí:

AppleHace unos años Apple, el antiguo rival de Microsoft y que casi llega a la quiebra, comenzó a dominar el mundo de la música con su iPod y iTunes. Mientras Google con su buscador creció a un ritmo impresionante hasta acaparar el mercado de la publicidad en Internet. Al mismo tiempo que Google y Apple  crecían, en Microsoft comenzaron a tener confianza excesiva en su fuerza de mercado.  Quizás parte de la percepción de mis amigos inició con del daño que causó Windows Vista en todo el mundo. Para esa época el sentimiento anti-Microsoft comenzó a ganar popularidad. Y como la propia empresa ha reconocido en relación a uno de sus productos, Internet Explorer se convirtió en el navegador que la gente ama odiar.

Windows-vista-logo-1En el 2007, justo cuando Microsoft pasaba por sus peores momentos en popularidad gracias a Windows Vista, Apple lanza el iPhone el dispositivo que cambiaría por completo el mercado de consumo de tecnología. Este teléfono, que hacía poco en comparación con sus contendientes de la época, tenía algo que los destacaba sobre los demás. Este algo era el énfasis en la experiencia de usuario. En el iPhone la experiencia de usuario era tan importante como sus funcionalidades. Y este pequeño detalle cambió todo. Pero a pesar de sus desaciertos en el mundo de la tecnología de consumo, durante todos estos años Microsoft ha ido obteniendo grandes éxitos en el mundo de negocios, este enfoque es el que le ha dado la mayor parte de sus beneficios económicos.

android_logo_Con la expansión de iOS en el iPhone, los triunfos de Android y la eventual llegada del iPad; la prensa, los inversionistas e incluso los consumidores (Mis amigos) comenzaron a ver un futuro gris para Microsoft. De hecho, mucha de la prensa de tecnología ha ignorado o menospreciado muchos de los productos de esta empresa (Ejm El Comercio). Tanto fue el sentimiento anti-Microsoft que hay personas que aún hoy no han logrado reconocer el cambio de actitud que ocurrió en Microsoft para el 2009-2010.

imageengineHTCEn esa época fue cuando comenzó el desarrollo de Windows 8 y además fue cuando el mundo conoció a Windows Phone 7. En lo que respecta a mi experiencia personal, fue con la salida de Windows Phone 7 que noté el cambio que estaba ocurriendo en Microsoft. El lanzamiento de ese sistema operativo con su fluida y elegante interface Metro me llevó a replantearme mi posición ante Microsoft. Sin duda Microsoft había aprendido de sus errores y estaba comenzando a cambiar.

Durante el último Worldwide Partner Conference (WPC 2012)  Steve Ballmer dijo lo siguiente: “Este es el año más épico en la historia de Microsoft” “. Y es que este año no solo veremos los lanzamiento de Windows 8 y Windows Phone 8, sino que además llegarán las primera PC fabricada por ellos junto con Office 15 y toda una serie nueva de herramientas para las empresas.

Finalmente mencionó lo siguiente: "intentamos dejar absolutamente claro que no vamos a dejar ni un solo hueco sin cubrir para Apple … No en la nube. No en la innovación de hardware o software. No vamos a dejar nada de eso en manos de Apple. No va a suceder. No mientras estemos aquí".

Creo que quienes continúan con el sentimiento anti-Microsoft no han notado el cambio de actitud que ha ocurrido dentro de Microsoft. Me parece que han enmendado muchos de sus errores y esto lo digo sin olvidar que aún quedan unos cuantos por corregir (En mi caso anhelo colocar mi canción preferida como tono de mi Celular).

El 2012 es el año de muchas sorpresas, el resultado de este gran cambio de actitud es Surface, Windows Phone 8, Office 15 y el nuevo Office 365, en las siguientes publicaciones estaré brindando mis impresiones de cada uno de ellos con algunas recomendaciones y tips, los dejo con videito del nuevo Surface:

Saludos


MVP_HorizontalFrancis Urteaga
Consultor en Soluciones de Negocio | G&S Gestión y Sistemas SAC
clip_image00352clip_image00452clip_image00652clip_image00752clip_image00952

Vista de Windows 8 en acción.

BARCELONA, Españafebrero 29, 2012 – Microsoft Corp. ha anunciado hoy la disponibilidad de la vista previa para consumidores de Windows 8 – el siguiente hito del sistema operativo Windows. Esta última vista previa estará disponible para su descarga a partir de hoy en http://preview.windows.com . La Vista Previa para Consumidores de Windows 8 ofrece una experiencia más robusta para probar el sistema operativo más popular del mundo y está disponible para la gama más amplia de personas aún después de la publicación inicial del Developer Preview de Windows 8 a finales del año pasado. El Developer Preview recibido más de 3 millones de descargas.

Windows8_CP"Con Windows 8, vuelve a imaginar las diferentes maneras en que las personas interactúan con su PC y cómo hacer que todo se sienta como una extensión natural del dispositivo, ya sea usando una tablet con Windows 8, ordenador portátil o todo-en-uno", dijo Steven Sinofsky, presidente de la División Windows y Windows Live de Microsoft. "La Vista Previa para Consumidores de Windows 8 ofrece un enfoque sin compromisos al uso de su PC."

En un caso de La Vista Previa para Consumidores de Windows 8 en Barcelona que contó con la participación de los socios de Europa y en todo el mundo, la compañía compartió algunas de nuevas claves en La Vista Previa para Consumidores de Windows 8:

  • Amplia gama de cambios y mejoras de productos. Desde la Developer Preview en septiembre, diseñada para obtener una vista previa de la plataforma de programación, Windows 8 ha progresado en todas las dimensiones. De completar la experiencia del usuario para el tacto, el teclado y el ratón para refinar la plataforma de desarrollo, la vista previa de los consumidores mejora el rendimiento, calidad y fiabilidad en todos los subsistemas. Con las características añadidas, que representa una vista más completa de las capacidades de Windows 8.
  • Tienda de Windows con nuevas aplicaciones. La Vista Previa para Consumidores de Windows 8 marca el inicio de la beta de Windows Store, que se llena con una variedad de nuevas aplicaciones de Metro de estilo de ambos desarrolladores de terceros y de Microsoft. Durante la vista previa para los consumidores están disponibles , estas aplicaciones para probar y experimentar sin costo alguno para los usuarios. La tienda de Windows ofrecerá recomendaciones personalizadas, y Windows 8 ofrece a los usuarios la capacidad de tomar sus aplicaciones y configuraciones con ellos a través de varios equipos, por lo que es fácil de descubrir y probar nuevas aplicaciones al tiempo que ofrece a los desarrolladores la oportunidad más grande de cualquier plataforma.
  • Conexión a la nube a través de PC basados ​​en Windows y Windows Phone. La Vista Previa para Consumidores de Windows 8 ofrece una perfecta integración con la atención de la gente sobre el contenido a través de sus dispositivos. Un inicio de sesión adicional opcional con una cuenta de Microsoft proporciona acceso a una serie de características, incluyendo la capacidad para recorrer todos los ajustes, utilice almacenamiento en la nube, comunicarse con el correo electrónico, calendario y contactos, y conectar a una amplia gama de servicios. Su conexión a la nube funciona a través de sus PCs basadas en Windows y sus teléfonos con Windows.
  • Internet Explorer 10 Platform Preview 5. La mejor manera de experimentar la Web en Windows es con Internet Explorer 10. El navegador ha sido re-imaginado para crear una nueva experiencia diseñada específicamente para dispositivos con Windows 8. Proporciona una interfaz de usuario de extremo a extremo que es en todos los navegadores de menos y más Web. Rápido y fluido, Internet Explorer es acelerado por hardware para mejorar el rendimiento Web.
  • Vista previa de las capacidades de hardware nuevos. En el evento, Microsoft también presentó Windows 8 se ejecuta en una amplia gama de hardware de nueva referencia en x86 y basado en ARM. Este equipo estará disponible para seleccionar a los desarrolladores para las pruebas como se anunció previamente.
Aquí pueden ver los comentarios del concurso para crear aplicaciones para La Vista Previa para Consumidores de Windows 8.

La Vista Previa para Consumidores de Windows 8 estarás disponible en todo el mundo para su descarga en Inglés, francés, alemán, japonés y chino simplificado. Más información acerca de Windows 8 y de cómo descargar la vista previa del Consumidor está disponible en http://preview.windows.com o http://windowsteamblog.com.

 

Finalmente comparto con uds el video con las Demos de La Vista Previa para Consumidores de Windows 8 donde pueden ver y aprender acerca del uso de Windows al instalarlo.

Sin nada más que comentarles por el momento, espero que descarguen La Vista Previa para Consumidores de Windows 8 y gocen aprendiendo, estos son los enlaces para mayor Referecia:

A continuación comparto los Enlaces Directos:

  • Inglés
    64 bits (x64) Descargar (3,1 GB) Hash Sha 1: 1288519C5035BCAC83CBFA23A33038CCF5522749
    32 bits (x86) Descargar (2,3 GB) Hash Sha 1: E91ED665B01A46F4344C36D9D88C8BF78E9A1B39
    Clave del producto: DNJXJ-7XBW8-2378T-X22TX-BKG7J
  • Chino simplificado
    64 bits (x64) Descargar (3,1 GB) Hash Sha 1: DF69B851F9A81DECBB16648CC452461894416EB0
    32 bits (x86) Descargar (2,3 GB) Hash Sha 1: E29A2072745A48C14A1C2E5A61F5230841BEDB45
    Clave del producto: DNJXJ-7XBW8-2378T-X22TX-BKG7J
  • Francés
    64 bits (x64) Descargar (3,1 GB) Hash Sha 1: A9358E6799ABEEF29EDBA054AD34849C02C7F51F
    32 bits (x86) Descargar (2,3 GB) Hash Sha 1: 2EF8013B9F50B93AEAC8068F4827E2C1DC0DC0B1
    Clave del producto: DNJXJ-7XBW8-2378T-X22TX-BKG7J
  • Alemán
    64 bits (x64) Descargar (3 1 GB) Hash Sha 1: DB1003A47C266697B3832BE2A23319988EE34495
    32 bits (x86) Descargar (2,3 GB) Hash Sha 1: 91075AEA665C5D6F42A24714B3A3390762C94457
    Clave del producto: DNJXJ-7XBW8-2378T-X22TX-BKG7J
  • Japonés
    64 bits (x64) Descargar (3,1 GB) Hash Sha 1: A8F0DB12CAECEA0BE8B27EA124F2234212D9103A
    32 bits (x86) Descargar (2,3 GB) Hash Sha 1: C8A322ED86058086207CAAECD46B4DDACF9E247A
    Clave del producto: DNJXJ-7XBW8-2378T-X22TX-BKG7J

Requisitos del sistema

Windows 8 Consumer Preview funciona correctamente con el mismo hardware utilizado para Windows Vista y Windows 7:

  • Procesador: 1 gigahercio (GHz) o más

  • RAM: 1 gigabyte (GB) (32 bits) ó 2 GB (64 bits)

  • Espacio en disco duro: 16 GB (32 bits) ó 20 GB (64 bits)

  • Tarjeta gráfica: dispositivo gráfico Microsoft DirectX 9 o superior

Requisitos adicionales para usar algunas características:

  • Para el uso táctil, necesitas una tableta o un monitor que sea compatible con una función Multitouch.

  • Para acceder a Windows Store y descargar y ejecutar aplicaciones, necesitas una conexión a Internet activa y una resolución de pantalla de al menos 1024 x 768.

  • Para acoplar aplicaciones, necesitas una resolución de pantalla de al menos 1366 x 768.

Cómo instalar Windows 8 Consumer Preview desde una imagen ISO

La forma más sencilla de convertir un archivo ISO en un DVD en Windows 7 es usar la grabadora de imágenes de disco de Windows. En un equipo que ejecute Windows XP o Windows Vista, se requiere un programa de terceros para convertir un archivo ISO en un medio instalable; un programa de grabación de DVDs suele incluir esta funcionalidad. Una opción es la herramienta de descarga para USB o DVD proporcionada por Microsoft Store. También puedes descargar el programa de instalación de Windows 8 Consumer Preview, que incluye herramientas que te permiten crear un DVD o una unidad flash USB desde un archivo ISO (se requiere Windows Vista o Windows 7).

Saludos


MVP_HorizontalFrancis Urteaga
Microsoft MVP | Internet Explorer
clip_image00352clip_image00452clip_image00652clip_image00752clip_image00952

Microsoft llega al Mobile World Congress para mostrar cómo Windows Phone es más rápido que la competencia y da a conocer el nuevo hardware y aplicaciones, incluyendo Skype.

Así como lo leen, en este post voy a resumir todo lo nuevo de Windows Phone que se anunció en el MWC, y sin más preámbulos iniciamos:

 

BARCELONA – 27 de febrero 2012 – Microsoft está volviendo al Mobile World Congress de este año para lanzar un desafío: Windows Phone es más rápido que otros teléfonos inteligentes, y la compañía está regalando dinero si es que puedes ganarle a Windows Phone con otro sistema Operativo.

Ben Rudolph de Microsoft continúa con la campaña “Fumados por Windows Phone”, va en contra de los teléfonos con Android para demostrar que Windows Phone es simplemente más rápido en las tareas cotidianas, como subir una foto a Facebook, encontrar un restaurante cercano y otras tareas.

Microsoft está dedicando la mayor parte de su presencia en la feria de este año regalar $100 en  "Fumados por Windows Phone" esta es una versión internacional de la campaña presentado en el CES . Los asistentes están invitados a enfrentar a su teléfono inteligente en contra Windows Phone para realizar las tareas cotidianas, como subir una foto a Facebook, enviar mensajes de texto a un amigo, o consultar el correo electrónico. Si el teléfono del retador es más rápido, gana $100. Si pierden, tienen que posar para las cámaras con un cartel que dice "Mi teléfono fue fumado por Windows Phone".

El desafío es una muestra lúdica pero importante para aumentar la confianza de Microsoft en Windows Phone, que fue presentado hace dos años en el Mobile World Congress, dijo Greg Sullivan, gerente senior de marketing para Windows Phone.

Skype para Windows Phone será compatible con las características que los usuarios de Skype que ya conocemos y amamos, incluyendo Skype a Skype de audio y video llamadas, llamadas económicas a teléfonos fijos y móviles con crédito de Skype y mensajería instantánea."El Congreso Móvil Mundial de este año representa realmente la culminación de la jornada que hemos estado realizando  en los últimos dos años", dijo. "Después de anunciar el nuevo enfoque que decidimos tomar con los smartphones, ahora estamos mostrando la forma en que los resultados de enfoque diferente en un teléfono que no es más rápido que la competencia".

Dos anuncios hechos en el ventilador de Barcelona que ayuda a la sensación del momento, dijo. La primera consistió en una adición muy esperada: Skype para Windows Phone. Una versión beta está disponible para su descarga gratuita , con la versión completa a finales de este año.

La compañía también reveló sus planes para llevar sus teléfonos inteligentes hacia nuevos países mediante la expansión de hardware y soporte de idiomas. Una nueva línea de teléfonos de bajo costo, que utilizan hardware más barato "Sistema-en-un-chip" procesadores y la memoria reducida, traerá una experiencia de smartphone de gama alta de dispositivos más asequibles – sin dejar de correr casi todas las aplicaciones disponibles en el Marketplace de Windows Phone.

Sullivan dijo que los anuncios en Barcelona fortalecerá los vientos de cola detrás de Windows Phone, que incluyen críticas muy favorables , los dispositivos premiados , y más de 65.000 aplicaciones y contando en su mercado. "2012 es un año grande para la familia Windows, y realmente se inicia ahora con Windows Phone".

Skype llega a Windows Phone

Nuevo Nokia Lumia 610 ofrece a un público más joven con la perfecta introducción a la rica experiencia Web social y de entretenimiento de Windows Phone.Con la aplicación de Skype beta, Windows Phone ofrece una prueba de una de las últimas aplicaciones que debe tener dijo Sullivan. La aplicación beta tiene características multimedia de 200 millones de usuarios mensuales de Skype conectados que ya están familiarizados, incluyendo Skype a Skype de audio y video llamadas económicas a teléfonos fijos y móviles con crédito de Skype y mensajería instantánea.

Rick Osterloh, vicepresidente de productos y del diseño de Skype, dijo que está emocionado acerca de la conexión de usuarios de Skype con la experiencia de Windows Phone.

"Creo que es realmente importante para tomar ventaja de las nuevas tecnologías e innovaciones que se están produciendo en el ecosistema de Windows Phone, su conexión con la plataforma de Skype y la red de comunicaciones", dijo. "Ahora toda una clase grande de usuarios se desbloquea con esta aplicación, y permite una nueva forma de comunicación de Windows Phone en la red de Skype."

Aquí pueden ver una demo de las características.

El equipo de Skype aprovechó al máximo el diseño del Metro de Windows Phone en la construcción de la aplicación, dijo Osterloh. Los usuarios podrán ver su sencillez en la forma de los pivots de aplicaciones en torno a dos áreas clave de contenido: contactos y mensajes, donde las llamadas recientes, mensajes instantáneos y mensajes de correo de voz se agruparán.

"Metro es muy simple, muy fácil de usar y muy intuitivo, nos abrazó completamente el modelo. Skype se ve muy bien con el metro y ofrece una experiencia limpia y consistente en todos los dispositivos Windows Phone 7.5, "dijo.

"Esperamos con interés recibir comentarios sobre la versión beta, que ofrece el núcleo de la experiencia del usuario de Skype", dijo Osterloh. "Y por supuesto vamos a seguir invirtiendo en la versión con todas las funciones y el trabajo con el equipo de Windows Phone para Skype y estoy seguro que nos irá muy bien trabajando juntos con Windows Phone con los nuevos dispositivos que llegan al mercado."

Tener un alcance global en el Mobile World Congress

El Orbit es la última oferta de la china ZTE y estará disponible en el segundo trimestre de este año.Soporte de Microsoft para una nueva serie de hardware de bajo costo abre la puerta a nuevos mercados en todo el mundo, como China, dijo Sullivan. La compañía recientemente habilitó el Marketplace de Windows Phone en Argentina, Indonesia, Malasia, Perú, y Filipinas y en la semana que viene la llevará a 23 países adicionales: Bahrein, Bulgaria, China, Costa Rica, Croacia, Estonia, Islandia, Iraq, Israel , Kazajstán, Letonia, Lituania, Qatar, Rumania, Arabia Saudita, Eslovaquia, Eslovenia, Tailandia, Turquía, Emiratos Árabes Unidos, Ucrania, Venezuela y Vietnam.

"Estamos ampliando y ampliando la gama de precios que nos apoyan para que usted sea capaz de comprar teléfonos más asequibles, en más idiomas y países sobre más tipos de redes en todo el mundo", dijo.

Los socios de Microsoft están ayudando a cumplir con esa visión. Anteriormente en el MWC, Nokia introdujo un cuarto miembro a la familia Lumia, el 610, y anunció que va a llevar toda su línea de Lumia a China. Basado en un chip de bajo costo y una configuración de memoria más pequeño, el 610 será el teléfono más accesible en la línea de Lumia. ZTE de China también anunció un smartphone de bajo costo, El Orbit.

El equipo de ingeniería de Windows Phone viene trabajado duro para ofrecer una gran experiencia en estos teléfonos de bajo costo. Casi todas las aplicaciones actuales en el mercado va a trabajar en estos nuevos teléfonos, dijo Sullivan. Esas aplicaciones que necesitan más potencia se marcarán en el mercado por lo que un usuario con uno de los teléfonos de bajo costo con menos memoria, no descargará una aplicación que no funciona bien.

"Estos teléfonos ofrecen en la idea de que incluso si usted no paga mucho por el teléfono inteligente, que no debería tener que conformarse con un teléfono que no hace lo que el hizo en el comercial", dijo.

Al traer teléfonos con Windows existentes en nuevos mercados, y el apoyo a una gama más amplia de puntos de precio, Microsoft está aumentando la audiencia direccionable Windows Phone en un 60 por ciento, dijo Sullivan.

"Creo que es fácil ver por qué estamos tan en alza en 2012 y por lo que esperamos que sea un gran año para Windows Phone, tal como lo conocemos será para toda la familia de Windows."

Y para finalizar aquí les muestro una lista de los teléfonos con Windows Phone que ya está en el mercado:

Samsung Focus™
Samsung Focus

HTC HD7
HTC HD7

HTC Arrive™
HTC Arrive™

HTC Radar™ 4G
HTC Radar™ 4G

Samsung Focus™ S
Samsung Focus™ S
HTC TITAN™
HTC TITAN™
HTC Trophy™
HTC Trophy™
Nokia Lumia 710
Nokia Lumia 710
Samsung Focus™ Flash
Samsung Focus™ Flash
HTC 7 Pro™
HTC 7 Pro™
HTC TITAN II™
HTC TITAN II™
Nokia Lumia 800
Nokia Lumia 800

Nokia Lumia 900
Nokia Lumia 900

Nokia Lumia 610
02-27Nokia610_lg

LG Optimus 7
LG Optimus 7

Samsung Omnia 7
Samsung Omnia 7

Recuerden escoger el que más les convenga y tener en cuenta que sean compatibles con la banda de su país.

Saludos


MVP_HorizontalFrancis Urteaga
Microsoft MVP | Internet Explorer
clip_image00352clip_image00452clip_image00652clip_image00752clip_image00952

Hace unos días estuve charlando con un par de amigas que se quejan de su BlackBerry, pero que al mismo tiempo no quieren dejar de usarlo, como se muestra en la siguiente ilustración:

conversacion BB

Por lo que me hicieron recordar a los amigos que aún usan Windows XP, pero la pregunta es la siguiente… ¿¿¿De verdad piensan que Blackberry OS es mejor que Windows Phone 7???

Esto levanta muchas respuestas, pero la verdad es que muchas de las personas en Latinoamérica hoy en día aún tienen la imagen de Windows Mobile en vez de Windows Phone y déjenme decirles que hay mucha diferencia entre uno y otro.

En funcionalidad, hardware, interface entre otras cosas, es como comparar esto:

 

Windows-Phone-VS

Las interfaces táctiles han cambiado totalmente, hoy en día hablamos de pantallas multitouch en los dispositivos móviles (Tablets, Celulates y otros), atrás quedaron los dispositivos con lapicitos y tener que escribir letra por letra, la fragilidad de los SmartPhones también a quedado atrás, hoy en día vemos dispositivos hechos con materiales de Aluminio, pantallas no se rayan, conectividad en todo lugar, para mayor información pueden visitar la siguiente web y ver todas las mejoras de Windows Phone: http://www.microsoft.com/windowsphone/en-US/features/default.aspx

Comparto esta imagen para que se puedan dar una idea de la interactividad del sistema operativo.

Windows Phone Gift

Saludos


MVP_HorizontalFrancis Urteaga
Microsoft MVP | Internet Explorer
clip_image00352clip_image00452clip_image00652clip_image00752clip_image00952

Estaba trabajando en una presentación de Office 365 cuando encontré un artículo interesante que se titula Are You Missing Something Important? y lo escribió nada más u nada menos que Tom Rizzo (Senior Director, Office and Office 365 en Microsoft Corp.), por lo que me parece muy importante la información que a continuación detallo:

Para obtener su punto de vista acerca de las cuestiones de estilo. La fabricación de su punto de vista y el toque que personal de un mensaje es muy importante al elaborar y redactar un mensaje o documento de un determinado tema. Por lo tanto, su mensaje debe ser completo y el formato de su documento tiene que ser lo que usted pretende comunicar. Por supuesto, queremos tener todas las piezas en su mensaje, incluyendo los gráficos y las imágenes. Necesitamos tener el look adecuado y que este se sienta. Me gusta llamar a esto la "fidelidad" del documento.

Conoce a nuestro hombre en este video. Él puso su corazón y su alma en la preparación de su propuesta. Se puede imaginar su frustración cuando las cosas no salen exactamente como era su intención.

Esto también te puede pasar si usas Google Docs

 

No pierdas tu estilo utilizando Google Docs para compartir documentos. Comparta la información y las ideas con Office Web Apps sin perder tu estilo.

He compartido los documentos de Office con Google Docs, y esto es lo que puede suceder:

  • La información crítica en las celdas de la hoja de cálculo de Excel desaparecen.
  • Las fórmulas presupuestarias mostrarán "ERROR", y me veo como me si estuviera en segundo grado de matemáticas.
  • Las imágenes se perdieron en las invitaciones, dejar a sus amigos sienten "plana" sobre la parte que sabemos va a ser el mejor evento de 500 Millas de Daytona que hemos tenido!
  • En cuanto a mi trabajo en la oficina en un documento, el control de cambios desaparecen y los ‘Comentarios’ no están vinculados a las fuentes. El mensaje no fluye, por decir lo menos. Mi enfoque y la influencia son cuestionables … Uggh.
  • Estoy actualizando mi biografía, a punto de presentar en un evento. Formateo, incluyendo las lengüetas, espaciado entre párrafos y los márgenes de la página moverse y algunos caen. Espero ridículamente poco profesional, y he perdido el acento y el estilo que he trabajado.
  • A continuación, finalizar la presentación. Mis fuentes de PowerPoint se cambian, y las animaciones y transiciones están desaparecidos. En el evento, que pierden la atención de los clientes en la entrega de la misma.

En resumen, las personas que pueden comunicarse con el mensaje equivocado, porque Google Docs no suele entregar sus documentos de Office de la manera que crea en el escritorio-Pueden perderse en la traducción, ser incompleta, y, ciertamente, carecen de chispa.

Con Office Web Apps puedo crear, acceder, editar y compartir documentos de Word, Excel, PowerPoint y OneNote ya sea utilizando Windows Live SkyDrive o SharePoint.

Quieren verlo? Echa un vistazo a las diferencias entre el uso de Office Web Apps y Google Docs.

compites

Deja que tu estilo defina tu trabajo.

Visitan la Office Facebook page. Usted puede publicar, compartir y aprender más acerca de las diferencias de la gente encuentra en el uso de Office Web Apps en comparación con Google Docs.

Si usted está listo para sentir el cloud computing, usted puede probar SkyDrive. – ¡Es gratis!

Saludos


MVP_HorizontalFrancis Urteaga
Microsoft MVP | Internet Explorer
clip_image00352clip_image00452clip_image00652clip_image00752clip_image00952

Yeah!!! así como lo leen!!! La vista previa de Windows 8 para consumidores será lanzada en el MWC 2012!!!

windows-8-consumer-preview

Resumen:La vista previa de Windows 8  se estará lanzando en Barcelona durante el Mobile World Congress el 29 de febrero.

Microsoft va a celebrar un evento en el Congreso de Mundial de móviles (MWC) en Barcelona el 29 de febrero para iniciar la Vista previa de Windows 8 consumidor.

El evento será un asunto de dos horas (de 3 pm a 5 pm) el miércoles.

El 29 de febrero también pasa a ser el último día de febrero. Funcionarios de Microsoft han dicho la vista previa de consumidor, a la beta pública, es programado para llegar a finales de febrero.

Funcionarios de Microsoft dijeron el otoño pasado que Microsoft planeada ofrecer una vista previa de desarrolladores (que salió en septiembre), una sola beta (Preview de consumidor), una Release Candidate y entonces versión Windows 8 para fabricación.

Para aquellos que me han preguntado si la vista previa de Windows 8 para consumidores será lanzado vía Webcast, no hay ninguna respuesta definitiva por el momento. Un portavoz dijo que: "Habrá gran cantidad de contenido en línea en el centro de noticias de Microsoft la semana del 29 de febrero."

Parece un poco extraño que Microsoft decida lanzar la vista previa de Windows 8 para consumidores, pero supongo que será parte de su estrategia para posicionar Windows 8 en tabletas como gadgets de consumidores móviles.

Por mi parte esperaba que en el MWC2012 hablen de “Tango”, o de la siguiente versión de Windows Phone 8 (Apolo), pero si viene Windows 8 para consumidores, tendremos mucho de que hablar.

Espero que esta noticia los alegre a todos!!!

Saludos


MVP_HorizontalFrancis Urteaga
Microsoft MVP | Internet Explorer
clip_image00352clip_image00452clip_image00652clip_image00752clip_image00952

Comparto este post, que fue publicado en el blog oficial de Building Windows 8 el año pasado:

Nos complace mucho la calurosa bienvenida que los desarrolladores nos ofrecieron con ocasión de la presentación de una gran oportunidad que se abre ahora con Windows 8. Con la B8 nuestra atención se desplaza hacia la versión Preliminar de Desarrollo, qué contiene y cómo va evolucionando. Esperamos que aquellos de vosotros que deseen participar en el blog de IE ya estén instalando y utilizando esta versión preliminar. Aunque aún es eso, una preliminar, y dirigida a los desarrolladores, su uso resulta divertido.

Queríamos hablar un poco sobre la navegación estilo Metro y el trabajo que hemos hecho hasta ahora para ofrecer una experiencia de navegación que realmente prescinde de los elementos habituales de la interfaz de usuario del navegador (“chromeless”). Hemos puesto mucho empeño en el soporte para HTML5 y en el soporte de los estándares con el mejor rendimiento y el máximo nivel de fiabilidad como complemento a las bien conocidas y eficaces funciones de seguridad de IE. Seguimos probando y ofreciendo una experiencia de desktop que utiliza las mismas tecnologías HTML5. Así es como ofrecemos una experiencia de navegación sin riesgos con IE10. En este artículo describo cómo es la versión Preliminar 3 de Plataforma IE10 en la Preliminar de Desarrollo de Windows 8. Este artículo lo ha redactado Dean–Steven

Para hacer progresar la experiencia de navegación, pocas cosas hay más eficaces que ponerla en un dispositivo táctil. Para conseguir la mejor navegación en cualquier factor de forma con Windows 8 hemos rediseñado por completo la experiencia del navegador web y la arquitectura subyacente

Nuestra planteamiento con Windows 8 empieza con un excelente motor de navegación HTML5 que es capaz de ofrecer dos experiencias distintas. El motor, en sí mismo, ofrece una compatibilidad fuerte con los estándares web, un rendimiento superior mediante la aceleración por hardware, un elevado nivel de seguridad, privacidad, etc. Después hemos creados dos experiencias a partir de este motor: una nueva experiencia estilo Metro y otra, más tradicional, que es la actual generación de navegador para equipos de escritorio, con pestañas y un “chrome” relativamente escaso.

El resultado es que ahora podemos llevar un solo dispositivo y nos ofrece ambas experiencias sin ningún riesgo ni renuncia, ya sea funcionando como una atractiva tableta o como un portátil flexible. También podemos tener ambas experiencias en un escritorio potente con varios monitores.

Puedes conseguir la mejor experiencia envolvente en sitios Web HTML5 habilitados para interfaz táctil con el navegador estilo Metro en Windows 8. Si prefieres un entorno más tradicional de ventana y controlado mediante pestañas, tienes una versión avanzada de IE en el escritorio. Ambas modalidades funcionan con el mismo motor IE10.

Mientras creábamos una experiencia estilo Metro totalmente nueva, nos ocurrió algo muy curioso: nos dimos cuenta de que al final era una mejor forma de navegar por la Web incluso en un PC de escritorio con pantalla grande, teclado y ratón. Aunque se trata de un navegador orientado en principio a la interacción táctil, funciona muy bien con teclado, ratón o trackpad. Si has tenido ocasión de navegar desde el teléfono con cierta asiduidad, probablemente ya estarás acostumbrado a utilizar una modalidad que prácticamente no tiene “marco” , una gestión de pestañas mucho más visual, una experiencia más envolvente, con menos aspecto de “escritorio” y mucho más manual. Puede ser que te des cuenta que prefieres la experiencia de Internet Explorer 10 en estilo Metro que la de escritorio.

Solo por recordar: el navegador estilo Metro en la actual Preliminar de Desarrollo de Windows es para desarrolladores, no para usuarios finales. Es un trabajo orientado a la comunidad de desarrollo, para que pueda disponer ya de la experiencia de consumidor (por ejemplo, actualizando ciertas librerías obsoletas de los sitios Web que no funcionan bien en IE10, o comprobando que los sitios que funcionan sin plug-ins para otros dispositivos también funcionan bien con el navegador estilo Metro).

Un mismo motor, dos experiencias

Dado que es fundamental conseguir un excelente soporte para HTML5 tanto en el IE para desktop como en el IE estilo Metro, hemos adaptado la arquitectura del motor de IE10 para hacerlo operativo con ambas experiencias. Las dos comparten el mismo historial de navegación, la lista de direcciones escritas, las configuraciones y resto de elementos. El motor común ofrece una experiencia consistente, tanto en velocidad como en seguridad y potencia, tanto para los sitios web actuales como para las aplicaciones estilo Metro:

  • Rendimiento. Internet Explorer estilo Metro tiene el mismo rendimiento, líder del mercado, que el IE para escritorio. Incorpora las mismas características de aceleración por hardware para gráficos, vídeo y audio, JavaScript compilado y nuevas optimizaciones en el motor de restitución y formato para mejorar la respuesta en interacción táctil.
  • Seguridad. IE estilo Metro comparte las mismas medidas de seguridad, fiabilidad y privacidad que el IE de desktop, las más avanzadas del mercado. Entre otras: SmartScreen, filtro XSS y navegación InPrivate
  • HTML5. IE estilo Metro se mantiene dentro del mismo modelo avanzado de programación Web basado en HTML5 que la versión de escritorio. En BUILD presentamos nuevo soporte para las funcionalidades CSS Text Shadow, Transiciones y Animaciones y Transformaciones 3D, las APIs de HTML 5 IndexedDB, Web Sockets y File, el Historial HTML5, división de palabras (guiones) y la Cache de Aplicación de HTML5 aparte de otras novedades que ya habían aparecido en las Preliminares de Plataforma de IE10.

Si quieres leer más sobre el IE para escritorio y sobre los detalles técnicos del motor de navegación Trident y el motor de JavaScript Chakra, te recomiendo el Blog de IE.

Rediseño del navegador como aplicación estilo Metro

Cuando decidimos replantearnos el navegador para convertirlo en una aplicación estilo Metro, vimos que estábamos ante un nuevo modelo que podía hacer avanzar la web.

Por ejemplo, el estilo Metro es envolvente. En el caso de una página Web en IE estilo Metro no aparece ningún tipo de elemento visual que distraiga la atención. Podemos utilizar gestos estándar para conseguir la funcionalidad que, de otra forma nos haría perder la atención a lo que aparece en la Web. Podemos buscar y compartir información desde IE estilo Metro utilizando “charms” igual que se hace con otras aplicaciones estilo Metro, Podemos utilizar el charm de Dispositivos, por ejemplo, para reproducir y proyectar vídeos desde las páginas web en dispositivos externos. Podemos acoplar IE lado contra lado con otra aplicación estilo metro. El uso de sitios web junto con aplicaciones estilo Metro es sencillo porque están diseñados para trabajar juntos.

El nuevo estilo Metro es bastante más que un diseño visual. Por ejemplo, nos permite entrar en nuestros sitios web importantes tecleando menos. Verás una lista en pantalla, que puedes manejar con los dedos, de los sitios web de usados frecuentemente y los sitios anclados cuando abres una nueva pestaña o cuando se muestra la barra de direcciones:

1
El navegador estilo metro muestra una lista visual, manejable con el tacto, de los sitios web de acceso frecuente y anclados.

Al escribir en la barra de direcciones, va filtrando esta lista. Cuando nos movemos por las pestañas abiertas, la barra de direcciones aparece al momento, de modo que podemos ir al sitio web que queramos si no está abierto aún:

2
Pestañas abiertas y barra de direcciones en el navegador estilo metro

Las funciones de corrector ortográfico y auto-completar también nos evitan tener que escribir mucho a la hora de utilizar direcciones web. Puedes ver que incluso puedes navegar con InPrivate y Protección Anti-tracking.

Para que los sitios web que más te interesan estén más accesibles, puedes anclarlos a la nueva ventana de Inicio de Windows 8, de la misma forma que anclamos las aplicaciones estilo Metro.

3
Anclado de un sitio web en la ventana Inicio

IE10 ofrece controles (como check box y radio buttons) con más espacio alrededor, para que sea más fácil su uso con los dedos. Los desarrolladores pueden hacer sus páginas web mucho más adaptadas a la interfaz táctil empleando patrones web estándar como CSS para modificar el estilo de los controles. Por ejemplo, aquí vemos un control HTML5 de tipo selector de rango de valores con una imagen personalizada de fondo:

4
Control HTML5 con imagen de fondo personalizada en IE10 (arriba), en Chrome (abajo a la izquierda),
y en Mozilla Firefox (abajo a la derecha)

El IE estilo Metro soporta las funciones de desplazamiento y zoom con gestos de los dedos. Las páginas se muestran de manera rápida y fluida, igual que el resto del sistema, debido a que el motor de HTML5 aprovecha toda la potencia de la aceleración por hardware. Puedes comprobarlo con el rendimiento de las funciones de desplazamiento (pannning) y scroll de los contenidos.

Aquí tienes una demo que muestra este rendimiento y otras características de la experiencia de navegación:

Descarga este vídeo para reproducirlo en tu reproductor preferido:
MP4 de alta calidad | MP4 de menor calidad

IE estilo metro: pensando en el futuro

Nosotros vemos nuevas oportunidades que pueden hacer evolucionar la web como resultado de esta nueva experiencia de navegación. Existe un trabajo por delante para los desarrolladores de sitios web, que pueden aprovechar las ventajas que se les ofrecen. La interfaz táctil es sumamente importante, también lo es tener una experiencia envolvente. Las oportunidades que se abren ahora son inmensas, visto la enorme cantidad de tiempo que la gente dedica a visitar la web.

La Preliminar de Desarrollo de Windows es para desarrolladores, no para usuarios finales. Por ejemplo, aún queda mucho por hacer para garantizar que todos los sitios web que ahora funcionan sin plug-ins con otros dispositivos, pueden también funcionar igual en IE10. De la misma forma, algunos sitios pueden necesitar poner al día unas librerías obsoletas que no funcionan correctamente con IE10. También es importante que el navegador actual para escritorio ofrezca el mismo nivel de compatibilidad que todo el mundo pide a una nueva versión de Windows.

Los pesimistas pueden criticarnos por tener lo que ellos denominan “dos navegadores”. En realidad solo hay un único motor de navegación que podemos utilizar bajo dos “pieles”. Con el tiempo, la experiencia estilo Metro estará presente en más y más escenarios de navegación del consumidor, aun reconociendo que el navegador para escritorio sigue jugando un papel fundamental en las actividades de muchas personas. Podemos definir nuestro estilo por defecto, pero también cambiar sin problemas de uno a otro o utilizar cualquier otro navegador con Windows 8.

Los pesimistas seguramente tratarán de poner en tela de juicio hasta qué punto son necesarios los distintos aspectos de cada estilo de navegador. Si tienes intención de permanecer inmerso todo el tiempo en el mundo de Metro, puedes hacerlo. Ni siquiera vas a ver el escritorio, y Windows no cargará el código salvo que tú lo arranques de manera expresa. Pero si para ti tiene valor la experiencia de escritorio –por su control más preciso, la potencia del sistema de ventanas y la gestión de archivos, por compatibilidad con ciertos complementos, todas estas capacidades siguen estando a tu disposición de la manera más directa, con solo pulsar un botón. En la arquitectura y el diseño hemos puesto un cuidado especial en ofrecer una experiencia sin compromisos ni renuncias, adaptada a tus necesidades, aunque solo lleves un dispositivo. En definitiva, que puedas navegar con total comodidad.

FUENTE: Dean Hachamovitch – http://blogs.msdn.com/b/b8/archive/2011/09/14/metro-style-web-browsing-one-engine-two-experiences-no-compromises.aspx

Saludos


MVP_HorizontalFrancis Urteaga
Microsoft MVP | Internet Explorer
clip_image00352clip_image00452clip_image00652clip_image00752clip_image00952

¡¡Ya puedes aprender HTML5 gracias a este curso gratuito online!!

HTML5_Wallpaper_1680x1050Si deseas conocer las ventajas y novedades que ofrece este nuevo estándar es tu oportunidad. Sigue este curso gratuito y en español que se compone de 6 lecciones, en las que te enseñaremos desde qué es HTML5 hasta el uso de las nuevas APIs, como la de Drag&Drop. Junto con las lecciones se incluye código de ejemplo para seguir el curso y preguntas de repaso al final de cada lección.

No te quedes atrás, descárgate IE9, sigue el curso online y…¡evoluciona a HTML5!

Lecciones disponibles:

ATENCIÓN: No es necesario registro, las lecciones están online y accesibles desde los enlaces de más abajo o en la página general del curso aquí.

A continuación podéis ver un resumen del curso. Iremos actualizando los enlaces a las lecciones conforme las vayamos publicando.

Ver Lección 1: Definición de HTML5

Objetivos: En esta lección los estudiantes aprenden las funcionalidades y características que forman parte de la especificación HTML5 y las tecnologías que involucran. También podrán aprender la diferencia entre la sintaxis de HMTL5 y la de HTML4 y/o XHTML 1.0. Por otra parte, al finalizar esta lección los estudiantes podrán identificar las principales características de HTML5, como los nuevos elementos HTML5, elementos multimedia, el elemento Canvas, formularios web, etc. Otro objetivo es que los estudiantes puedan distinguir entre funcionalidades que técnicamente forman parte de la especificación de HTML5 y otras que se consideran tecnologías relacionadas, como la Geolocalización, Arrastrar y Soltar y CSS3.

  • Beneficios de HTML5
  • Principales características
    • Nuevos elementos de markup y presentación
    • Los elementos <video>, <audio> y <canvas>
    • Formularios Web
    • Elementos revisados que se basan en HTML 4.0
  • Introducción a las APIs de HTML5 y tecnologías de apoyo
    • Geolocation
    • Web Workers
    • Almacenamiento Web
    • CSS3: Animaciones y transiciones
    • CSS3: Fondos, bordes, colores RGBa, gradientes, sombreados y esquinas redondeadas
    • Tipos de letra @font-face para la web
  • HTML5 todavía es un proyecto en fase de desarrollo
    • Compatibilidad de navegadores
    • Dónde se utiliza HTML5 actualmente

Ver Lección 2: Conceptos básicos de HTML, XHTML y CSS

Objetivos: En esta lección los estudiantes aprenden los conceptos básicos de HTML, XHTML y CSS, necesarios para saber crear la estructura y estilo de sus páginas web. Aprenden cómo se utilizan los tipos de documento (DOCTYPE) para ayudarles a validar sus páginas web y utilizarlos como herramienta de resolución de errores. En esta lección, los estudiantes crean una página web sencilla que les sirve para saber cómo se insertan imágenes, cómo se crean enlaces y cómo pueden trabajar con hojas de estilos tanto internas como externas.

  • Introducción a la sintaxis de HTML
    • Detalles de la sintaxis XHTML
  • La función de DOCTYPE
    • Validación W3C y de página
  • Creación de una página HTML
    • Definición de elementos HTML
    • Inserción de imágenes en HTML
    • Uso de atributos
    • Creación de vínculos
  • El papel de las hojas de estilos CSS (Cascading Style Sheets)
    • Aplicar estilos a una cabecera
    • Clases de estilos y el elemento <span>
  • Tres formas de utilizar los estilos
    • Internos
    • Externos
    • En línea
  • Cuándo utilizar hojas de estilo Internas o externas
  • Creación de una hoja de estilos externa
  • El concepto de "cascada" de CSS

Ver Lección 3: Introducción a la presentación en pantalla con CSS

Objetivos: En esta lección los estudiantes aprenden los conceptos básicos de presentación de elementos en pantalla con CSS, incluyendo una estructura visual de dos columnas con ancho fijo, utilizando HTML y CSS. Aprenden la función de un archivo de “reset” CSS y cómo se añade a la página Web. Esta lección incluye el uso del elemento <div> y las propiedades float y clear de CSS para crear columnas en la página.

  • El papel del archivo de reset CSS
    • Añadir un enlace a una hoja de estilos de reset externa
  • Breve historia de las técnicas de disposición en pantalla de las páginas web
    • Introducción a las opciones de presentación de las páginas
  • Creación de una estructura básica de dos columnas de ancho fijo con CSS
    • El elemento DIV
    • Asociación de IDs y clases CSS con elementos DIV
  • La propiedad float de CSS
    • Creación de columnas con la propiedad float
  • Uso de la propiedad clear
  • Creación de una navegación basada en listas con directivas float
  • Uso de márgenes y rellenos para controlar la disposición de los elementos en pantalla
  • Imágenes de fondo con CSS
    • Decoración de un pie de página con una imagen de fondo

Ver Lección 4: Uso de las etiquetas HTML5

Objetivos: En esta lección los estudiantes aprenden a utilizar los nuevos elementos HTML5 para lograr presentaciones en pantalla más avanzadas. Se revisan aquí los principales elementos de división en secciones y también se repasan las etiquetas de HTML4 que han sido objeto de actualización en HTML5. Los estudiantes aprenden a convertir una página existente que emplea elementos HTML4 en una página HTML5 sustituyendo elementos <div> por otros nuevos elementos HTML5. Además, en esta lección se aprende a trabajar con elementos de formulario HTML5 y a añadir contenidos multimedia con los elementos <video> y <audio>.

  • Revisión del concepto de semántica de las etiquetas HMTL
  • Fundamentos de HTML5
    • Uso de la declaración DOCTYPE de HTML5
  • Diferentes categorías utilizadas para contenidos HTML5
    • Contenidos de Metadatos
    • Contenidos de Flujo
    • Contenidos de Sección
    • Contenidos de Cabecera
    • Contenidos de Frase
    • Contenidos embebidos
    • Contenidos interactivos
  • El nuevo elemento <header>de HTML5
    • Incorporar soporte para elementos HTML5 en los navegadores
  • Incorporación de elementos <nav> de HTML5
  • Esquema de documentos con HTML5
  • Incorporación de otros elementos de sección de HTML5
    • Elemento <section>
    • Elemento <article>
    • Elemento <aside>
    • Elemento <footer>
  • Otros elementos HTML5
    • Elemento <figure>
    • Elemento <figcaption>
    • Elemento <time>
  • Elementos revisados de HTML 4.0
    • La etiqueta <b> frente a <strong>
    • La etiqueta <i> frente a <emphasis>
  • Uso de formularios HTML5
    • Tipos de datos de entrada email y url
    • Atributos required y placeholder
    • Atributos autofocus y autocomplete
  • Uso de los elementos Video y Audio
    • Uso del elemento <video> y sus atributos relacionados
    • Uso del elemento <audio> y sus atributos relacionados
    • Aspectos a tener en cuenta sobre los códecs de vídeo y audio al trabajar con contenidos multimedia

Próximamente Lección 5: Uso del elemento Canvas

Objetivos: En esta lección los estudiantes aprenden en qué consiste el elemento Canvas, el API de dibujo en dos dimensiones que incluye la especificación HTML5. En este tema se explica cómo se incorporan elementos de diseño gráfico a una página web, por ejemplo formas, textos, rellenos y trazos de colores, imágenes y animaciones sencillas con Javascript. Esta lección enseña también a los estudiantes los conceptos básicos de la interactividad con Javascript.

  • El papel de JavaScript en las aplicaciones HTML5
  • Conceptos básicos de JavaScript
    • Eventos de JavaScript
    • Ubicación del código JavaScript en un documento externo
    • El DOM (Document Object Model)
  • El elemento Canvas
    • Ventajas del elemento Canvas
  • Diseño gráfico con Canvas
    • Dibujo de trazos
    • Dibujo de rectángulos
    • Dibujo de líneas y círculos
    • Dibujo de curvas
  • Inserción de textos
  • Colores, estilos y gradientes
  • Inserción de imágenes
  • Creación de gráficos en el Canvas
    • Uso de arrays de datos
  • Creación de animaciones con Canvas y Animation
    • Uso de transformaciones
    • Creación de un bucle de dibujo

Próximamente Lección 6: Funciones Drag y Drop de HTML5

Objetivos: En esta lección se enseña el uso de Drag and Drop, un API relacionada con la especificación HTML5. Concretamente, los estudiantes aprenden a crear una interfaz de carrito de la compra sencilla arrastrando y soltando objetos en pantalla.

  • Diferentes formatos de Drag y Drop en la web
    • Ventajas de las funciones Drag y Drop
  • Compatibilidad de Drag y Drop entre distintos navegadores
    • Uso de la función preventDefault
    • Los eventos dragenter y dragover
    • Convertir un elemento en "arrastrable" (draggable) en HTML5
    • El atributo ondragstart
    • Creación de la función dragStarted
    • Medidas para la compatibilidad con diferentes navegadores
  • Transferencia de datos con una operación "Drag-and-Drop"
    • Uso del objeto dataTransfer
    • Uso de la función setData
    • La propiedad innerHTML

Más sobre HTML5

Fuente: MSDN España

Saludos


MVP_HorizontalFrancis Urteaga
Microsoft MVP | Internet Explorer
clip_image00352clip_image00452clip_image00652clip_image00752clip_image00952

La gente del Windows Phone Developer Blog ha creado esta infografía para ofrecer una mirada retrospectiva a Windows Phone en 2011, con una vista de información específica para desarrolladores, lo que les permite saber en un solo vistazo las tendencias de descargas en Windows Phone, a continuación la imágen:

5383_WP-Marketplace-Opportunity-infographic-r09b-011112_thumb_57B52915

Saludos


MVP_HorizontalFrancis Urteaga
Microsoft MVP | Internet Explorer
clip_image00352clip_image00452clip_image00652clip_image00752clip_image00952

Encontré este artículo en la web de MSDN España, espero les sirva:

En este artículo explicaremos cómo crear nuestra primera página en HTML5 y CSS3 con WebMatrix 2, veremos algunas de las novedades en etiquetas y atributos de estos estándares y las ventajas que nos ofrece WebMatrix 2 para esta tarea.

Para ello necesitaremos descargar la herramienta:


Descárgalo gratis desde aquí, empieza a desarrollar tu sitio web y ayuda a mejorar la herramienta publicando tu feedback en el foro de WebMatrix.

internetexplorer9logo
Internet Explorer 9 es el navegador más compatible con HTML5. Si no lo tienes instalado deberías probarlo. Puedes descargarlo desde aquí.

 

Empieza con WebMatrix

imageimage

Cuando iniciamos WebMatrix tendremos la opción de abrir un sitio ya creado, de empezar a programar desde una plantilla o instalar una aplicación de la galería. Elegiremos crear nuestro sitio web desde una plantilla, que será la plantilla de sitio vacío para crearlo desde cero.

En la pantalla principal de WebMatrix seleccionamos el icono Files de la parte inferior izquierda y haremos doble clic en el fichero Default.cshtml. Este fichero será nuestra página de inicio del sitio web. Viene con la estructura base para que podamos empezar a programar en HTML5 y utilizar sintáctica Razor para código de servidor. En este artículo nos centraremos en el código HTML5.

 

Estructura HTML5

Con HTML5 tendremos una web más simple y semántica gracias a las nuevas etiquetas para identificar mejor algunos elementos y no llenar nuestra página de elementos div sin ningún valor semántico. El ejemplo más claro son las etiquetas <video> y <audio> utilizadas para esta clase de elementos multimedia pudiendo identificarlos mejor que con los típicos div con un id.

 

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8" />

<title></title>

</head>

<body>

</body>

</html>

image

Con WebMatrix 2 si no tienes muchos conocimientos de HTML5, su estructura y nuevas etiquetas, no te preocupes, mientras escribes te aparecerán sugerencias mostrándote las etiquetas que puedes utilizar y cuando la selecciones te pondrá la etiqueta de cierre automáticamente para que no se te olvide.

imageSi quieres una ayuda más amplia puedes presionar el icono de ayuda que aparece arriba a la derecha. Este icono abre un panel en el que aparecen enlaces a material y cursos referente al tipo de codificación que tenga la página. Si estamos creando una página .cshtml podremos ver ayuda sobre ASP.NET si es .html será sobre HTML5, etc.

 

Uso de Header, Nav y Footer

Vamos a editar la estructura para adecuarla a lo que queremos, empezando por cambiar el lenguaje de la página a español y poniendo el título “Mi primer sitio html5”. También pondremos un título, un menú de navegación y el pie de página.

Existe una etiqueta nueva denominada <header>. Se utiliza para los elementos que sean encabezados, normalmente títulos, que tengamos en nuestra página y pueden haber varias de estas etiquetas. El título lo pondremos dentro de una etiqueta <header>.

Para el menú utilizaremos la etiqueta <nav> que es la etiqueta para este tipo de funcionalidad que se ha añadido en HTML5. Añadiremos unos cuantos enlaces en el menú. En HTML5 también existe una etiqueta <menu> pero hay que tener en cuenta que si se trata del menú de navegación se debe utilizar <nav>.

El pie de página será un elemento <footer> y dentro de este hemos añadido el copyright y una fecha para mostrar la última actualización.

<!DOCTYPE html>

<html lang="es">

<head>

<meta charset="utf-8" />

<title>Mi primer sitio HTML5</title>

</head>

<body>

<header><h1>Mi primer sitio HTML5</h1></header>

<nav>

<ul>

<li><a href="#">inicio</a></li>

<li><a href="#">blog</a></li>

<li><a href="#">vídeos</a></li>

</ul>

</nav>

<footer>

<small>

Copyright &copy; 2011<br/>

Actualizado en: 11 Noviembre 2011

</small>

</footer>

</body>

</html>

Etiquetas Section y Article

Para que no quede tan desolada la página vamos a añadir algo de texto. Para ello insertaremos un elemento <section> entre el menú y el pie, y dentro de ella unos elementos <article> donde pondremos un pequeño texto con un título. El título lo pondremos también entre etiquetas <header>.

<section>

<article>

<header><h2>WebMatrix 2</h2></header>

<p>WebMatrix 2 Beta es una herramienta para desarrollo web con la que

podrás instalar, desarrollar, optimizar, desplegar y administrar tus sitios.

De esta forma, WebMatrix 2 te permite crear tus sitios web utilizando sólo

una herramienta. Esta herramienta trae consigo muchas novedades orientadas

sobre todo a ayudar al desarrollador en la tarea de construir su sitio

web.</p>

</article>

</section>

La etiqueta <article> está pensada para definir contenidos que pueda publicarse o distribuirse independientemente, como artículos, comentarios de post, etc. Unas etiquetas de este tipo pueden contener a otras por ejemplo tener el contenido de un post con esta etiqueta y después varias etiquetas dentro correspondientes a los comentarios del mismo.

Definir el uso de <section> es un poco más complejo. Según el estándar representa una sección genérica agrupando un contenido con la misma temática y contiene una cabecera.

Puede ver todas las nuevas etiquetas de HTML5 aquí.

Primer vistazo

image

Ahora ejecutaremos el sitio para ver el resultado de nuestro primer código HTML5. Para ello tenemos el botón Run en la barra superior. Podemos presionar directamente este botón abriéndose nuestro sitio en el navegador que tengamos por defecto o acceder al menú para seleccionar en cuál queremos ejecutarlo o hacerlo en todos con un único clic.

image

Editar estilo con WebMatrix

El resultado que obtenemos es muy simple debido a que no hemos aplicado ningún estilo, así que nos pondremos a ello. Seleccionamos nuestro sitio web y crearemos un nuevo fichero, ya sea presionando el botón New en el menú de la parte superior o haciendo clic con el botón derecho encima de la carpeta de nuestro sitio “Mi primer sitio HTML5”.

Nos aparecerá el panel para elegir el tipo de fichero y nombrarlo. Elegiremos un fichero de tipo CSS y de nombre pondremos estilo.css.

image

Se nos abrirá el fichero CSS para que lo editemos. Si tenemos abierto el panel de ayuda de la derecha podremos ver distintos enlaces a material sobre CSS. Aparte de esta ayuda y de las sugerencias que te ofrece WebMatrix para completar el código, tenemos un Color imagePicker.

Este control aparece cuando tenemos que poner alguna propiedad de tipo color. Tendremos una barra donde podremos elegir colores de una fila estando al principio los que hayamos usado ya en la página. Si presionamos el botón + que está en la barra se despliega un panel con el que podremos elegir mejor el color que queramos y cambiar la transparencia o, en cambio, copiar alguno gracias a la herramienta de selección de color.

Otra ayuda interesante que nos propone WebMatrix aparece a la hora de escribir el valor de algún atributo, informándonos, aparte de sugerencias de posibles valores, qué tipo de valores puede contener ese atributo. En el ejemplo podemos ver cómo nos aparece que el atributo font-size puede tener valores absolutos, relativos, una unidad de medida o un porcentaje.

image

 

Maquetar la página

Una vez explicado cómo WebMatrix nos puede ayudar con nuestro estilo, vamos a ir creando un estilo no muy complejo para nuestro sitio web. Primero tendremos que añadir a nuestro fichero HTML5 en la sección <head> un enlace al fichero CSS para que coja el estilo aplicado en ese CSS.

<link rel="stylesheet" href="estilo.css"/>

Empezaremos por “colocar” las 3 partes que se compone nuestra página. Pondremos el menú de navegación a la izquierda, la sección con los artículos a la derecha y el pie de página debajo de la sección a la izquierda. También le daremos un ancho fijo a cada una.

nav{

float:left;

width: 150px;

}

section{

float:right;

width:570px;

}

footer{float:left}

He elegido ese ancho debido a que voy a crear la página para una resolución de 1024×720. Lo ideal si se pone un ancho fijo es ir cambiándolo según la resolución del dispositivo desde el que esté navegando el usuario con las Media-Queries. Con las Media-Queries podremos hacer sentencias más precisas que las que podíamos hacer con la regla Media gracias a los nuevos valores que se pueden introducir en los atributos.

Para que quede bien el contenido debemos poner un ancho fijo también al <body> y así centramos el contenido. De paso, utilizando el Color Picker, elegiremos un color para el fondo y pondremos un pequeño margen.

body {

background-color:#f2f2f2;

margin: 36px auto;

width: 720px;

}

Personalizar el menú de navegación

Una vez estructurada la página vamos a dar estilo al menú de navegación. Con el atributo list-style-type podemos cambiar el tipo de enumeración de la lista, para este caso no pondremos ninguno y añadiremos un margin y un padding igual a cero.

nav ul {

list-style-type:none;

margin: 0px;

padding: 0px;

}

También utilizaremos text-transform para aplicar transformaciones al texto, en este caso de todas las transformaciones que tenemos usaremos la de poner la primera letra de las palabras en mayúscula, “capitalizar” las palabras de la lista, cambiaremos el color del texto y quitaremos el formato de enlace.

nav ul li {

margin: 5px; padding: 10px; text-transform:capitalize; font-size: 20px;

}

nav ul li a {

color:#e34c26;

text-decoration: none;

}

Utilizar CSS Selector

Una característica interesante de CSS3 es la posibilidad de seleccionar elementos por medio de los CSS Selectors. Los CSS Selectors nos permiten elegir a qué hijos de un elemento queremos aplicar un determinado estilo de una forma fácil. Cómo ejemplo vamos a aplicar un estilo distinto a los elementos pares e impares de <article> que tenemos poniendo un fondo blanco con distinta transparencia con el Color Picker.

article:nth-child(odd){

background-color:rgba(255, 255, 255, 0.20)

}

article:nth-child(even){

background-color:rgba(255, 255, 255, 0.60)

}

Podemos ver que con CSS Selector aplicar un estilo distinto dependiendo de la paridad del elemento es muy fácil con el atributo odd y even. También acepta ecuaciones, por ejemplo (3n), con lo que el estilo se aplicaría cada 3 elementos.

 

Redondear esquinas de bordes con border-radius

Para mejorar un poco el aspecto de nuestra página vamos a añadir bordes a los elementos de nuestro menú y artículos.

En CSS3 se ha añadido una nueva característica denominada border-radius con la que podremos redondear los bordes de los elementos sin necesidad de poner imágenes de fondo para lograr esta clase de efecto. Se puede cambiar el ángulo de la curva del borde para decir cuán pronunciada la queremos.

Aplicaremos un borde uniforme a los artículos mientras que para los elementos del menú haremos un borde más estiloso para comprobar todo el potencial de este atributo. Más información aquí.

article{

margin-bottom:5px; padding: 10px;

border-radius: 10px 10px 10px 10px;

border-style: solid;

border-width: 2px;

border-color:#ffffff;

}

nav ul li {

margin: 5px; padding: 10px; text-transform:capitalize; font-size: 20px;

border-radius: 152px 304px 228px 152px;

border-style: solid;

border-width: 3px;

border-color:#ffffff

}

Último vistazo

Ya hemos creado nuestra estructura en HTML5 y aplicado un estilo a los elementos viendo algunas de las novedades de CSS3. Para acabar volveremos a ejecutar nuestro sitio para ver el resultado.

image

Recursos y referencias

Descarga WebMatrix 2 Beta

Novedades de WebMatrix 2 Beta para crear sitios web

Sintaxis de WebMatrix y vistas de ASP.NET MVC

Acceso a Bases de Datos y Helpers Sociales

Página oficial de WebMatrix

Desarrollo con WebMatrix

W3C: HTML5 y CSS3

Aquí pueden ver la fuente del artículo.

Saludos


MVP_HorizontalFrancis Urteaga
Microsoft MVP | Internet Explorer
clip_image00352clip_image00452clip_image00652clip_image00752clip_image00952

A %d blogueros les gusta esto: