UD3. Edición y creación de contenido

Al hablar de contenidos digitales, nos referimos a cualquier tipo de información que se crea, se almacena y se comparte en formato digital. Esta definición abarca desde textos y gráficos hasta videos y aplicaciones interactivas.

3.1.1. Importancia y alcance

En nuestra sociedad, caracterizada por la omnipresencia de la tecnología, la creación de contenidos digitales ha adquirido una relevancia extraordinaria. Este fenómeno no se limita a un sector o área específica; su impacto se extiende a casi todos los aspectos de la vida cotidiana, especialmente para vosotros, que sois quienes estáis en constante interacción con estos contenidos. La importancia de la creación de contenidos digitales se puede apreciar en varios aspectos:

• ● Comunicación: los jóvenes de hoy utilizan contenidos digitales para expresar sus ideas, emociones y experiencias. Plataformas como Instagram y Tik Tok son ejemplos claros de cómo creáis y compartís contenido para expresaros y conectar con otros.
• ● Educación: la digitalización de materiales educativos ha revolucionado la forma de aprender. Los contenidos digitales como tutoriales en YouTube, podcasts educativos o blogs especializados, son recursos habituales para todos los que buscan comprender nuevos conceptos o profundizar en sus intereses. Ya es posible aprender habilidades, tan complejas como programar ordenadores, mediante tutoriales de una lista de reproducción en YouTube.
• ● Participación en la sociedad digital: la habilidad para crear contenidos digitales es clave para participar activamente en la sociedad actual. Las personas que saben cómo crear y compartir información de manera efectiva están mejor preparados para contribuir en debates, sacar adelante sus estudios o participar en proyectos solidarios.
• ● Preparación para el futuro profesional: en un mundo donde el mercado laboral está cada vez más digitalizado, conocer los fundamentos de la creación de contenidos digitales marca claramente la diferencia. Para un adolescente a punto de llegar a la universidad o al mercado laboral, habilidades como la edición de video, el diseño gráfico o la manipulación de audio son activos valiosos que aumentan su empleabilidad.

Comprender y dominar las habilidades implicadas en la creación digital, no solo nos permite adaptarnos al mundo de hoy, sino que también nos equipa con herramientas que serán imprescindibles en el mundo de mañana.

3.1.2. Tipos de contenidos digitales

La diversidad en los tipos de contenidos digitales refleja la riqueza y complejidad del mundo digital en el que vivimos. Cada tipo de contenido tiene sus propias características y usos, siendo apropiados para diferentes formas de comunicación. Veamos cuáles son:

Estos tipos de contenidos digitales ofrecen diferentes medios de expresión y aprendizaje, además son clave para vuestro desarrollo en una sociedad cada vez más digitalizada. Al familiarizarte con estos formatos, te preparas para el futuro, y enriqueces tu presente, explorando nuevas formas de comunicación, creatividad y conocimiento.

Nos enfocamos ahora en las herramientas de productividad que facilitan y optimizan la creación, gestión y compartición de contenidos digitales. Estas herramientas, que incluyen software de ofimática y aplicaciones de diseño gráfico, son indispensables en todas las facetas de nuestra vida: estudios, trabajo y vida personal. Familiarizarnos con estas herramientas significa adquirir habilidades que trascienden mucho más allá del aula. Este apartado, por lo tanto, no solo aborda el uso técnico de estas herramientas, sino que también subraya su importancia en el desarrollo de habilidades de comunicación, organización y creatividad.

3.2.1. Software de ofimática

El software de ofimática es un conjunto de herramientas digitales diseñadas para tareas relacionadas con la oficina. Sin embargo, su utilidad va más allá del entorno laboral, extendiéndose al ámbito educativo y personal. En el contexto de un estudiante de 4º de ESO, el software de ofimática se convierte en un importante aliado para diversas actividades. Programas como Microsoft Office, con sus componentes clave como Word, Excel y PowerPoint, o alternativas gratuitas como LibreOffice y Google Workspace, son fundamentales en vuestra vida académica, y lo seguirá siendo cuando ésta termine.

Por ejemplo, podrías utilizar los procesadores de texto Microsoft Word o Google Docs para escribir ensayos, informes de investigación, una publicación para las redes sociales o para elaborar tu propio currículum vitae. Estas herramientas no solo facilitan la escritura y edición de textos, sino que también ofrecen características avanzadas como la revisión ortográfica y gramatical, lo que mejora la calidad de tus trabajos escritos.

Excel y Google Sheets, por otro lado, son hojas de cálculo, excelentes para manejar datos y realizar cálculos matemáticos. Podrías utilizar estas aplicaciones para proyectos de ciencia, donde necesitas recopilar, analizar y presentar datos. También son útiles para tareas cotidianas, como gestionar un presupuesto personal o planificar un viaje con amigos.

PowerPoint, Google Slides, Canva o Genially se convierten en herramientas clave para presentaciones en clase. Te permiten no solo transmitir información, sino también desarrollar habilidades en diseño y presentación visual. Una presentación bien diseñada puede hacer que un proyecto sea más atractivo y efectivo en la comunicación de ideas.

En un contexto más personal, puedes utilizar estas herramientas para gestionar tus propios proyectos y hobbies. Por ejemplo, si te interesa la escritura creativa, guiones para vídeos de Youtube, puntuaciones en un torneo o apoyo a alguna asociación solidaria; todas necesitan ser gestionadas con alguna de las herramientas de ofimática que vamos a ver.

Así que, aquí realizamos una parada, iniciamos el camino de las prácticas y, al terminar, volveremos para continuar con el tema.

3.2.2. Herramientas de diseño gráfico y edición de imágenes

Las herramientas de diseño gráfico y edición de imágenes son la piedra angular de la creación de contenido visual en la sociedad actual. Estas herramientas permiten manipular y mejorar fotografías, crear gráficos y diseños para sitios web, aplicaciones y publicidad. Si os fijáis, por ejemplo, en la web de una tienda online como Amazon o AliExpress: todos esos banners publicitarios, las imágenes de los productos o los ganchos promocionales, han sido cuidadosamente diseñadas para captar nuestra atención.

Las posibles aplicaciones de estas herramientas son innumerables, encontrándose en numerosos aspectos de nuestra vida diaria. Hoy en día, casi todas las personas editan las fotos antes de publicarlas en redes sociales como Instagram; en el ámbito educativo, se realizan constantemente diseños gráficos con herramientas como Canva o Genially para crear material didáctico visualmente atractivo que capte la atención de los alumnos y también para la elaboración de los trabajos de los propios alumnos; organismos públicos diseñan su cartelería con este tipo de herramientas, las imprentas, editoriales, señales de tráfico, videojuegos, y así hasta prácticamente abarcar todos los sectores productivos que puedas imaginar.

Así, la edición y el diseño gráfico no solo son fundamentales para profesionales del arte y la publicidad, sino también para nuestra comunicación diaria en el mundo digital. Por todo ello, está plenamente justificado el estudio de estas herramientas y la aplicación práctica que nos permita obtener una competencia, al menos, básica de su uso.

Como presentes y futuros creadores de contenido digital, las próximas semanas aprenderéis a utilizar estas herramientas no solo para expresar vuestras ideas creativas sino también para entender mejor cómo los medios visuales influyen en nuestra percepción del mundo. Recordad siempre buscar la originalidad y respetar los derechos de autor en vuestras creaciones.

Es un excelente momento para que aprendas la diferencia entre una imagen de mapa de bits, y una imagen vectorial, porque es el primer concepto que debes entender a la hora de elegir una herramienta u otra.

Ahora sí, veamos algunas de las herramientas más importantes que se utilizan a nivel profesional para el diseño gráfico y la edición de imágenes:

• Adobe PhotoshopEs el rey indiscutible de la edición de imágenes. Ofrece una amplia gama de funcionalidades, permitiendo desde la edición y optimización de fotografías hasta la creación de ilustraciones y conceptos tanto en 2D como en 3D. Además, su uso se extiende más allá de las imágenes, permitiendo también la edición y creación de vídeos. Su facilidad de uso lo hace accesible incluso para principiantes, especialmente en conceptos básicos como el manejo de capas.
• Adobe IllustratorEs fundamental para diseñar logotipos, dibujos, tipografías e ilustraciones a través de la vectorización. Esta característica le permite abarcar un amplio rango de proyectos, desde iconos web hasta diseños para revistas y libros.
• Adobe InDesignOtro componente del paquete de Adobe, es clave para trabajos editoriales digitales. Es especialmente útil en la maquetación de páginas y composición de textos, siendo ideal para la creación de folletos, revistas y libros.
• CanvaSe ha convertido en una herramienta favorita para muchos debido a su facilidad de uso y excelente interfaz. Permite crear diseños rápidos y de alta calidad, ofreciendo una enorme gama de plantillas predeterminadas. Su versión gratuita, que incluye más de 7000 plantillas, es particularmente notable.
• FreepikEs como el Google de los diseñadores, siendo una extensa biblioteca de recursos tanto gratuitos como de pago. Permite descargar y editar libremente una gran variedad de recursos, incluyendo archivos PSD, vectores, fotografías, videos y GIFs animados.
• Google FontsHerramienta indispensable para encontrar tipografías que se ajusten y realcen tus proyectos de diseño gráfico digital. Ofrece una amplia variedad de tipografías Open Source.
• Corel DrawAunque Adobe lidera el sector, Corel Draw sigue siendo un software importante y uno de los clásicos en el diseño desde su lanzamiento en 1992. Ofrece una gran variedad de herramientas para la creación de ilustraciones vectoriales y edición de fotografías. Es una opción robusta para aquellos que trabajan en imprentas.

En la comunidad educativa andaluza, es una recomendación bastante extendida utilizar siempre que se pueda una herramienta alternativa open source. Aquí algunas alternativas de escritorio:

• GIMP (GNU Image Manipulation Program): potente herramienta de edición de imágenes que ofrece muchas de las funcionalidades de Photoshop.
• Inkscape: aplicación de gráficos vectoriales que es una alternativa excelente a Illustrator.
• Scribus: programa de maquetación de páginas similar a InDesign.
• Krita: se enfoca más en la pintura digital y el dibujo, pero ofrece capacidades de diseño gráfico y vectorial.

En el mundo actual, donde la tecnología avanza a pasos agigantados -solo hay que ver cómo la evolucionado la IA en el último año-, el teléfono móvil se ha convertido en una extensión de nosotros mismos. No es solo una herramienta de comunicación, sino una puerta enorme a todo el conocimiento que existe. El desarrollo de aplicaciones móviles se erige como una disciplina primordial, capaz de transformar ideas innovadoras en soluciones prácticas. La importancia de estudiar estos contenidos radica en la adquisición de las habilidades técnicas para crear aplicaciones funcionales, y en entender el impacto profundo que estas tienen en la sociedad.

3.3.1. Plataformas y herramientas de desarrollo

Básicamente, existen dos grandes ecosistemas:

• Android: desarrollado por Google, es el sistema operativo más utilizado a nivel mundial. La plataforma de desarrollo de Android, Android Studio, ofrece un conjunto de herramientas completas que incluyen un editor de código y emuladores.
• iOS: el sistema operativo de Apple para iPhone y iPad cuenta con su propio entorno de desarrollo, Xcode.

Existen entornos de desarrollo que no necesitan codificar las instrucciones en modo texto, sino en modo bloques. El programador diseña la aplicación arrastrando y soltando componentes de forma visual. En este tipo de herramientas dominan:

• MIT App Inventor
• Thunkable
• AppyBuilder

3.3.2. Fundamentos de programación para móviles

La Web fue ideada por Tim Berners-Lee en el CERN como un sistema de hipertextos. Ha redefinido las relaciones humanas, el comercio y la educación.

3.4.2. Funcionamiento de la web

Podemos imaginar la web como el almacén de cajas fuertes de un banco lleno de servidores con páginas web.

1. La solicitud del usuario: Abres tu navegador (Chrome, Firefox, Safari) y escribes una dirección web (URL). En este momento, estás haciendo un HTTP Request.
2. Localizando el recurso: Cada página tiene una dirección única conocida como URL (Uniform Resource Locator).
3. Interacción y más solicitudes: Una vez cargada, puedes interactuar (clic en enlaces, ver videos), lo cual genera nuevas solicitudes al servidor.

Este proceso ocurre gracias a la arquitectura cliente-servidor. Lo que el navegador muestra es el Frontend (la parte pública).

3.4.3. Introducción a HTML, CSS y Javascript

Estos son los tres pilares fundamentales del desarrollo web del lado cliente:

Ejemplo de código JavaScript para validación de email:

function validarEmail() {
  var email = document.getElementById("email").value;
  var pattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  if(pattern.test(email)) {
    alert("La dirección de email es válida.");
  } else {
    alert("La dirección de email es incorrecta.");
  }
}

3.4.4. Creación de páginas web sencillas

Debido a la falta de tiempo para aprender la sintaxis de cada lenguaje, iniciaremos el camino con una herramienta «no-code». Construiremos sitios web sin escribir ni una sola línea de código.

• Realidad Virtual (VR): Inmersión total en mundos fantásticos o simulaciones de entrenamiento. Un ejemplo clásico es el de los videojuegos, donde podéis explorar mundos fantásticos como si realmente estuvierais allí. Pero también se extiende a simulaciones para formación en entornos peligrosos, como puede ser el entrenamiento de pilotos.
• Realidad Aumentada (AR): Superpone información digital al mundo real. Esto se logra a través de dispositivos como teléfonos inteligentes o gafas especiales, que proyectan datos e imágenes sobre lo que naturalmente podemos ver. Un ejemplo cotidiano es el de aplicaciones que muestran reseñas de restaurantes simplemente apuntando la cámara de vuestro móvil hacia ellos. En el ámbito profesional, la AR ayuda a los cirujanos a visualizar información vital durante las operaciones sin desviar la mirada del paciente.
• Realidad Mixta (MR): Combina VR y AR, creando escenarios donde objetos virtuales y reales coexisten y pueden interactuar en tiempo real.

3.5.2. Recursos para el desarrollo

• Unreal Engine: conocido por su alta calidad gráfica, Unreal Engine es ideal para proyectos que requieren un alto nivel de detalle visual y efectos en tiempo real. Es muy apreciado en la industria del cine y la televisión para la creación de efectos visuales. Empresas de arquitectura utilizan Unreal para crear recorridos virtuales por edificios aún no construidos, permitiendo a los clientes experimentar el espacio antes de su ejecución.
• ARKit (Apple) y ARCore (Google): son «frameworks» diseñados para el desarrollo de aplicaciones de realidad aumentada en iOS y Android, respectivamente. Ambos proporcionan funciones avanzadas como el seguimiento del movimiento, la comprensión del entorno y la estimación de la luz. Aplicaciones como «IKEA Place» utilizan estos frameworks para permitir a los usuarios visualizar muebles en sus propios hogares antes de comprarlos.

Plataformas de hardware

Oculus Rift y Quest: se trata de dispositivos de realidad virtual desarrollados por Oculus VR.