Tema 1. Edición Y Creación De Contenido PDF

20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González Tema 3. Edición y creación de contenido Lope González > ESO y Bachillerato > Digitalización, 4º ESO > Tema 3. Edición y creación de co...

20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González Tema 3. Edición y creación de contenido Lope González > ESO y Bachillerato > Digitalización, 4º ESO > Tema 3. Edición y creación de contenido Currículo: esta unidad cubre parte de los saberes básicos del Bloque B – Digitalización del entorno personal de aprendizaje (concretamente el DIG.4.B2) correspondiente a 4ºESO. Además, se evalúan los criterios que puedes encontrar al final de esta página relacionados con los saberes citados. Tabla de contenidos 3.1. Introducción a la creación de contenidos digitales 3.1.1. Importancia y alcance 3.1.2. Tipos de contenidos digitales 3.2. Herramientas de productividad 3.2.1. Software de ofimática 3.2.2. Herramientas de diseño gráfico y edición de imágenes 3.3. Desarrollo de aplicaciones móviles básico 3.3.1. Plataformas y herramientas de desarrollo 3.3.2. Fundamentos de programación para móviles 3.3.3. Diseño de interfaces y experiencia de usuario 3.4. Desarrollo de aplicaciones web básico 3.4.1. Características de la web 3.4.2. Funcionamiento de la web 3.4.3. Introducción a HTML, CSS y Javascript 3.4.4. Creación de páginas web sencillas 3.5. Realidad virtual, aumentada y mixta 3.5.1. Conceptos básicos 3.5.2. Recursos para el desarrollo A la hora de abordar el mundo de la creación de contenidos digitales, nos encontramos en la encrucijada de la innovación tecnológica y la expresión creativa. Explorar este tema no solo nos va a enriquecer de conocimientos técnicos, sino que también va a fomentar nuestra creatividad. La digitalización, en su esencia, es la conversión de información en un formato digital. Esto permite su fácil manipulación, distribución y almacenamiento, abriendo un enorme abanico de posibilidades. En este tema, abordaremos distintos aspectos de la creación de contenidos digitales, empezando por comprender su importancia y los diferentes tipos que existen. Desde textos y gráficos hasta aplicaciones móviles y sitios web, los contenidos digitales son omnipresentes en nuestro día a día. Profundizaremos en herramientas de productividad y diseño gráfico, aprenderemos sobre software de ofimática, y exploraremos herramientas de diseño gráfico y edición de imágenes, cruciales para la comunicación visual. El desarrollo de aplicaciones móviles y el desarrollo web básico son dos campos que han ganado una importancia sin precedentes en los últimos años. Aquí, tendremos la oportunidad de adentrarnos en el mundo de la programación, aprendiendo desde los fundamentos hasta la creación de interfaces y la experiencia de usuario. La programación móvil y el desarrollo web son habilidades altamente valoradas en el mercado laboral actual, y su comprensión básica es un activo importante para cualquier estudiante. La realidad virtual (VR), aumentada (AR) y mixta (MR) son tecnologías emergentes que están redefiniendo la forma en que interactuamos con el mundo digital. Estudiaremos sus conceptos básicos, diferencias y aplicaciones prácticas, lo que nos permitirá entender cómo estas tecnologías están transformando sectores como la educación, la salud y el entretenimiento. 3.1. Introducción a la creación de contenidos digitales 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. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 1/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González La importancia de la creación de contenidos digitales se puede apreciar en varios aspectos: 1. Comunicación: los jóvenes de hoy utilizan contenidos digitales para expresar sus ideas, emociones y experiencias. Plataformas como Instagram y TikTok son ejemplos claros de cómo creáis y compartís contenido para expresaros y conectar con otros. 2. 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. 3. 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. 4. 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: Textos digitales: los textos en formato digital los podemos encontrar en casi cualquier sitio. La escritura digital no solo nos permite expresar nuestras ideas, sino que también nos ayuda a desarrollar habilidades de redacción y argumentación. Algunos de los formatos de texto más usados son:.txt ,.docx ,.pdf ,.odt , etc. Y entre las aplicaciones más usadas para leer o elaborar textos digitales están: Google Docs, Microsoft Word, LibreOffice Writer, Apple Pages o Adobe Acrobat Reader. Imágenes: la fotografía digital y los gráficos juegan un papel crucial en la comunicación visual. Las imágenes capturadas con smartphones y compartidas en plataformas como Instagram forman parte de nuestra expresión social. Por otro lado, los gráficos como infografías y presentaciones ayudan a sintetizar y comunicar información de manera efectiva, tanto en el ámbito académico como en el personal. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 2/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González Vídeos: los vídeos son uno de los medios más populares y versátiles en la actualidad. Ya sea viendo tutoriales en YouTube, creando y compartiendo videos en TikTok, o participando en proyectos escolares que requieren la producción de videos, estamos constantemente interactuando con este formato. Los videos no solo sirven para entretenimiento, sino que son una potentísima herramienta educativa. [ 📚 15 canales de Youtube con contenidos educativos ] Contenidos interactivos: incluyen aplicaciones móviles, juegos, sitios web interactivos y tecnologías inmersivas como las realidades virtual y aumentada. Con estos contenidos podemos aprender de manera lúdica, como en aplicaciones educativas que gamifican el aprendizaje, o para desarrollar habilidades específicas, como las que nos proporcionan plataformas interactivas de aprendizaje de programación o idiomas. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 3/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González Audio: el contenido en formato de audio, como los podcasts, es otra área que ha ganado mucha popularidad últimamente. Los podcasts ofrecen una novedosa forma de aprender y entretenerse, abordando cualquier tema que se te ocurra. 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. 3.2. Herramientas de productividad 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. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 4/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González Tutoriales | Que es la ofimática y para que sirve 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. En nuestra tarea educativa dentro del currículo de esta asignatura, nos centraremos en el aprendizaje de las herramientas ofimáticas que nos ofrece Google Workspace en su versión for Education. 1. Google Workspace for Education. 2. Google Mail. 3. Google Drive. 4. Google Docs. 5. Google Sheets. 6. Google Forms. Así que, aquí realizamos una parada, iniciamos el camino de las prácticas y, al terminar, volveremos para continuar con el tema. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 5/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González 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. ¿Qué diferencia hay entre una imagen vectorial y un mapa de bits? { Micro Conocimiento by @Mazzima 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 Photoshop https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 6/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González Adobe Photoshop es 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 Illustrator Adobe Illustrator, es 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. Con Illustrator, la creatividad es el límite. Adobe InDesign InDesign, otro 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, tanto en formatos digitales como impresos. Canva Canva se 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. Freepik Freepik es 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 Fonts https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 7/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González Google Fonts es una herramienta 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, ideales para cualquier propuesta visual. Corel Draw Aunque 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. Con una interfaz amigable y numerosos recursos educativos, Corel Draw es una opción robusta y valiosa para cualquier diseñador gráfico digital, especialmente para aquellos que trabajan en imprentas. Las que hemos visto son las herramientas líderes en cada una de sus especialidades, pero en la comunidad educativa andaluza, es una recomendación bastante extendida utilizar siempre que se pueda una herramienta alternativa open source. Así que, exceptuando Canva, Freepik y Google Fonts que son accesibles gratuitamente desde su interfaz web, vamos a ver qué alternativas de programas de escritorio tenemos para las demás: GIMP (GNU Image Manipulation Program) GIMP es una potente herramienta de edición de imágenes que ofrece muchas de las funcionalidades de Photoshop, incluyendo la edición y composición de imágenes, y la creación de gráficos tanto en 2D como en 3D. Inkscape Inkscape es una aplicación de gráficos vectoriales que es una alternativa excelente a Illustrator, ideal para la creación de logotipos, ilustraciones y tipografías. Scribus Scribus es un programa de maquetación de páginas que se utiliza para diseñar, entre otros, folletos, revistas y libros, similar a lo que ofrece InDesign. Krita Aunque Krita se enfoca más en la pintura digital y el dibujo, también ofrece capacidades de diseño gráfico y puede ser una buena alternativa a Corel Draw para ciertas tareas de diseño vectorial. En nuestras prácticas guiadas de este apartado descubriremos las funcionalidades más importantes que incorpora GIMP, así como las técnicas más usadas para una variedad de tareas de edición de imágenes. Además, aprenderemos los conceptos https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 8/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González básicos del diseño vectorial con Inkscape. Prácticas con GIMP Prácticas con Inkscape 3.3. Desarrollo de aplicaciones móviles básico 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, directamente en la palma de nuestra mano. Es una locura. En este contexto, el desarrollo de aplicaciones móviles se erige como una disciplina primordial, capaz de transformar ideas innovadoras en soluciones prácticas que facilitan y enriquecen nuestra vida cotidiana. Desde aplicaciones que nos permiten comprar la cena con un par de toques hasta aquellas que transforman nuestro dispositivo en un entrenador personal de bolsillo, el espectro de posibilidades es infinito. 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. Por ejemplo, pensemos en WhatsApp, una aplicación que empezó como una simple herramienta de mensajería entre unos pocos y se transformó en la aplicación que conecta a más gente del mundo, cada día. Gráfico del crecimiento de usuarios al inicio de las aplicaciones más populares. ¿Quién sabe? A lo mejor, detrás de alguna de las apps que vais a desarrollar en clase, se acaba convirtiendo en el próximo TikTok 🤯. 3.3.1. Plataformas y herramientas de desarrollo En el mundo del desarrollo de aplicaciones móviles, las plataformas y herramientas de desarrollo son los pilares que sostienen la creación de soluciones innovadoras. Estas herramientas facilitan el proceso de desarrollo, al mismo tiempo que abren un abanico de posibilidades para que los desarrolladores den vida a sus ideas. Variedad de plataformas La elección de una plataforma de desarrollo es uno de los primeros y más importantes pasos en el proceso de creación de una aplicación móvil. 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, emuladores y herramientas de diagnóstico imprescindibles para el desarrollo. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 9/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González iOS : el sistema operativo de Apple para iPhone y iPad cuenta con su propio entorno de desarrollo, Xcode , que proporciona un entorno integrado para el diseño, desarrollo y publicación de aplicaciones en el App Store. Los dos sistemas de desarrollo que hemos mencionado son los que se usan a nivel profesional, escribiendo código fuente en modo texto como este: Pero existen entornos de desarrollo que no necesitan codificar las instrucciones en modo texto, sino en modo bloques. Básicamente, el programador diseña la aplicación arrastrando y soltando componentes de forma visual, y después programa con bloques predefinidos el comportamiento de cada componente. Así: De esta manera, se facilita enormemente el desarrollo de las aplicaciones móviles. En este tipo de herramientas dominan con mucha diferencia tres: 1. MIT App Inventor. 2. Thunkable. 3. AppyBuilder. Estos ecosistemas no solo varían en términos de sistemas operativos y dispositivos, sino también en las directrices de diseño y las políticas de publicación de aplicaciones, lo que influye directamente en el proceso de desarrollo. Evolución y tendencias https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 10/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González El desarrollo de aplicaciones móviles es un campo que evoluciona rápidamente, impulsado por las nuevas tecnologías y la demanda de los usuarios por experiencias más ricas e interactivas. Las herramientas de desarrollo no solo han tenido que adaptarse a cambios tecnológicos, como el aumento de la potencia de procesamiento de los dispositivos móviles y la introducción de pantallas de alta resolución, sino también a tendencias más amplias como el auge de la inteligencia artificial (AI) y el aprendizaje automático (ML) , integrando funcionalidades que permiten a los desarrolladores implementar estas tecnologías de manera más accesible en sus aplicaciones. 3.3.2. Fundamentos de programación para móviles Antes de comenzar a diseñar aplicaciones móviles, es indispensable comprender los fundamentos de programación específicos para estos dispositivos. Esta base nos proporciona las herramientas necesarias para construir aplicaciones funcionales, y también nos permite entender las complejidades únicas que presenta el desarrollo móvil. Repasemos los cimientos de la programación para móviles. Lenguajes de programación La elección del lenguaje de programación es un punto de partida muy importante. Para Android, Java ha sido tradicionalmente el lenguaje de elección, aunque Kotlin ha emergido como una alternativa moderna y ahora es preferido por Google. Por otro lado, el desarrollo para iOS se basa en Objective-C y Swift, siendo este último el más recomendado por Apple debido a su sintaxis concisa y seguridad. Aunque, como hemos visto más arriba, podemos usar otro tipo de lenguajes -por bloques, por ejemplo- que son multiplataforma, de manera que podemos construir una aplicación en un lenguaje «neutro» y luego exportarlo para Android o iOS. Es la propia herramienta de desarrollo, la que internamente realiza la «traducción» a uno u otro lenguaje nativo. Gestión de la interfaz de usuario (UI) https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 11/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González La creación de una interfaz de usuario intuitiva y atractiva es fundamental en aplicaciones móviles. Esto implica entender cómo manejar elementos como botones, vistas y animaciones. Los desarrolladores deben familiarizarse con los principios de diseño de material para Android o las directrices de diseño humanizado de iOS para crear interfaces que sean coherentes con las expectativas de los usuarios de cada plataforma. Manejo de eventos Las aplicaciones móviles son intrínsecamente interactivas. Aprender a manejar eventos, como toques en la pantalla, desplazamientos o gestos, es crucial. Esto requiere comprender los sistemas de eventos de Android e iOS y cómo implementar manejadores de eventos para crear una experiencia de usuario fluida. Básicamente, un evento es cualquier acción que realizamos sobre el dispositivo: pulsar un botón, tocar la pantalla, hablarle, inclinarlo, aportarle más luz, rotarlo, orientarlo,… El programa de la aplicación, tendrá una respuesta preparada para cada uno de esos eventos, como: mostrar un mensaje, enviar una alerta, bajar el brillo de la pantalla, etc. Tú como programador de la app, serás el encargado de preparar esos manejadores de eventos para dar una respuesta cuando se produzcan. Ciclo de vida de la aplicación Entender el ciclo de vida de una aplicación móvil es clave para manejar adecuadamente las transiciones entre diferentes estados de la aplicación, como su inicio, pausa y reanudación. Una gestión eficaz del ciclo de vida ayuda a conservar los recursos del dispositivo y a proporcionar una experiencia de usuario sin interrupciones. Gestión del estado y almacenamiento de datos Las aplicaciones móviles a menudo necesitan guardar datos, ya sea temporalmente en el estado de la aplicación o permanentemente en el almacenamiento local o en la nube. Comprender las diferentes opciones de almacenamiento, como SharedPreferences en Android o UserDefaults en iOS, así como bases de datos más sofisticadas, es importante para la funcionalidad de algunas aplicaciones. Conectividad Las aplicaciones móviles frecuentemente consumen datos de internet. Esto implica realizar solicitudes a APIs web –servicios externos a los que nos conectamos para consumir datos-, manejar respuestas y procesar datos en formatos como JSON. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 12/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González Piensa en una app que muestra información meteorológica, ¿de dónde saca la app la información del tiempo de cada ciudad de España? Está conectada en tiempo real a un servicio online de la AEMET -Agencia Estatal de Meteorología- que le proporciona esos datos para que tu app solo tenga que presentársela al usuario en un formato atractivo. ¿O pensabas que el programador las metía a mano todas las mañanas? Dominar estas técnicas es fundamental para integrar funcionalidades externas y datos en tiempo real en las aplicaciones. Optimización y rendimiento Las aplicaciones móviles deben ser rápidas y eficientes. Esto significa optimizar el uso de la memoria, minimizar el consumo de batería y asegurar que la aplicación se ejecute suavemente en una variedad de dispositivos. Comprender las mejores prácticas de optimización es clave para el éxito de una aplicación con un número importante de usuarios. Seguridad La seguridad es primordial en el desarrollo de aplicaciones móviles. Los fundamentos en cifrado de datos, autenticación de usuarios y protección contra vulnerabilidades son muy importante para proteger la información personal de los usuarios y garantizar su confianza en la aplicación. Y también para que no te lleven a juicio. Muchas de las consideraciones que acabamos de mencionar sobre fundamentos de programación para móviles, es probable, que nunca lleguéis a verlas o sufrirlas, porque muchas de ellas son dependientes de contextos de programación muy concretos: videojuegos de alto rendimiento, apps con millones de usuarios, apps de tiempo real, etc. Sin embargo, las demás sí que las trabajaremos en las prácticas de este tema. 3.3.3. Diseño de interfaces y experiencia de usuario El diseño de interfaces (UI) y la experiencia de usuario (UX) son componentes críticos en el desarrollo de aplicaciones móviles, que juntos determinan cómo los usuarios interactúan con y perciben una aplicación. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 13/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González Este enfoque abarca por un lado la estética visual, y por otro, la funcionalidad, la usabilidad y la accesibilidad, asegurando que la aplicación sea intuitiva, eficiente y agradable de usar. Cuando estemos inmersos en las prácticas, exploraremos cómo estos elementos se entrelazan para crear aplicaciones que no solo cumplen con su propósito funcional sino que también ofrecen una experiencia satisfactoria para el usuario. Principios de diseño de interfaces El diseño de interfaces se centra en la presentación visual y la interactividad de la aplicación. Elementos como la paleta de colores, tipografías, botones, iconos y espacios en blanco son cuidadosamente seleccionados y dispuestos para crear una interfaz coherente y estéticamente agradable. La clave es adherirse a principios de diseño como la simplicidad, la consistencia y la claridad, lo que facilita la navegación y mejora la usabilidad. Herramientas de diseño como Sketch, Adobe XD y Figma ofrecen a los desarrolladores un amplio rango de posibilidades para crear prototipos interactivos antes de la implementación. Importancia de la experiencia de usuario La UX, por otro lado, se enfoca en la experiencia global del usuario al interactuar con la aplicación. Esto incluye entender las necesidades y comportamientos del usuario, diseñar flujos de trabajo lógicos, y asegurar que la aplicación responda de manera rápida y precisa a las entradas del usuario. La experiencia de usuario va más allá de lo visual, abarcando cómo se siente el usuario acerca de cada interacción con la aplicación. Un aspecto fundamental de la UX es el diseño centrado en el usuario, que implica iteraciones de pruebas de usabilidad y feedback para afinar la aplicación según las necesidades reales de los usuarios. Optimización de la interacción La interacción usuario-aplicación debe ser intuitiva. Los gestos táctiles, como deslizar, tocar y pellizcar, deben ser implementados de manera que se sientan naturales y predecibles. La retroalimentación visual o háptica -vibración- en respuesta a las acciones del usuario ayuda a confirmar las interacciones y mejora la sensación de control. Accesibilidad Un aspecto a menudo subestimado pero importante del diseño de UI/UX es la accesibilidad, asegurando que la aplicación sea usable por personas con diversas capacidades, incluyendo aquellas con discapacidades visuales, auditivas, motoras o cognitivas. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 14/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González Esto implica características como el contraste de color adecuado, opciones de texto a voz, y la capacidad de navegar la aplicación usando asistentes de voz u otros controles de accesibilidad. Adaptabilidad Las aplicaciones móviles deben ser diseñadas para adaptarse a una amplia gama de tamaños de pantalla y orientaciones, desde teléfonos hasta tabletas. Una UI y UX bien diseñadas tienen en cuenta esta variabilidad, asegurando que la aplicación no solo se vea bien, sino que también funcione de manera óptima en cualquier dispositivo. Prácticas de desarrollo básico de aplicaciones móviles 3.4. Desarrollo de aplicaciones web básico Desde los primeros días de la Web en los laboratorios del CERN, cuando Tim Berners-Lee ideó una manera de interconectar la información a través de hipertextos, hasta el dinámico universo digital en el que hoy nos movemos, la Web ha sido testigo y protagonista de revoluciones tanto silenciosas como explosivas. Tim Berners-Lee en los laboratorios del CERN Pero, ¿qué hace a la Web tan importante en nuestros días? La respuesta esta no solo en su capacidad para almacenar y transmitir información, sino en cómo ha redefinido las relaciones humanas, el comercio, la educación, y hasta nuestra percepción de la realidad. A través de ejemplos contemporáneos, como el impacto de las redes sociales en las dinámicas políticas y sociales, o el surgimiento de la economía del compartir, observamos cómo la Web no es un mero canal de información, sino un espacio de interacción humana sin precedentes. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 15/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González Cada página web que visitamos, cada aplicación que usamos, y cada servicio online al que accedemos son piezas de un rompecabezas que nos ayuda a comprender el mundo en el que vivimos. Adentrarnos en el estudio de la Web es, por tanto, explorar cómo la tecnología moldea la sociedad y viceversa. La web, como la conocemos hoy, es un entramado complejo de tecnologías, protocolos y prácticas diseñadas para interconectar a las personas con la información. Vamos a intentar aportar algo de comprensión, describiendo algunas de sus características principales. 3.4.1. Características de la web La web no es una vía de comunicación unidireccional; permite la interacción entre los usuarios y los sistemas. Ejemplo de ello son los formularios web que recopilan información de los usuarios, permitiendo una experiencia personalizada. Una de las metas de la web es ser accesible por cualquier persona, en cualquier lugar y en cualquier dispositivo o navegador, es decir, que sea accesible. Un ejemplo claro es la iniciativa Web Accessibility Initiative (WAI), que promueve directrices para asegurar que la web sea accesible para personas con discapacidades. Los sitios web pueden cambiar y actualizarse en tiempo real, ofreciendo contenido dinámico basado en las interacciones del usuario o eventos externos. Las páginas de noticias que actualizan sus titulares conforme ocurren son un ejemplo sencillo, pero lo vemos con mucha más claridad en las redes sociales, aplicaciones cuyo contenido es completamente distinto de un usuario a otro. La web se estructura en torno al concepto de hipertexto , que permite enlazar documentos entre sí mediante enlaces. Wikipedia es el ejemplo emblemático de cómo la hipertextualidad facilita el acceso a gigantescas cantidades de información de manera intuitiva. 3.4.2. Funcionamiento de la web Para entender cómo funciona la web, podemos imaginarla como el almacén de cajas fuertes de un banco, pero en lugar de cajas llenas de bienes personales, tiene servidores llenos de páginas web accesibles desde cualquier parte del mundo. Vamos a desglosar este proceso en pasos simples. 1: La solicitud del usuario Quieres encontrar información sobre «el sistema solar». Lo primero que haces es abrir tu navegador web (como Chrome, Firefox o Safari) y escribes tu consulta en un buscador como Google o directamente una dirección web que ya conoces. Un compañero te ha dicho que en cienciaespacial.com hay datos curiosos que te pueden servir. Así que tecleas era dirección en tu navegador y pulsas [INTRO]: En este momento, estás haciendo una «solicitud» para ver una página web específica. Acabas de presenciar un HTTP Request. 2: Localizando el recurso Cada página web tiene una dirección única, conocida como URL –Uniform Resource Locator- , que funciona como la dirección de una casa -en nuestro caso cienciaespacial.com-. Pero, para que el navegador encuentre la página que has solicitado, necesita convertir esa dirección legible por humanos en una dirección numérica llamada dirección IP –Internet Protocol– , que identifica de manera única a un servidor en la web. ¿Te has fijado que las cajas fuertes del banco no tienen el nombre de sus propietarios? Tienen un número que las identifica. Los servidores funcionan igual, los identificamos por un número con el formato de una dirección IP –cuatro números de 0 a 255, separados por un punto-: 80.123.45.251 https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 16/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González Este proceso de traducción de la dirección de una web en la dirección IP del servidor que la aloja se realiza a través de algo llamado DNS –Domain Name System– , que actúa como una guía telefónica, traduciendo nombres de dominio en direcciones IP. Este proceso se llama Domain Name Resolution. 3: El servidor web responde Una vez que el navegador sabe la dirección IP del servidor donde reside la página web que quieres visitar, envía una solicitud a ese servidor. Piensa en el servidor como un gran archivo donde se guardan todas las páginas web. Cuando el servidor recibe tu solicitud, busca la página que has pedido, procesa los datos necesarios para elaborar la respuesta y la envía de vuelta a tu navegador. Esa respuesta es una HTTP Response. Todo esto ocurre en el lado servidor -donde se aloja la web-, y lo que ha procesado el servidor es el Backend -la parte privada- de la web. 4: Cargando la página web Al recibir la información del servidor, tu navegador comienza a cargar la página web. Esto incluye texto, imágenes, videos y cualquier otro contenido. El navegador interpreta el código HTML (el lenguaje con el que se escriben las páginas web), lo estiliza con CSS (que define el aspecto de la página) y ejecuta cualquier código JavaScript (que añade interactividad a la página) para presentarte la página web tal y como fue diseñada. Todo esto ocurre en el lado cliente -tú y tu equipo-, y lo que acaba de hacer tu navegador es mostrar el Frontend -la parte pública- de la web. 5: Interacción y más solicitudes Una vez que la página está cargada, puedes interactuar con ella: hacer clic en enlaces, ver vídeos, rellenar formularios, dejar comentarios, etc. Cada vez que interactúas, es posible que tu navegador haga más solicitudes al servidor, por ejemplo, si haces clic en un enlace para ir a una nueva página. El proceso desde el paso 1 se repite, y el ciclo continúa mientras navegas por la web. Este proceso, que puede parecer complicado en teoría, ocurre en cuestión de segundos gracias a la arquitectura cliente-servidor (que acabamos de describir), en la que intervienen numerosos protocolos de comunicación tremendamente eficientes. Bien. Conoces cómo funciona la web, sabes de dónde parte la solicitud, cómo esa solicitud consigue encontrar el servidor que la atiende, y también que un archivo llega de vuelta a tu navegador y lo muestra. Pero, ¿cómo consigue el navegador mostrar en pantalla toda la información de una web? Ese es nuestro siguiente paso. 3.4.3. Introducción a HTML, CSS y Javascript Estamos ante los tres pilares fundamentales del desarrollo web del lado cliente. Estas dos tecnologías hacen posible la creación y el diseño de sitios web: https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 17/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González HTML (HyperText Markup Language – Lenguaje de Marcado de Hipertexto). CSS (Cascading Style Sheets – Hojas de Estilo en Cascada). JavaScript (Lenguaje de programación de ambos lados: cliente y servidor). Estas tecnologías son fundamentales para construir y estilizar las páginas web, ofreciendo una base sólida sobre la cual se apoyan todos los sitios web modernos. A continuación, exploraremos qué son, cómo funcionan y por qué son tan importantes en el diseño web. HTML: la estructura de la web HTML es el lenguaje estándar de marcado utilizado para crear y estructurar páginas web. A través de HTML, definimos elementos como títulos, párrafos, enlaces, imágenes y muchas otras estructuras que componen una página web. Piensa en HTML como el esqueleto de un sitio web, proporcionando la estructura básica sobre la cual todo lo demás se construye. Esqueleto básico de una página HTML 1 2 3 4 5 6 Esqueleto de una web 7 8 9 10 11 HTML utiliza etiquetas –tags– para marcar diferentes partes del contenido de una página web, indicando al navegador cómo debe ser mostrado el contenido. Por ejemplo, la etiqueta se usa para los títulos principales, para párrafos, para enlaces, y así sucesivamente. Cada etiqueta tiene un propósito específico y ayuda a organizar el contenido de manera semántica. Aprender HTML es el primer paso para cualquier desarrollador web, ya que proporciona la base necesaria para construir sitios web. Además, un buen manejo de HTML es imprescindible para la accesibilidad web, asegurando que el contenido sea accesible para todos los usuarios, incluidos aquellos que utilizan lectores de pantalla u otras tecnologías de asistencia. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 18/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González CSS: el estilo de la web CSS es el lenguaje utilizado para describir la presentación visual de las páginas web, incluyendo colores, márgenes y fuentes. Mientras que HTML se encarga de la estructura, CSS define el estilo y la apariencia de esa estructura. Puedes pensar en CSS como la ropa que viste al esqueleto proporcionado por HTML, dándole color, forma y estilo. CSS permite a los desarrolladores aplicar estilos a elementos HTML seleccionándolos mediante selectores y luego definiendo propiedades y valores específicos. Por ejemplo, podemos cambiar el color de fondo de todos los párrafos () a azul con una simple regla de CSS: Pone en azul el fondo de los párrafos 1 p { background-color: blue; } CSS puede ser incorporado directamente en el HTML, enlazado como un archivo externo, o incluso insertado en línea en los propios elementos. Dentro del ecosistema de CSS, los frameworks han surgido como herramientas muy potentes que simplifican y aceleran el desarrollo de interfaces de usuario atractivas. Entre estos, Tailwind CSS destaca como un framework que permite a los desarrolladores construir diseños personalizados sin salirse de su HTML, lo que elimina la necesidad de escribir CSS desde cero. El uso de CSS mejora notablemente la experiencia del usuario al permitir la creación de páginas web visualmente atractivas con aspecto profesional. Además, CSS juega un papel muy importante en el diseño web adaptable, asegurando que las páginas se vean bien en una amplia variedad de dispositivos y tamaños de pantalla. Dominar CSS significa tener el control sobre la apariencia de un sitio web, pudiendo ajustar el diseño para mejorar la usabilidad y la estética. JavaScript: la interactividad de la web JavaScript es el lenguaje de programación que se utiliza para crear contenido dinámico en las páginas web. Mientras que HTML proporciona la estructura y CSS el estilo, JavaScript añade interactividad a las páginas , permitiendo crear una experiencia de usuario más rica. Debes entender JavaScript como el sistema nervioso del cuerpo de un sitio web, donde HTML sería el esqueleto y CSS la ropa. Es capaz de responder a eventos del usuario como clics, pulsaciones de teclas, movimientos del ratón, y mucho más, permitiendo una interacción más profunda con el contenido de la página. JavaScript se ejecuta en el navegador del usuario, lo que significa que el código se procesa en el dispositivo del usuario en lugar del servidor. Esto permite una respuesta rápida a las interacciones del usuario sin necesidad de recargar la página. A través de JavaScript, puedes realizar tareas como: Manipulación del DOM : permite modificar los elementos de una página web en tiempo real. Por ejemplo, puedes usar JavaScript para añadir o eliminar elementos, cambiar estilos, o incluso alterar el contenido de la página en respuesta a la interacción del usuario. Javascript 1 // Cambiar el texto de un elemento con el id "miTitulo" 2 document.getElementById("miTitulo").innerHTML = "Nuevo Título"; 3 4 // Este código busca en la página un elemento con el id "miTitulo" 5 // y cambia su contenido HTML a "Nuevo Título". Validación de formularios : antes de enviar datos de un formulario al servidor, JavaScript puede usarse para validar esos datos. Esto ayuda a asegurar que la información enviada cumple con los requisitos necesarios, mejorando la usabilidad y reduciendo los errores de entrada de datos. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 19/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González Javascript 1 // Función para validar un campo de email en un formulario 2 function validarEmail() { 3 var email = document.getElementById("email").value; 4 var pattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 5 if(pattern.test(email)) { 6 alert("La dirección de email es válida."); 7 } else { 8 alert("La dirección de email es incorrecta."); 9 } 10 } 11 12 // Esta función obtiene el valor del campo de email, verifica si cumple con un patrón básico 13 // para direcciones de correo electrónico y muestra una alerta indicando si es válida o no. Efectos : puede ser utilizado para añadir animaciones y efectos visuales a una página web, haciendo que el contenido sea más atractivo. Javascript 1 // Animar un elemento para que se desplace hacia la derecha 2 function moverDerecha() { 3 var elemento = document.getElementById("animado"); 4 var posicion = 0; 5 var intervalo = setInterval(frame, 10); // mover cada 10ms 6 function frame() { 7 if (posicion == 350) { // detener a los 350px 8 clearInterval(intervalo); 9 } else { 10 posicion++; 11 elemento.style.left = posicion + 'px'; 12 } 13 } 14 } 15 16 // Este código mueve un elemento con el id "animado" hacia la derecha hasta alcanzar 350px. Llamadas asíncronas usando AJAX : es una técnica que permite a las páginas web solicitar datos del servidor de manera asíncrona sin recargar la página. Esto significa que puedes actualizar partes de una página con nuevos datos sin interrumpir la experiencia del usuario. Javascript 1 // Realizar una solicitud GET a una API y mostrar el resultado 2 function cargarDatos() { 3 var xhttp = new XMLHttpRequest(); 4 xhttp.onreadystatechange = function() { 5 if (this.readyState == 4 && this.status == 200) { 6 document.getElementById("datos").innerHTML = this.responseText; 7 } 8 }; 9 xhttp.open("GET", "https://api.example.com/datos", true); 10 xhttp.send(); 11 } 12 13 // Este código envía una solicitud GET a "https://api.example.com/datos", 14 // y si la respuesta es exitosa, coloca el contenido en el elemento con el id "datos". JavaScript ha crecido más allá de los navegadores, siendo ahora el corazón de tecnologías como Node.js , que permite escribir aplicaciones del lado del servidor. Dominar JavaScript abre un mundo de posibilidades en el desarrollo web, desde la creación de sitios web simples hasta la construcción de aplicaciones web complejas y altamente interactivas. 3.4.4. Creación de páginas web sencillas Crear aplicaciones web supone dominar las tres tecnologías que hemos visto en el apartado anterior. Sin embargo, esta asignatura no dispone del tiempo suficiente para aprender, ni siquiera superficialmente, la sintaxis y particularidades de cada lenguaje. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 20/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González Por eso, iniciaremos nuestro camino en el desarrollo de aplicaciones web con una herramienta «no-code». De esta manera nos iremos familiarizando con los conceptos básicos de este tipo de desarrollo, construiremos sitios web visualmente atractivos y, todo ello, sin escribir ni una sola línea de código. Será en 2º de Bachillerato donde continuaremos ahondando en la programación con código de sitios web. Prácticas de desarrollo básico de aplicaciones web 3.5. Realidad virtual, aumentada y mixta En un mundo cada vez más digitalizado, las fronteras entre lo real y lo virtual se desdibujan a pasos agigantados. La evolución de las tecnologías de realidad virtual (VR) , realidad aumentada (AR) y realidad mixta (MR) está transformando cómo interactuamos con el entorno y también cómo resolvemos problemas. La importancia de estudiar estas tecnologías no radica únicamente en su capacidad de entretenimiento, sino en su potencial para revolucionar industrias enteras, desde la educación hasta la manufactura, pasando por la salud y el comercio. Conociendo sus conceptos principales, estaremos más preparados para entender y participar activamente en la siguiente ola de transformaciones digitales que ya están llegando. 3.5.1. Conceptos básicos Cuando hablamos de tecnologías que alteran nuestra percepción de la realidad, entramos en un territorio fascinante que mezcla lo digital con lo real. Aquí se presentan tres conceptos fundamentales: realidad virtual (VR), realidad aumentada (AR) y realidad mixta (MR). Aunque pueden parecer similares, cada una ofrece una experiencia única y se aplican de maneras distintas en nuestro día a día. Vamos a desglosar cada una de estas tecnologías para entender mejor sus características y diferencias. Realidad virtual (VR) La realidad virtual crea un entorno completamente artificial donde el usuario se sumerge totalmente. Utilizando dispositivos como gafas VR o cascos, os encontráis inmersos en un mundo generado por ordenador que simula la realidad. 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) A diferencia de la VR, la realidad aumentada 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. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 21/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González Realidad mixta (MR) La realidad mixta combina elementos de ambas, VR y AR, creando escenarios donde objetos virtuales y reales coexisten y pueden interactuar en tiempo real. Este tipo de tecnología es más compleja, ya que requiere un mapeo preciso del entorno físico para que la integración sea fluida. Un ejemplo de MR sería un juego donde podéis manipular un objeto virtual colocado en un espacio real, como mover un mueble virtual dentro de vuestra sala para ver cómo quedaría antes de hacer una compra real. La diferencia clave, por tanto, entre estas tecnologías radica en cómo y en qué medida mezclan lo real con lo virtual. Mientras que la VR sustituye completamente vuestra visión del mundo real, la AR la complementa, y la MR va un paso más allá permitiendo la interacción entre ambos mundos. 3.5.2. Recursos para el desarrollo En el desarrollo de aplicaciones de realidad virtual, aumentada y mixta, es vital elegir las herramientas adecuadas para conseguir una experiencia de usuario efectiva. Estas tecnologías se basan en un conjunto diverso de software y hardware, que permiten desde la creación de simples prototipos hasta el desarrollo de complejas aplicaciones interactivas. A continuación, exploraremos algunas de las plataformas más utilizadas en la actualidad para el desarrollo en VR, AR y MR. Herramientas de desarrollo de software Unity : es uno de los motores de juego más populares y versátiles para el desarrollo de realidad virtual y aumentada. Unity ofrece un potente entorno de desarrollo integrado con soporte para múltiples plataformas, lo que os permite exportar vuestros proyectos a casi cualquier dispositivo. Se utiliza para crear experiencias inmersivas en juegos como «Beat Saber», así como aplicaciones educativas que simulan procedimientos quirúrgicos. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 22/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González 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, una división de Facebook. Ofrecen una inmersión total con un seguimiento de posición y controladores de movimiento. Son usados en formación empresarial para simular entornos de trabajo y mejorar las habilidades prácticas sin los riesgos asociados al entrenamiento físico real. https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 23/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González HTC Vive : similar a Oculus, pero a menudo preferido por su precisión en el seguimiento del espacio y su integración abierta con SteamVR. En medicina, HTC Vive permite a los estudiantes realizar cirugías virtuales para practicar procedimientos sin riesgos para los pacientes. Microsoft HoloLens : es un dispositivo de realidad mixta que superpone hologramas digitales al mundo real, permitiendo la interacción con ambos. Es líder en MR debido a su capacidad de integrar aplicaciones en entornos profesionales. Se utiliza en la industria manufacturera para mostrar instrucciones de ensamblaje directamente en el campo de visión del trabajador, mejorando la precisión y reduciendo el tiempo de formación. Estas herramientas son fundamentales para desarrollar aplicaciones que no solo entretengan, sino que también resuelvan problemas reales en industrias como la educación, la medicina, la arquitectura y muchos otros sectores. Cada una tiene sus fortalezas y se adapta mejor a diferentes tipos de proyectos, por lo que la elección debe basarse en las necesidades específicas del desarrollo y los objetivos del https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 24/25 20/11/24, 14:37 Tema 3. Edición y creación de contenido – Lope González usuario final.  Tema 2. Gestión de la información Tema 4. Publicación y difusión de contenidos  Deja una respuesta Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con * Comentario * Nombre * Correo electrónico * Web Guarda mi nombre, correo electrónico y web en este navegador para la próxima vez que comente. Publicar el comentario https://lopegonzalez.es/eso-y-bachillerato/digitalizacion-4o-eso/tema-3-edicion-y-creacion-de-contenido/ 25/25