Crear usuarios y ARPANET: Historia y funcionamiento de la red de ordenadores

Crear usuarios:

El formulario para añadir un nuevo usuario incluye campos requeridos y opcionales. Entre los primeros se encuentran el nombre de usuario, con el que se iniciará sesión, y el correo electrónico, a través del cual se recibirán las posibles notificaciones. El nombre de usuario, que no puede contener espacios, no corresponde al nombre real, pues ya existe un campo destinado a ello que se puede rellenar de manera opcional. La contraseña se genera automáticamente, aunque es posible consultarla y modificarla haciendo clic en Mostrar contraseña. Enviar aviso al usuario.

Por defecto, a quienes se registran en el sitio web por sí mismos se les asigna el rol de suscriptores, aunque esta asignación se puede modificar en la configuración general del sitio. Los roles son:

• Suscriptor: Puede leer y añadir comentarios (siempre y cuando estén habilitados). Además, puede modificar su perfil y recibir notificaciones.
• Colaborador: Crea y gestiona únicamente sus propias entradas; sin embargo, no puede publicarlas directamente, sino solo enviarlas para que las revise y publique un usuario de mayor rango. El rol de colaborador no permite crear páginas estáticas ni subir contenido multimedia al sitio web.
• Autor: A diferencia del colaborador, este rol garantiza publicar entradas en el blog, así como subir contenido multimedia.
• Editor: A las características del rol de autor, se añade la posibilidad de gestionar y publicar entradas de otros, así como gestionar los comentarios añadidos por quienes visitan la web. También permite crear contenido estático.
• Administrador: Puede acceder a todas las funciones del panel de control, es decir, podrá añadir y gestionar cualquier tipo de contenido, además de tener la posibilidad de modificar cualquier aspecto referente a la configuración de WordPress, temas, plugins, widgets y otras herramientas adicionales. Cabe destacar que el único tipo de perfil que permite gestionar las cuentas de otros usuarios, además de crear nuevas y borrar las existentes, es el de administrador. El resto solamente podrá modificar los datos correspondientes a su perfil.

ARPANET: Historia y funcionamiento de la red de ordenadores

ARPANET fue una red de ordenadores creada por encargo del Departamento de Defensa de los Estados Unidos para utilizarla como medio de comunicación entre las diferentes instituciones académicas y estatales.

En 1958, los EEUU fundaron la Advanced Researchs Projects Agency (ARPA) a través del Ministerio de Defensa. Estaba formado por unos 200 científicos de alto nivel y tenía un gran presupuesto. Se centró en crear comunicaciones directas entre ordenadores para poder comunicar las diferentes bases de investigación.

En 1962, el ARPA creó un programa de investigación computacional bajo la dirección de John Licklider, un científico del MIT (Massachusetts Institute of Technology).

En 1967, publicó un plan para crear una red de ordenadores denominada ARPANET. ARPANET recopilaba las mejores ideas de los equipos del MIT, el National Physics Laboratory (UK) y la Rand Corporation.

Entre 1974 y 1982 se crearon gran cantidad de redes entre las que destacaron: Telenet (1974): Versión comercial de ARPANET. Usenet (1979): Sistema abierto centrado en el e-mail y que aún funciona. Bitnet (1981): Unía las universidades americanas usando sistemas IBM. Eunet (1982): Unía Reino Unido, Escandinavia y Holanda.

A principios de los 80, se comenzaron a desarrollar los ordenadores de forma exponencial.

En 1991, esta tecnología fue presentada al público a pesar de que el crecimiento en su utilización no fue muy espectacular.

A finales de 1992, solamente había 50 sitios web en el mundo.

En 1993, había 150 sitios web en el mundo. Mark Andreesen, del National Center for SuperComputing Applications (NCSA) de Illinois publicó el Mosaic X, un navegador fácil de instalar y de usar. Supuso una mejora notable en la forma en que se mostraban los gráficos. Era muy parecido a uno de hoy en día.

Hoy en día:

• El correo electrónico: ha revolucionado las comunicaciones entre las personas y ha dejado el correo tradicional en una posición prácticamente marginal en lo que hace referencia a comunicaciones personales.
• Los navegadores: son programas que permiten a los usuarios interactuar de forma gráfica con la información de un sitio web.
• Los chats: ofrecen la posibilidad de comunicarse entre muchas personas por escrito a través de Internet.
• Los buscadores: han revolucionado la forma en que las personas buscan la información que necesitan.
• La Wikipedia: es la primera enciclopedia en línea escrita de forma colaborativa desde Internet por voluntarios.

Tipos de web

Según el nivel de interacción con las personas usuarias, las páginas web pueden ser:

• Página estática: su contenido solo puede ser modificado por el administrador de la misma, pero no por los usuarios que la visitan. No ofrece ningún tipo de interacción. Algunos ejemplos son: blogs, portafolios digitales, páginas web empresariales...
• Página dinámica: permite a las personas usuarias interactuar con el estilo web, ya sea para crear contenido u otras acciones como comprar productos, filtrar contenidos... Estas páginas requieren que el usuario posea ciertos conocimientos de programación. Algunos ejemplos son: tiendas de comercio electrónico o sitios web empresariales.

Según la temática:

• Blog, foro o red social: sirven para que las personas interactúen entre sí y opinen sobre ciertos contenidos, han podido ser creadas por ellas mismas o administradores. Por ejemplo: Instagram, Facebook...
• Presentación o corporativa: sitio web para publicitar un producto, el trabajo, empresa... Tiene un carácter informativo sin intención de vender a través de ellas. Además, juega con el diseño ya que da interés sobre los productos y la marca. Por ejemplo:
• Comercio electrónico: realiza transacciones comerciales online, ya sea de productos o servicios. Tiene una navegación intuitiva y tiene diferentes tipos de pago. Por ejemplo: Amazon, JD.com...
• Aplicaciones web: son populares porque se acceden por el navegador web. Son independientes del sistema operativo, siempre están actualizadas. Un ejemplo sería: Gmail, Microsoft, gestores de imágenes o suites informáticas.

Lenguajes

Los servidores web emplean una serie de lenguajes de programación y de consulta de datos que permite generar la estructura de la página web, codificada en lenguaje HTML. Los lenguajes más utilizados son:

• En el lado del servidor:
  • PHP: Java, NET, Ruby y Prycthon: PHP es un lenguaje de código abierto muy popular, adecuado para desarrollo web y que puede ser incrustado en HTML. Es popular porque un gran número de páginas y portales web están creadas con PHP. Código abierto significa que es de uso libre y gratuito para todos los programadores que quieran usarlo. Incrustado en HTML significa que en un mismo archivo vamos a poder combinar código PHP con código HTML, siguiendo unas reglas.
  • SQL: se utiliza para interaccionar con la base de datos y realizar tanto consultas como inserciones o modificaciones.
• En el lado del cliente:
  • HTML: lenguaje de marcado empleado para la elaboración de páginas web. Está compuesto por etiquetas, que describen y estructuran el contenido de una página web.
  • CSS: lenguaje empleado para definir el estilo con el que se presenta la estructura HTML de una página web. La versión actual (CSS3) soporta la inclusión de animaciones y la gestión de diferentes resoluciones, con el fin de adaptar la presentación de la página a los diferentes dispositivos (teléfonos inteligentes, tabletas, ordenadores, etc.).
  • JavaScript: lenguaje de programación interpretado por el navegador o cliente web. Añade dinamismo a la página, ya que permite, entre otras cosas, modificar su estructura y estilo, lo que evita tener que realizar peticiones al servidor web para todos aquellos cambios que se desee realizar.

Tema, widget y plugins

Temas: sirven para modificar el diseño de la página.

Widget: los widgets son un elemento esencial de la personalización de la pantalla de inicio de Android. Se utilizan para poder ver información desde la pantalla sin necesidad de acceder a la aplicación asociada a cada widget. No solo muestran información, sino que también es posible interactuar con ellos, de modo que sea posible realizar diversas acciones desde la pantalla de inicio.

Plugins: sirven para ampliar las funcionalidades de WordPress y, por tanto, la posibilidad de mejorar las opciones administrativas, añadir nuevos widgets y funcionalidades al sitio web. Algunos ejemplos podrían ser:

• Gráficos y de video: En programas gráficos como Photoshop, que utiliza extensiones para agregar nuevos efectos o herramientas de dibujo como pinceles o paletas diferentes.
• Sociales: Son complementos que pueden integrarse, con el fin de vincular enlaces a redes sociales como lo puede ser Facebook o Instagram.
• Entornos de desarrollo: estos permiten habilitar nuevos lenguajes de programación en entornos de desarrollo integrado.
• Audio: por ejemplo, estos pueden ser extensiones para aumentar la cantidad de instrumentos o efectos disponibles para un estudio.

Lenguaje HTML

Las etiquetas HTML son fragmentos de código que permiten crear elementos HTML, estructuras básicas del lenguaje de programación HTML en el que se escriben las páginas web porque es el que entienden los navegadores. Con el objetivo de que entiendas qué es una etiqueta HTML, uno de los conceptos básicos con los que trabajarás en programas tan solicitados como nuestro Executive Master en Marketing Digital, Analítica y UX, queremos enseñarte cómo funciona la capa más básica de una web y que puedas lanzarte a diseñar las tuyas sin miedo.

Una etiqueta HTML consta de un nombre que la define, encerrado por los símbolos <> y escrito en minúsculas. Existen etiquetas que pueden contener texto y otras que representan partes de una estructura. Las que tienen contenido se deben cerrar para definir con precisión qué engloban con una etiqueta de cierre, idéntica a la de apertura, pero con el símbolo / ante el nombre. Si una contiene otras etiquetas, las más internas deben cerrarse antes de poder encerrar la estructura que las contiene. Existen algunas que no se pueden cerrar, como las imágenes o los saltos de línea, debido a que no pueden contener nada en su interior. Aunque no es obligatorio, se recomienda incluir el símbolo / precedido de un espacio, al final de la única etiqueta presente, para indicar que esta termina ahí. Algunos ejemplos de etiquetas son los siguientes:

• Párrafo. <p>Contenido del párrafo.</p>
• Párrafo con contenido en negrita. <p>Texto normal y <strong>texto en negrita.</strong></p>
• Salto de línea. <br/>

Atributos

Los atributos son valores adicionales que se agregan a una etiqueta para configurarla o definir su comportamiento. Existen atributos propios y exclusivos de algunas etiquetas, así como atributos globales, aplicables a cualquiera. No es imprescindible incluir todos los atributos posibles en cada etiqueta, sino solo aquellos necesarios para modificar el comportamiento de esta según corresponda. Los atributos se añaden, únicamente, a la etiqueta de apertura, nunca a la de cierre. Cada atributo tiene un nombre que define la propiedad que modifican y (no siempre) un valor encerrado entre comillas dobles. Los atributos se agregan después del nombre de la etiqueta, separados por un espacio de dicho nombre y del resto de atributos. A continuación, se muestra un ejemplo de la etiqueta <img> con atributos para insertar una imagen. El atributo src indica cuál es el archivo que contiene la imagen que se debe mostrar, mientras que el atributo alt se utiliza para mostrar un texto alternativo en caso de que la imagen no esté disponible: <img src="imagen.jpg" alt="Imagen de prueba" />.

Características de fácil utilización web

1. Transparencia, añadiendo un nuevo valor, que puede estar entre el 0 (transparente) y 1 (opaco).
2. Bordes redondeados, utilizando la sintaxis compatible entre varios navegadores.
3. Sombreado en cajas de texto, permite crear sombra sobre el texto, pudiendo variar las posiciones de esta y el color de la sombra. Es muy útil para encabezados y títulos que deseen resaltarse, pero no se debe abusar de ella porque puede saturar la vista del usuario y crear una mala estética.
4. Múltiples opciones de fondos, podemos aplicar varias imágenes de fondo en un mismo elemento.
5. Sombreado en cajas de texto, se utiliza la propiedad Box-shadow, que es compatible con Safari 4, Firefox 3 y Chrome.

Webapps

Una app web es un programa informático al que se accede desde un navegador web a través de internet o de una intranet. Se puede usar para referirse a una aplicación web. Una app web funciona en base a tres niveles:

• El navegador web. Se encarga de interpretar el lenguaje codificado de la aplicación. Hablamos de lenguajes informáticos como HTML, CSS o JavaScript.
• El servidor web. Es el código al que apela el navegador. Puede encontrarse en la nube o en una red local.
• La base de datos. Es el lugar de almacenamiento de los datos de la aplicación.