junio 2016 – Instituto FOC | Informática ONLINE | FP Informática ONLINE

Tecnología Flexible. Los nuevos móviles y Tablet.

La tecnología avanza a grandes pasos y es por eso que Lenovo nos presenta su nueva tecnología flexible, si… si, flexible.

Nos presentan sus prototipos de móvil (CPlus) y Tablet (Folio) capaces de doblarse. Pero no solo hablamos de que se doblen por la mitad si no que son capaces de ponerse como si se tratasen de una pulsera (Cplus) o que al desdoblarse convertirse en una Tablet (Folio).

Cplus, se trata de unLenovo-C-Plus-2 Smartphone con una pantalla táctil de 4’35 pulgadas en HD, totalmente flexible. La gran mayoría de sus componentes han sido adaptados para que se puedan doblar. Este formato nos permite disponer de un Smartphone alargado para ciertas tareas y de un Smartwatch para poder llevarlo con nosotros en la muñeca.  Dependiendo de la orientación y de la posición en la que lo estemos usando su interfaz cambiara y se adaptara para mostrarnos la información. Gracias a su sistema de bisagras que son capaces de bloquearse se mantendrá el formato de pulsera y así evitaremos las caídas cuando lo tengamos puesto.

 

lenovo_folio_bend_tablet_officialFolio, se trata de una Tablet que se transforma en un Smartphone de doble pantalla al doblarse por la mitad. En modo Tablet dispone de una pantalla de 7’8 pulgadas con una resolución de 1920×1440 píxeles y cuando se dobla se transforma en un Smartphone de dos caras de 5’5 pulgadas cada una. Debido a su estructura dividida en dos partes iguales unidas por una bisagra, junto con su sistema de bloqueo, nos permite configurar la Tablet en cualquier paso entre Tablet y Smartphone. Al igual que para el Cplus, nos asegura que cuando esté de una forma u otra no se doble o desdoble accidentalmente.


[Fuente: Xataka]

El motor de la tecnología AJAX

AJAX (Asynchronous Javascrip y XML) es una técnica de desarrollo web que permite crear aplicaciones web interactivas. Estas aplicaciones se ejecutan del lado del cliente y permite mantener la comunicación asíncrona con el servidor en segundo plano permitiendo así realizar cambios sobre las páginas sin necesidad de recargarlas.

En este post nos vamos a centrar en conocer el motor de la tecnología AJAX, es decir nos vamos a centrar en ver cómo funciona realmente y cuál es el “motor” que mueve toda la maquinaría de AJAX.

Aunque HTML+CSS nos proporciona el medio para presentar los contenidos mediante páginas Web y XML nos ofrece un medio estandarizado para transmitir la información, es la tecnología JavaScript la que verdaderamente nos aporta la posibilidad de crear la comunicación asíncrona de la que hacíamos referencia en el apartado de ventajas. Por este motivo, podemos afirmar que el verdadero motor de AJAX es JavaScript.

Comparando esta tecnología con un automóvil, podríamos decir que HTML+CSS representa el chasis del coche,  XML el combustible y JavaScript es el motor que mueve todo.

JavaScript es un lenguaje de programación (scripting language) en el que normalmente se efectúan las funciones de llamada de Ajax mientras que el acceso a los datos se realiza mediante XMLHttpRequest. Este objeto está disponible en los navegadores actuales y es el eje central de AJAX, por lo que todos los navegadores que no lo contemplen no permitirán trabajar con AJAX.

El objeto XMLHttpRequest es un API implementado en el navegador Web, es decir, en la parte cliente, que puede ser invocado desde varios lenguajes de programación, entre los que se encuentra, como es obvio, JavaScript. Técnicamente, está desarrollado para crear un canal de comunicación independiente entre el servidor y la página Web que se está mostrando en el navegador.

La W3C, World Wide Web Consortium,  (organización internacional que crea los estándares de Internet) en  2006 creó la primera especificación completa para el objeto XMLHttpRequest. Dicha especificación marca las características mínimas que deben implementar los navegadores que afirmen que poseen la posibilidad de usar dicho objeto para que funcione perfectamente la aplicación Web.

AJAX-FOC

Podríamos indicar como principales características de AJAX que:

  • AJAX es una unión de tres tecnologías ya existentes: HTML+CSS, XML y DOM+XMLHttpRequest.

  • HTML+CSS nos proporcionan el medio para crear una página Web.

  • XML nos suministra una forma de enviar y recibir información en un formato estándar.

  • JavaScript, mediante DOM y el objeto XMLHttpRequest, nos da la posibilidad de acceder a los elementos de la página Web para su modificación y establece el camino de acceso al servidor.

  • La mayor ventaja de AJAX es que posibilita una comunicación asíncrona con el servidor.

  • Haciendo uso de AJAX vamos a conseguir crear aplicaciones Web interactivas que puedan cambiar y actualizarse sin necesidad de que la página deba ser recargada desde cero; sólo se tendrán que recargar partes de ella.

  • No todos los navegadores tienen soporte para AJAX o alguna de sus tecnologías por lo que una aplicación puede no funcionar.

  • El objeto XMLHttpRequest, encargado de la comunicación entre el navegador y el servidor, tiene su propia especificación, desarrollada por la W3C, con los requisitos mínimos que debe cumplir.

Por tanto de lo descrito aquí deducimos que un correcto manejo de AJAX nos obliga a conocer y controlar perfectamente el objeto XMLHttpRequest.

Adapta el diseño de tu web a cualquier dispositivo

Contenidos:

En esta sesión aprenderás a cómo adaptar el contenido de tu aplicación web a diferentes tamaños de pantalla haciendo accesible el contenido desde cualquier tipo de dispositivo móvil o de escritorio:

  • 1. Entender que consideraciones debemos tener en cuenta para llevar a cabo un diseño web responsivo.
  • 2. Adaptar nuestras páginas web a diferentes tamaños de pantalla en función del alto y ancho de la pantalla.
  • 3. Definir media queries para adaptar la representación nuestros contenidos.
  • 4. Testear que nuestra aplicación web es adaptable a diferentes resoluciones y dispositivos.

Fecha y hora:

  • ? 23 de Junio de 2016
  • ⏰ 21:00 a 21:45 h

Lo mejor de todo es que, como siempre, es totalmente gratis.

El uso de JQuery

JQuery es una biblioteca de funciones y utilidades escritas en JavaScript que permite simplificar el modo de interactuar con las web así como de presentar la información en la misma.

JQuery se ha desarrollado bajo la filosofía del software libre y de código abierto y no depende de ninguna tecnología. Eso quiere decir que podemos usarla tanto con aplicaciones programadas en PHP en servidores LINUX como con aplicaciones programadas en .NET en servidores Microsoft o en sistemas JSP con JAVA.

jqueryUI-FOC-pagina

Dentro de las razones por las que conviene el uso de JQuery, podemos indicar:

  • Fácil manejo del DOM usando selectores CSS, con algunos añadidos fuera del estándar por usar Sizzle.
  • Posibilidad de tomar el código de un servidor CDN. Si vas a usar este método, te recomiendo que uses el servidor de Google. Tienen varios datacenters repartidos por el mundo y es fácil que el usuario pueda establecer una conexión rápidamente. En esta página encontrarás el enlace a la última versión.
  • Fácil uso con ajax si necesitamos usar un modelo complejo y enviar recibir muchos parámetros. Es decir, enviar datos en formato JSON es mucho más sencillo que hacerlo a mano.
  • Animaciones muy sencillas: si queremos crear objetos animados (banners…) es muy útil Alternativa: Adobe Edge Animate.
  • Inicialización al cargar el árbol DOM, no la pagina entera. Aunque no sea complicado escribir una función window.ready, el uso de $(document).ready simplifica mucho las cosas, y es mucho más estable.
  • Manejo rápido de propiedades y css. Si tienes que cambiar más de 3 o 4 propiedades css de un elemento, el código que usarás será muy repetitivo. Con jQuery, hacer esto es simplemente pasar las propiedades a cambiar con sus respectivos valores en formato JSON.

Las razones por las que se podría desaconsejar el uso de JQuery podrían ser:

  • Ocupa mucho. Si nuestro código es pequeño (no sobrepasa las 100, 150, o incluso 200 líneas sin comprimir), no vale la pena usar ayuda. Piensa que jQuery tiene unas 9.000 líneas de código. El usuario pasará más tiempo descargando la librería que nuestro código.
  • Animaciones con CSS. Aún no están extendidas, algunos navegadores no las soportan… pero si la animación es puramente estética, vale la pena limitarse al css y pasar de JavaScript.
  • Interacción con el DOM.
  • Validación de formularios: con HTML5, le pones un atributo required a un input y él solito se valida. Esto que sería una ventaja se puede volver en nuestra contra al perder cierto control sobre cómo se realiza esa validación.

Existen muchos autores que desaconsejan el uso de JQuery puesto que todo lo que hace, lo podríamos implementar nosotros a traves de JavaScript.

Ahora bien, mi planteamiento está en que debemos reutilizar todo el software que podamos  y en ese sentido JQuery nos facilita la escritura de web.

Si deseáis más información podéis utilizar estos recursos:

fp-foc

Tiempo real para tu App mediante AJAX

Como sabemos Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se unen para conseguir un fin.

Las tecnologías que forman AJAX son:

  • XHTML y CSS, para crear una presentación basada en estándares.

  • DOM, para la interacción y manipulación dinámica de la presentación.

  • XML, XSLT y JSON, para el intercambio y la manipulación de información.

  • XMLHttpRequest, para el intercambio asíncrono de información.

  • JavaScript, para unir todas las demás tecnologías.

En esta sesión aprenderás a usar AJAX para interactuar en tiempo real con tu aplicación web para añadir una mayor fluidez en la experiencia de usuario.

Fecha y hora:

  • ? 16 de Junio de 2016
  • ⏰ 21:00 a 21:45 h

Objetivos:

  • Entender qué es AJAX y cómo funciona.
  • Aplicar AJAX a nuestras aplicaciones web.

modelo-AJAX-FOC

Contenidos:

Los contenidos que se verán a lo largo de la sesión son:

  • 1.Entender AJAX y cómo funciona.
  • 2. Conocer el modelo de documentos DOM.
  • 3. Realización de peticiones mediante AJAX.
  • 4. Procesado de peticiones mediante AJAX.
  • 5. Modificación de la apariencia de la aplicación web, de manera dinámica.

Lo mejor de todo es que, como siempre, es totalmente gratis para todos aquellos que quieran participar en el mismo. Os recordamos también las 2 modalidades de asistencia:

  • ✅ Asistente: para participar en directo de forma interactiva y poder hacer preguntas al profesor.
  • ❎ No asistente: si no puedes asistir en directo, grabamos la sesión para visualizarla posteriormente y te daremos acceso a la misma una vez finalizada, para que la veas cuando quieras.

Por último, no olvidéis que las plazas para asistir en directo son limitadas, así que… ¡corred a apuntaros! ?

[minti_button link=»http://www.foc.es/webinar/regConf/41.html» size=»large» target=»_blank» lightbox=»false» color=»orange»]Mas información y registro[/minti_button]

Efectos visuales para tu App Web mediante JQuery

JQuery es una biblioteca de funciones y utilidades escritas en JavaScript, que permite simplificar la manera de interactuar con los documentos HTML, manipulando el objeto DOM, manejando eventos, permitiendo desarrollar animaciones, etc. (Ver más).

En este webinar aprenderás de un modo práctico a usar la biblioteca de funciones JQuery y conocerás el funcionamiento de Jquery para dotar de impresionantes efectos visuales a tus aplicaciones web.

Fecha y hora de grabación:

  • ? 09 de Junio de 2016
  • ⏰ 21:00 a 21:45 h

Objetivos:

  • Entender qué es JQuery y cómo funciona.
  • Aplicar de un modo práctico JQuery a nuestra aplicaciones web.

jqueryUI-FOC-pagina

Contenidos:

Los contenidos que se verán a lo largo de la sesión son:

  • 1.Entender que es JQuery y cómo funciona.
  • 2. Modificación del estilo de nuestra web.
  • 3. Mostrar y ocultar elementos.
  • 4. Inclusión de diferentes efectos.
  • 5. Gestión de eventos para capturar la interacción del usuario con nuestra aplicación web.

Conferencia Google I/O 2016 – Parte 2

En el anterior post estuvimos halando de una serie de proyectos que google ira sacando a lo largo de este año en el cual estuvimos ablando sobre Google Assistant, Google Home, Allo y Duo.

Pero estos proyectos no son los únicos que tiene google bajo la manga, en la conferencia hablaron de muchos más, de los que vamos a hablar un poco sobre ellos.

En primer lugar, Android Wear, como ya vimos google quiere llegar a nosotros desde cualquier forma y con su próxima versión del S.O. para wearables que llegara a los relojes a finales de este año. Esta versión llegar a con importantes, entre las cuales caben destacar:

Android_Wear

 

  • Las aplicaciones podrán funcionar sin depender de nuestro dispositivo móvil.  Android_Wear
    Se conectara directamente a Internet mediante Wi-Fi, red o Bluetooth.
  • La interfaz y sus gestos han sido renovadas por completo, con la que se estrena una nueva forma de cambiar las pantallas de reloj, un nuevo lanzador de aplicaciones, un nuevo diseño de las notificaciones y un nuevo diseño de los ajustes.
  • Ahora podremos configurar la pantalla del reloj añadiendo pequeños trozos de información de nuestras aplicaciones favoritas, funcionando como accesos directos.

 

Android_N

Y en segundo lugar, Android N, la nueva versión de Android, siendo este un S.O. más robusto, seguro y rápido. La característica principal de esta versión es la realidad virtual y ciertas funciones con reminiscencias a un Chrome OS, como por ejemplo las actualizaciones en segundo plano.

Algunas de las mejoras son el nuevo modo multipantalla que servirá para ejecutar varias aplicaciones simultáneamente en tablets. Se mejora también el centro de notificaciones del S.O., más idiomas, nuevos emoticonos, etc.

Pero sin duda la novedad más interesante es el Android Instant Apps. Gracias a esta novedad podremos usar aplicaciones sin la necesidad de instalar nada. Las aplicaciones se trocean en módulos descargables y ejecutables por separado, permitiendo que cada usuario se baje automáticamente cualquier parte de la aplicación que necesite en el momento que necesite.