Saltar al contenido

www: Protocolos y lenguajes

06/08/2019
www: Protocolos y lenguajes

1.- World Wide Web

1.1.- Definición

En 2019 se celebró el 30 aniversario de la World Wide Web en conmemoración del día en el que Tim Berners-Lee presentó un informe con las ideas fundamentales de lo que se convertiría la web tal y como la conocemos hoy en día.

World Wide Web no es un sinónimo de Internet, como popularmente se conoce, sino que es una de sus partes. Mientras que Internet es la interconexión de redes, la World Wide Web es la parte visible de Internet, es como el escaparate.

1.2.- Historia

Todo empezó cuando Barners-Lee comenzó a trabajar en el CERN en junio de 1980 y se encontró con la dificultad de compartir información con los demás científicos del centro. Para solventar este problema en 1990 presentó un proyecto junto al ingeniero industrial Robert Cailliau con el objetivo de crear un sistema de información que enlazase los contenidos y los hiciera accesibles para todos. Es decir, creó lo que acabaría convirtiéndose en el primer navegador de Internet y la primera web de la historia.

Aunque el proyecto fue presentado en 1990, no fue hasta el 30 de abril de 1993 cuando el CERN decidió presentarlo y hacerlo de dominio público. En este proyecto se sustentaron los pilares que constituyenl a web.

  • Lenguaje HTML: Lenguaje con el que se crean las webs.
  • URLs: Direcciones para identificar las páginas.
  • Protocolo HTTP: Sistema que hace posible enlazar los recursos en la web.

1.3.- ¿Cómo funciona?

La World Wide Web se basa en un protocolo de intercambio de información, es decir, código HTML, entre quienes exponen la información en una página web y el navegador que es capaz de interpretar ese lenguaje alojado en un servidor y descifrarlo para que el usuario pueda ver esa información en su dispositivo.

2.- Conceptos básicos

2.1.- HTML5

Último estándar del lenguaje HTML tradicional. Permite definir la estructura y el contenido de una página web.

Gracias a este lenguaje, la web puede ser adaptable, flexible y multi-plataforma, es decir, permite crear de forma muy sencilla páginas compatibles para sistemas de escritorio o dispositivos móviles.

Características del HTML5:

  • Semántica: Mediante las etiquetas HTML5 podrás clasificar, ordenar y estructurar el contenido. Además, lo harás más legible para los diferentes buscadores.
  • Offline: Este nuevo lenguaje permite almacenar las páginas y aplicaciones en tus dispositivos para que puedas visitarlas de manera offline.
  • Geolocalización: Las aplicaciones web podrán acceder a tus coordenadas y dependiendo de ellas podrás mostrar un contenido u otro a tus usuarios. Un ejemplo de ello es Google Maps.
  • Multimedia: Con este nuevo lenguaje tendrás la posibilidad de insertar tus vídeos y audios de forma directa.
  • CSS3: Hasta ahora para poder utilizar una tipografía tenías que incrustar en tu web, con el CSS3 tendrás la opción de utilizar cualquier fuente. Además permite realizar animaciones, transiciones, utilizar el canal alpha para la opacidad.
  • Javascript: Aumenta la capacidad de almacenamiento.
  • Usabilidad: Al ser un código más simple las webs cargarán más rápido.
  • No plug-ins: Ya no será necesario tener instalados diferentes plug-ins para poder ver determinado contenido. El ejemplo más claro es el de Adoble Flash.
  • Drag and drop: Esta nueva funcionalidad permite la edición de páginas web simplemente arrastrando archivos o bloques.

Principales etiquetas del HTML5:

  • <!-…->: Define un comentario.
  • <!DOCTYPE>: Define el tipo de documento.
  • <a>: Define un hipervínculo.
  • <abbr>: Define una abreviación.
  • <address>: Define la información de contacto del autor/propietario del documento.
  • <area>: Define un área dentro de un mapa de imagen.
  • <article>: Define un artículo.
  • <aside>: Define el contenido lateral del contenedor de una página.
  • <audio>: Define contenido de sonido.
  • <b>: Define texto en negrita.
  • <base>: Especifica la base donde se abrirán todas las URL del documento.
  • <bdi>: Aísla una parte del texto que puede tener un formato diferente del texto externo.
  • <bdo>: Sobreescribe la dirección del texto.
  • <blockquote>: Define una sección que tiene otra fuente.
  • <body>: Define el cuerpo del documento.
  • <br>: Define un salto de línea.
  • <button>: Define un botón clickeable.
  • <canvas>: Se usa para dibujar gráficos en pantalla.
  • <caption>: Define el título de una tabla.
  • <cite>: Define el título de un trabajo.
  • <code>: Define un trozo de código de programación.
  • <col>: Especifica las propiedades de la columna para cada columna del elemento <colgroup>.
  • <colgroup>: Especifica un grupo de una o más columnas de una tabla.
  • <command>: Define un botón command al que un usuario puede invocar.
  • <datalist>: Especifica en un input una lista predefinida de opciones.
  • <dd>: Define la descripción de un ítem en una lista de definición.
  • <del>: Define un texto que ha sido definido en un Mdocument.
  • <details>: Define detalles adicionales que el usuario puede ver o esconder.
  • <dfn>: Define el término de una definición.
  • <dialog>: Define una caja o ventana de diálogo.
  • <div>: Define una sección en un documento.
  • <dl>: Define una lista de definición.
  • <dt>: Define un término (un ítem) en una lista de definición.
  • <em>: Define énfasis en un texto.
  • <embed>: Define el contenedor de una aplicación externa (no html).
  • <fieldset>: Grupo de elementos relacionados en un formulario.
  • <figcaption>: Define el título para una figura <figure>.
  • <figure>: Especifica auto-contenido.
  • <footer>: Define el pie de página de un documento.
  • <form>: Define un formulario html.
  • <h1> a <h6>: Define encabezados o títulos.
  • <head>: Define la información acerca del documento.
  • <header>: Define la sección de encabezado del documento.
  • <hgroup>: Grupo de encabezado (<h1> a <h6>).
  • <hr>: Define un cambio de temática a partir de una línea dibujada.
  • <html>: Define la raíz del documento.
  • <i>: Define una parte del texto de modo alternativo.
  • <iframe>: Define un frame en línea.
  • <img>: Define una imagen.
  • <input>: Define un control de entrada de texto.
  • <ins>: Define texto que ha sido insertado en un documento.
  • <kbd>: Define entrada del teclado.
  • <keygen>: Define un campo generador de claves para formularios.
  • <label>: Define el rótulo de un elemento <input>.
  • <legend>: Define un título para los elementos <fieldset>, <figure>, <details>.
  • <li>: Define un ítem de una lista.
  • <link>: Define la relación entre un documento y un recurso externo (generalmente con hojas de estilo).
  • <map>: Define un mapa de imagen del cliente.
  • <mark>: Define texto resaltado o marcado.
  • <menu>: Define la lista de un menú.
  • <meta>: Define un metadato de un documento.
  • <meter>: Define una medida escalar en un rango conocido.
  • <nav>: Define un link de navegación.
  • <noscript>: Define un contenido alternativo para los usuarios que no soportan scripts del cliente.
  • <objet>: Define un objeto embebido.
  • <ol>: Define una lista ordenada.
  • <optgroup>: Define un grupo de opciones relacionadas en una lista desplegable.
  • <option>: Define una opción en una lista desplegable.
  • <output>: Define el resultado de un cálculo.
  • <p>: Define un párrafo.
  • <param>: Define un parámetro para un objeto.
  • <pre>: Define texto preformateado.
  • <progress>: Representa el progreso de una tarea en una barra.
  • <q>: Define una cita corta.
  • <rp>: Define que debe mostrar en navegadores que no soportan scripts de ruby.
  • <rt>: Define una pronunciación de caracteres.
  • <ruby>: Define una notación de ruby.
  • <s>: Define texto que no es correcto.
  • <samp>: Define un ejemplo de salida de un programa.
  • <script>: Define un script del lado cliente.
  • <section>: Define una sección de un documento.
  • <select>: Define un drop-down list.
  • <small>: Define texto pequeño.
  • <source>: Define los recursos para elementos multimedia.
  • <span>: Define una pequeña sección de un documento.
  • <strong>: Define un texto en negrita.
  • <style>: Define un estilo para la información de un documento.
  • <sub>: Define un texto que es subíndice.
  • <summary>: Define un encabezado visible para el elemento <details>
  • <sup>: Define un texto que es superíndice.
  • <table>: Define una tabla.
  • <tbody>: Define el cuerpo de una tabla.
  • <td>: Define una celda de una tabla.
  • <textarea>: Define un control de entrada de múltiples líneas.
  • <tfoot>: Agrupa los footer contenidos en una tabla.
  • <th>: Define una celda de encabezado en una tabla.
  • <thead>: Agrupa los encabezados de una tabla.
  • <time>: Define fecha/hora.
  • <tittle>: Define un título para el documento.
  • <tr>: Define una fila en una tabla.
  • <track>: Define texto de la pista para elementos multimedia (vídeo y audio).
  • <ul>: Define una lista desordenada.
  • <var>: Define una variable.
  • <video>: Define un vídeo o película.
  • <wbr>: Define un posible salto de línea.

2.2.- APIs

Permite la conexión entre dos aplicaciones para que éstas puedan intercambiar datos o mensajes.

Gracias a las APIs puedes extender las funcionalidades de tu web y algunas de estas funciones pueden ser: análisis, machine learning y acceso a los datos de usuario.

Simplifican muchísimo el trabajo de un creador de programas, ya que no deben escribir el código desde cero y pueden reutilizar funciones predefinidas.

Ejemplo: Quieres ir al cine, accedes a la web de la sala, seleccionas la película que quieres ver e introduces la información de tu tarjeta de crédito. La web utiliza una API para enviar la información de tu tarjeta a otro programa que verifica que los datos sean correctos. Una vez confirmado el pago la aplicación remota envía la información a la sala de cine y te permite comprar tu entrada.

  • APIs de servicio web: Permiten el intercambio de información entre una web y una aplicación. Un ejemplo de ello sería la API de Instagram.
  • APIs basadas en clases: Permite la conexión con los datos en torno a las clases (programación orientada a objetos con Java).
  • APIs basadas en bibliotecas: Facilitan la importación de una biblioteca de otro software para el intercambio de información, como por ejemplo: Google Maps.
  • APIs de funciones en sistemas operativos: Permite conectar la aplicación con el sistema operativo y enviarle un conjunto de funciones, tipos y mensajes predefinidos y así poder programar sobre los sistemas operativos. Un ejemplo sería API Win32.

2.3.- Aplicaciones web

Es una herramienta que nos permite realizar acciones mediante la ejecución de un programa en un navegador web sin necesidad de instalar nada en nuestro dispositivo.

Ejemplos:

  • Netflix: Plataforma de vídeo bajo demanda.
  • Google Drive: Alojamiento de archivos en la nube.
  • Trello: Administración de proyectos.

2.4.- Framework

Entorno creado para hacer mucho más sencilla la tarea de programación. Permiten escribir un código o desarrollar una aplicación ahorrando tiempo de trabajo.

Algunos de los frameworks más utilizados son .NET Framework de Microsoft o Bootstrap para CSS.

3.- URL

Estas siglas se utilizan para referirnos a la dirección de cualquier recurso de Internet, ya sea una página web, una imagen, un video, etc.

Es una dirección específica y única que se asigna para facilitar el acceso al usuario.

Las siglas URL vienen del inglés: Uniform Resource Locator, que traducido al español sería: localizador uniforme de recursos.

Su función es muy importante, ya que simplifica mucho la navegación a través de la red, si no existieran los usuarios tendríamos que acceder a los diferentes recursos recurriendo al uso de direcciones IP.

3.1.- Estructura de una URL:

https://www.ejemplo.com/blog/entrada

  • https: Protocolo de seguridad. A día de hoy se recomienda usar solo https, ya que Google solo recomienda este tipo de protocolo y te penaliza si utilizas http.
  • www: Subdominio. Puedes configurar que aparezcan o no las 3w. Se recomienda tener las dos opciones. Para ello utiliza una redirección 301 y así Google no interpretará tu página como duplicada.
  • ejemplo: Nombre del dominio (de tu página, de tu tienda, etc.)
  • .com: Extensión. Existen más de 300 extensiones, las más utilizadas son .com, .es, .org, etc.
  • /blog: Una carpeta que contiene otras páginas.
  • /entrada: Nombre de la página.

Las direcciones URL deben estar optimizadas para su posicionamiento.

Algunos de los pasos que debes seguir son:

  • URL amigable: Las URL están pensadas para las personas, por lo que debes crearlas para que éstas puedan recordarlas fácilmente. Es decir, tienen que ser accesibles, cortas y fáciles de recordar. Un ejemplo de URL amigable sería: www.ejemplo.com/camaras/reflex. Un ejemplo de URL dinámica, es decir, diseñada para las máquinas sería: www.ejemplo.com/B083931/ref=sr_1_%?s=foto93_UTsdfa311.
  • Orden de estructura: El contenido más importante tiene que estar situado más cerca de la izquierda, es decir, más cerca del nombre del dominio. Además, siempre utiliza el guión medio, nunca el bajo.

4.- Cliente servidor

Modelo de comunicación que representa la forma en la que se producen las comunicaciones entre dos nodos de una red.

Es un modelo de software que permite que un cliente (usuario) realice una tarea con un ordenador conectado en red (servidor) que se encarga de satisfacer la tarea demandada.

Un ejemplo de este modelo cliente-servidor sería el correo electrónico.

  • Servidor: Aplicación que ofrece un servicio al usuario al recibir una solicitud de éste. El servidor realiza el servicio solicitado y envía una respuesta al usuario/cliente.
  • Cliente: Usuario que pide un servicio.

5.- Protocolo HTTP y HTTPs. HTTP y MIME

5.1.- HTTPs

Utiliza dos protocolos para garantizar tu seguridad, el HTTP+SSL/TLS, gracias a esta combinación podrás navegar sin ningún problema de seguridad.

5.1.1.- ¿Cómo funciona?

Simplemente tienes que instalar en tu web un Certificado SSL. Este certificado de seguridad será el encargado de encriptar tu conexión entre el servidor web y el navegador.

HTTP es un acrónimo de Hypertext Transfer Protocol (protocolo de transferencia de hipertext), es decir, es un protocolo de comunicación necesario para la transferencia de información entre el usuario y el servidor.

Fue creado en 1999 con la finalidad de estandarizar el lenguaje cuando se produce un intercambio de información entre dos equipos en red.

Este protocolo no es suficiente para codificar las conexiones y asegurar que  nadie pueda robar tu información, por ejemplo, a la hora de navegar por Internet, comprar online, pedir cita en el médico, etc. Debido a este motivo de seguridad fue necesario crear un protocolo más avanzado, el HTTPs.

5.1.2.- ¿Cómo identifico que una página sea segura?

Si tus clientes no se sienten seguros en tu web no navegarán en ella y mucho menos te facilitarán sus datos de pago o información personal. Por este motivo es muy necesario mostrar tu página como segura. Es muy fácil de reconocer, ya que en la barra de direcciones aparecerá un candado.

Además, cuando Google con sus robots rastrean la red y descubre que tu página no es segura te penalizará y no saldrás en las primeras posiciones de sus resultados cuando los usuarios te busquen.

5.2.- MIME

Multipurpose Internet Mail Extensions: Extensiones  multipropósito de correo de Internet.

Estándar de comunicaciones que recoge las especificaciones necesarias para el intercambio de archivos de todo tipo a través de Internet. Indica el tipo de archivo antes de descargarlo y tener acceso a él. En otras palabras, los tipos MIME dan instrucciones al navegador o al correo electrónico de cómo debe gestionar un archivo.

Ejemplo: Cuando desde tu navegador llegas a una página y existe un archivo de música en .mp3, gracias a este lenguaje, tu navegador sabrá si tiene que reproducirlo o descargarlo.

5.2.1.- ¿Cómo funciona?

Este estándar propuesto en 1991 por Bell Communications amplía las capacidades limitadas que tenía el correo electrónico. Estas nuevas características son:

  • Inserción de documentos (imágenes, sonidos, texto, ejecutables, etc.).
  • Cuerpos de mensajes con múltiples partes.
  • Longitud ilimitada del mensaje.
  • Uso de caracteres no ASCII.
  • Texto enriquecido (diseño, fuentes, colores, etc.).

MIME utiliza los encabezados para describir el formato utilizado en el cuerpo de un mensaje para que el cliente de correo electrónico (outlook, gmail, etc.) o el navegador pueda interpretarlo correctamente y devolver una orden, como por ejemplo, descargar una canción o reproducirla en el mismo navegador.

LISTA COMPLETA DE TIPOS MIME

6.- Lenguajes markup

Lenguaje utilizado para codificar una página y sitios web.

Su función es decir cómo debe mostrar al usuario la información, así como su estructura al navegador. Para ello se basa en etiquetas predefinidas que contienen información para que sea posible interpretar un documento.

Todas las web están construidas utilizando estas etiquetas.

6.1.- Tipos

  • Marcado de procedimiento: Su función es identificar los elementos de un documento para darle forma al texto (fuente, tamaño de letra, estilo, etc.).
    • HTML: Gracias a este lenguaje el navegador puede mostrarnos el formato visual de una página web.
    • <p>Esto es un texto con <strong>negrita</strong></p>
  • Marcado descriptivo: Su función es determinar la estructura de un documento y su contenido, es decir, definen qué contenido existe en un documento pero no cómo debe representarse.
    • XML: Es el lenguaje de marcas para indicar el significado de los datos y no su formato de visualización.
    • <carta>
    • <fecha>22/11/2006</fecha>
    • <presentacion>Estimado cliente:</presentacion>
    • <contenido>bla bla bla bla …</contenido>
    • <firma>Don Daniel Estevan</firma>
    • </carta>

7.- CGI. Applet

En los inicios de Internet lo único que se podía hacer era mostrar web con imagen, textos y/o enlaces.

La interactividad no existía por lo que era necesario crear páginas dinámicas que permitieran al usuario intereactuar con una página de Internet, para ello se creó el CGI (Common Gerway Interface) que a través de Script permite que el navegador envíe datos al servidor y éste ejecute diferentes tareas. Algunas de estas tareas son: motores de búsqueda, foros, chats, juegos, etcs.

Los programas que utilizan CGI están escritos mayoritariamente con Perl. Actualmente se encuentra, ya que con la llegada de otros lenguajes como son el C, C++ o Visual Basic permiten realizar la misma función de una manera mucho más rápida y clara, ya que no se mezcla este lenguaje con el código HTML.

Los CGI scripts han sido el primer mecanismo que ha permitido dotar a las webs de interactividad, pero a medida que Internet ha ido evolucionando se han desarrollado herramientas mucho más eficientes como ASP (Active Server Page) de Microsoft.

8.- Cookies

Las Cookies, esos pequeños ficheros que almacenan información del usuario para después enviarle publicidad personalizada, también se ven afectadas por la ley.

Se debe informar a los usuarios y obtener su consentimiento para utilizarlas e instalarlas. Sin embargo, esta obligación desaparece si éstas solo sirven para que la web cargue adecuadamente, las denominadas cookies técnicas. Por ello, es necesario comprobar con un experto informático qué tipo de cookies se utilizan en la web.

9.- Configuración de los principales navegadores

Actualmente son cuatro los navegadores más utilizados en el mundo: Google Chrome, Firefox, Microsoft Edge y Safari.

La seguridad, velocidad y rendimiento son claves a la hora de navegar por Internet. Todo el mundo desea poder hacerlo con la mayor velocidad posible, de forma segura y sin que afecte al rendimiento de nuestro ordenador.

10.- Sistemas operativos móviles

10.1.- Móviles básicos

Con funciones de llamada básicas, poco a poco se fueron añadiendo nuevas características como capacidades multimedia, cámara de fotos, etc.

10.2.- Móviles con Java

El primer acercamiento para intentar incluir programas externos en los terminales. Éstos incorporan la capacidad de poder ejecutar aplicaciones escritas en una versión especial de Java.

10.3.- PDA’s

O agendas personales digitales (personal digital assistant). Están en desuso y eran dispositivos sin conexión telefónica. Se basaba principalmente en dos sistemas operativos. Palm OS y Windows Mobile.

10.4.- Smartphones

Se dota a los teléfonos móviles de la inteligencia de las agendas digitales, que son pequeños ordenadores. En la mayoría de los casos se trabaja con pantalla táctil. Inicialmente aparecen bajo el sistema operativo Windows Mobile, pero su uso se limita a entornos profesionales e industriales. Es con la aparición de iPhone y su gran campaña de marketing cuando se comienza a utilizar de manera masiva.

10.4.1.- BlackBerry

Dentro del grupo de los smartphones no podemos olvidarnos de estos dispositivos, que bajo la marca Research In Motion desarrollaron un muy buen sistema de correo electrónico y mensajería que ha sido el estándar corporativo durante años, previamente a WhatsApp.

Sin embargo, la compañía atravesó una época muy delicada tras reaccionar muy tarde a iOS y Android y después graves problemas técnicos que dejaron sin servicio a sus usuarios durante días en 2011.

Intentó remontar creando dispositivos más parecidos a los smartphones, y posteriormente incluyendo las apps de Play Store (Android), atrayendo así a desarrolladores y clientes.

En 2017, la cuota de mercado de BlackBerry ha llegado a ser de un 0 %.

10.5.- Phablet

Para ser clasificado como phablet, el tamaño de la pantalla del dispositivo en cuestión debe estar entre las 5,3 y las 6,9 pulgadas (ambos límites incluidos), aunque los límites parecen cada vez estar más difusos, ya que muchos de los smartphones actuales ya superan ese tamaño.

El primer phablet, tal y como lo conocemos hoy en día, lo lanzó Samsung con su Galaxy Note en 2011. Su popularidad ha ido creciendo a lo largo de estos años. Actualmente, el mercado de los phablets no deja de crecer.

El término Phablet nace de la contracción de las palabras inglesas «phone» y «tablet», conjugando un dispositivo que se puede usar como teléfono, pero a la vez tiene una gran pantalla.

10.6.- Tablet

El primer dispositivo de este tipo que aparece es el iPad de Apple y rápidamente se adopta de manera masiva. Con su gran pantalla táctil, la tablet otorga comodidad y una alta autonomía al usuario, por ello comienzan a ser los reyes de los dispositivos y a canibalizar el mercado de los ordenadores portátiles, lo que muchos autores han bautizado como «muerte del PC».

10.7.- Smartwatch

Dentro de los dispositivos ponibles o wereables, los relojes inteligentes cuentan con nuevos sistemas operativos diseñados exclusivamente para estos dispositivos.

Su funcionalidad estrella es la recepción de notificaciones, que permite a los usuarios valorar si deben atenderlas o no, con un cómodo gesto de muñeca, sin necesidad de sacar su móvil del bolsillo.

Sin embargo, estos gadgets suelen depender de los teléfonos móviles para ser útiles, ya que el pequeño tamaño de su pantalla dificulta el realizar otras funciones más complejas.

10.8.- Ventajas de los smartphones

  • Usabilidad: Hasta el momento se habían utilizado pantallas de menor sensibilidad, por lo que era necesario el uso de un lápiz o stylus, pero la pantalla capacitativa del iPhone otorgó más comodidad al usuario pudiendo interactuar con sus propios dedos, comenzando a utilizar gestos que son hoy un estándar como el «pinch to zoom» pellizcar la pantalla para ampliar o reducir el contenido).
  • La socialización del desarrollo de aplicaciones: La otra gran innovación de los sistemas iOS fue el sencillo lenguaje de programación a través del cual, los desarrolladores podían crear nuevas aplicaciones de manera rápida e incluso venderlas a través de este canal. Las nuevas apps eran muy fáciles de instalar en el terminal y podían ser encontradas de manera centralizada dentro de iTunes (posteriormente App Store). Este modelo ha sido posteriormente imitado por el resto de los sistemas.

EL USO DE SMARTPHONES EN ESPAÑA SE DUPLICA EN LOS ÚLTIMOS CINCO AÑOS

El aumento del tráfico online, el incremento de las compras online y del m-commerce, y el crecimiento del uso de smartphones y tablets por parte de los usuarios, marcan las tendencias de Publicidad y de Marketing Digital en el escenario actual.

La tablet parece convencer a aquellos usuarios a los que la pantalla del smartphone se les queda pequeña. También se demanda mayor capacidad de almacenamiento y conectividad.

EL MÓVIL SUPERA AL PC COMO DISPOSITIVO PRINCIPAL DE ACCESO A INTERNET EN ESPAÑA

10.9.- Sistemas operativos

iPhone, no solamente revoluciona la manera en la que nos relacionamos con nuestro dispositivo, sino que además crea la primera «tienda de aplicaciones móviles», que es el App Store tal y como lo conocemos: se trata de un mercado, único y organizado donde la adquisición de las aplicaciones es transparente, fiable y directa.

Incorpora además un proceso definido y homogéneo de desarrollo para su sistema operativo iOS, que ayuda a sacar el máximo potencial de las capacidades técnicas del teléfono, mejorando considerablemente la experiencia del usuario.

10.9.1.- iOS

iOS es el sistema operativo desarrollado por la empresa Apple y compatible con terminales iPhone, iPod Touch, iPad y Apple TV. Vio la luz por primera vez en el año 2007 cuando Steve Jobs presentó el primer teléfono iPhone, aunque no se conoció como iOS hasta la versión 4 en 2010, anteriormente conocido como «OS iPhone». Su última versión en 2017 es «iOS 11».

Características:

  • La instalación de este sistema operativo no está permitida en ningún otro tipo de dispositivo que no sea Apple.
  • Las aplicaciones se actualizan automáticamente y pasan por una revisión manual por un equipo de App Store antes de publicarse, un filtro que supone que las apps pasen un control de seguridad y pidan permisos al usuario para realizar cualquier cambio.
  • Este control de calidad a veces también supone un proceso más largo, o menos ágil, que hace que algunas aplicaciones lleguen antes a otros sistemas, como por ejemplo ocurrió con WhatsApp Web, que llegó antes a Android; aunque múltiples veces ocurre también a la inversa.

10.9.2.- Android

Posteriormente, diferentes fabricantes, operadoras y empresas de software copian este modelo para ofrecer aplicaciones y hacerle la competencia a Apple.

El competidor más directo es Google (Android), sin duda el sistema operativo más utilizado actualmente a nivel mundial, en parte porque ha conseguido estar presente en la mayor parte de fabricantes, aunque si hablamos de beneficios es Apple quien gana por varios años consecutivos.

Nació en 2003 como una Start Up en California, en 2005 el sistema operativo fue comprado por Google. Es usado actualmente en la mayor parte de los móviles a nivel mundial; en 2017 ha lanzado su última versión «Android 0».

Características:

  • No cuenta con filtros tan restrictivos como Apple, aunque sí cuenta con ciertas barreras de protección contra posibles amenazas al sistema en su Google Play Store.
  • Algunos de los principales desarrolladores afirman que las novedades llegan antes a este sistema porque les otorga más libertad para crear, ya que trabajan con un código más abierto que Apple.
  • Las actualizaciones en las apps de Android son automáticas, pero normalmente dependen de la compañía fabricante de nuestro terminal móvil.

10.10.- M-commerce

La presencia de una marca en los dispositivos móviles es importante para el crecimiento y evolución de la misma.

Las app consiguen mantener a los usuarios comprometidos y se asocian con un acceso fácil, personalizado y rápido, pudiéndose convertir en una plataforma habitual para interactuar con la marca y crear engagement.

Cada vez somos más dependientes de nuestro teléfono: lo miramos una media de 150 veces al día, dedicándole más de 3 horas diarias. Los españoles principalmente lo utilizan para acceder al correo electrónico, mensajería instantánea y navegar por la red.

En cuanto al perfil de usuario de apps, no se diferencia demasiado según el género (51 % hombres y 49 % mujeres) y referente a la edad, los Milennials (25-34 años) son los que más uso le dan a las apps y sus preferidas son: redes sociales, juegos, e-commerce, comunicación personal, medios, restauración y viajes.

La telefonía móvil es uno de los sectores más dinámicos de la economía mundial, un mercado que evoluciona rápidamente, y que cada día se intenta orientar hacia los entornos profesionales.

En el mundo más de la mitad de las visitas de los usuarios en los grandes buscadores proceden del móvil y cada vez son más los usuarios que están acostumbrados a comprar a través de su móvil o tablet: Mobile Commerce o M-Commerce.

Las redes sociales y las experiencias de otros usuarios son claves en el proceso de compra. Los consumidores usan los móviles para tareas simples y valoran la inmediatez y las compras sin excesiva dificultad, por lo que el proceso de compra debe ser eficaz y sencillo.

Facebook, Twitter, Instagram o YouTube (entre otras redes sociales) y las opiniones de los usuarios en las mismas influirán en los usuarios que se disponen a adquirir un contenido, un servicio o una compra; los móviles son un recurso muy utilizado para buscar opiniones sobre sitios/productos o para compartirlas.

El 95,1 % de los usuarios activos en redes sociales accede a través de su móvil o tablet. En España, las redes sociales móviles con más penetración son Facebook e Instagram.

10.11.- Aplicaciones

Las aplicaciones de redes sociales son las más utilizadas, seguidas de las de mensajería instantánea.

  • Las apps suponen más del 80 % del tiempo que pasamos con el móvil.
  • El vídeo se ha convertido en el formato dominante en redes sociales.

España es el país con mayor penetración de smartphones en Europa, más de un 80 % de los españoles tiene un smartphone (mientras que solo un 73 % tiene ordenador).

Aunque las ventas de tablet han caído un 10 %, se espera que remonten en los próximos años. Actualmente tres de cada cuatro hogares en España tienen tablet. Los usuarios han incrementado un 96 % su uso para acceder a las redes sociales. El horario de mayor conexión a las redes sociales es de 20:30 a 00:30 de la madrugada (incluyendo tablet, smartphones y ordenador).

Las compras a través del móvil en el mundo están creciendo casi tres veces más que el E-commerce en general. En España, 6 de cada 10 usuarios ya lo ha utilizado alguna vez para realizar compras. Los Millennials son los más propensos a comprar mediante estos dispositivos.

Las apps más utilizadas están relacionadas con temas de personalización, comunicación inmediata, productividad, lifestile y compras.

Conclusiones de Google sobre la penetración de las apps en los consumidores:

  1. El descubrimiento de apps por parte de los usuarios no solo sucede en la tienda de apps:
    • La tienda de aplicaciones sigue siendo una forma común de encontrar apps, sin embargo, los usuarios también descubren nuevas aplicaciones navegando con su smartphone, en YouTube, o mientras buscan información. Por ejemplo, una búsqueda de «Hoteles en París» puede llevarnos a encontrar una app que nos muestra los hoteles disponibles en esa ciudad.
    • Se debe tomar acción y hacer visible la app, para que el usuario pueda descubrirla en múltiples sitios. Incluso en los buscadores de Internet: los anuncios emplazados aquí se encuentran entre los más efectivos para redirigir a la descarga de la app.
  2. El engagement y el re-engagement es clave:
    • Los usuarios tienden a perder el interés si no tienen constantes incentivos para retomar la interacción: contenido exclusivo o cupones de descuento son dos maneras de atraer a los consumidores, sobre todo si hablamos de apps de viajes o comercio.
    • Las notificaciones de la propia aplicación en el smartphone del usuario le recuerdan a éste que está esperando a ser usada, potenciando la interacción entre ambos.

Los llamados deep links recuerdan el valor y la utilidad de la app: vinculando al usuario con una parte de la aplicación, redirigiéndole directamente al contenido concreto que queremos que vea, dentro de la aplicación.

Si el usuario ha instalado la app previamente, podrá acceder a este contenido. Mientras que si no la ha instalado, la página le redirigirá a descargarla desde la store que corresponda.

11.- Servicios web

Tráfico de información entre dos máquinas.

Software que permite la intercomunicación entre dos máquinas conectadas a través de la red. Con esta tecnología puedes intercambiar datos entre aplicaciones a través de unos protocolos y estándares, es decir, es un conjunto de métodos que una aplicación invoca cuando necesita realizar una tarea compleja.

Ejemplo: El cliente solicita información, para ello envía datos a un servidor. Este servidor procesa la solicitud y genera una respuesta que devuelve al cliente adjuntando los datos necesarios para satisfacer la respuesta del cliente.

11.1.- ¿Cómo funciona?

  • SOAP: Protocolo estándar de comunicación creado para el intercambio de mensajes entre máquinas conectadas en red que usa el lenguaje XML. Para transportar la información utiliza el protocolo HTTP y SMTP.
  • REST: Es un estilo arquitectónico que permite transmitir los datos a través de una interfaz estandarizada (HTTP). REST envía en cada solicitud todo el estado de la sesión del cliente a través de un lenguaje JSON.

Hoy en día se recomienda utilizar servicios web basados en REST al ser SOAP demasiado complicado y la red funciona mejor con REST.

SOAPREST
TECNOLOGÍA

SMTP, HTTPS POST, MQ

Tipado fuerte, XMI Schema

Síncrono y asíncrono

Pocas operaciones con muchos recursos.

Se centra en la escalabilidad y rendimiento a gran escala para sistemas distribuidos hipermedia.

PROTOCOLO

SMTP, HTTP POST, MQ

Tipado fuerte, XMI Schema

Síncrono y asíncrono

HTTP GET, HTTP POST, HTTP PUT, HTTP DEL

XML auto descriptivo

Síncrono

SEGURIDAD

HTTPs

Comunicación punto a punto y segura

WS SECURITY

Comunicación origen a destino segura.

12.- Conexiones seguras

Consejo: Desactiva la sincronización cuando te conectes a una red pública.

Muchas veces nos conectamos a una red pública y nuestros dispositivos móviles y ordenadores sincronizan automáticamente y desarrollan tareas en segundo plano como copias de seguridad. Desactiva la sincronización para evitar el robo de información, espionaje o incluso la infección de virus.

Consejo: Utiliza una conexión VPN cuando te conectes a una red pública.

VPN (Virtual Private Network) o red privada virtual es una tecnología de red que utilizamos para conectar nuestros dispositivos a una red privada utilizando Internet. Un ejemplo muy simple sería la red de nuestro trabajo: una empresa crea una red local entre todos sus ordenadores para que todos los trabajadores puedan acceder a los datos, pero solo puedes acceder a esta red cuando te conectas a la red de la oficina. Ademas si tienes que teletrabajar no hay problema porque la empresa hace que puedas usar esa red local desde cualquier lugar del mundo a través de Internet, ya que crea una red privada online que permite la conexión segura.

Dicho en otras palabras, es un túnel que creamos entre nosotros e Internet por el cual circula la información y solo nosotros podemos descifrarla. Es como cuando envías un paquete por mensajería, el paquete pasa por muchas manos hasta llegar al receptor, pero solo tú y el receptor sabéis lo que hay dentro de él.

Proporciona una capa extra de seguridad, ya que hace que los datos de navegación estén cifrados y solo puede acceder a ellos tu proveedor de VPN, por este motivo debes elegirlo muy bien, no confíes en VPN gratuitos.

13.- Verificación de los estándares de una web W3C (World Wide Web Consortium)

El W3C (World Wide Web Consortium) es una comunidad internacional que trabaja para desarrollar protocolos y pautas para asegurar el crecimiento de la web y así llegar a su máximo potencial. Entre otras cosas algunos de los aspectos más importantes que desarrollan son:

  • Posibilidad de acceder a la web desde cualquier dispositivo.
  • Asegurar la comunicación, el comercio y la capacidad de compartir información en todo el mundo y para todo el mundo.

W3C desarrolla unas especificaciones técnicas y directrices para asegurar la calidad técnica y editorial, es decir, que cualquier página se vea correctamente desde cualquier dispositivo y sea usable.

Debes comprobar que tu web cumpla con sus estándares, ya que de este modo te asegurarás de que todo el mundo pueda acceder a ella. Además, es un requisito clave para el posicionamiento SEO. Para comprobar que tu página sigue estos estándares solo tienes que acceder al servicio de validación gratuito de W3C.

Si continuas utilizando este sitio aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar