% Created 2024-06-18 mar 17:43
% Intended LaTeX compiler: lualatex
\documentclass[handout]{beamer}
\usepackage{graphicx}
\usepackage{longtable}
\usepackage{wrapfig}
\usepackage{rotating}
\usepackage[normalem]{ulem}
\usepackage{amsmath}
\usepackage{amssymb}
\usepackage{capt-of}
\usepackage{hyperref}
\usepackage{polyglossia}
\setmainlanguage{spanish}
\usepackage{csquotes}
\usepackage{fontspec}
\logo{\includegraphics[height=0.25cm]{imgs/cc-by-sa-small.png}}
\hypersetup{colorlinks}
\usepackage{emoji}
\usepackage{multimedia}
\setbeamercovered{transparent}
\usetheme{Madrid}
\author{Christian Gimenez}
\date{28 de junio del 2024}
\title{Formatos digitales para la escritura}
\hypersetup{
 pdfauthor={Christian Gimenez},
 pdftitle={Formatos digitales para la escritura},
 pdfkeywords={},
 pdfsubject={},
 pdfcreator={Emacs 30.0.50 (Org mode 9.6.2)}, 
 pdflang={Spanish}}
\begin{document}

\maketitle
\begin{frame}{Outline}
\tableofcontents
\end{frame}

\AtBeginSection[]{
  \begin{frame}{Outline}
    \tableofcontents[currentsection, hideallsubsections]
  \end{frame}
}

\AtBeginSubsection[]{
  \begin{frame}{Outline}
    \tableofcontents[sectionstyle=show/hide, 
    subsectionstyle=show/shaded/hide]
  \end{frame}
}

\beamerdefaultoverlayspecification{<+->}

\setemojifont{Noto Color Emoji}

\section{Objetivos}
\label{sec:orgd52abf2}

\subsection{Objetivos de este taller}
\label{sec:orga108df6}

\begin{frame}[label={sec:org2fb2b26}]{Objetivos de este taller}
\begin{block}{Pregunta}
\alert{¿Cuál es el formato más adecuado para distintos contenidos y públicos?}
\end{block}

\begin{block}{Objetivo del taller}
Determinar cuál es el formato digital más adecuado para el contenido y el público destinatario.
\end{block}

\begin{block}{Objetivos secundarios}
\footnotesize

\begin{itemize}
\item Determinar alcances de los formatos digitales:

Pros y contras, consecuencias, utilidades, alcances éticos y sociales.

\item Primer aproximación a conceptos de computación que afectan a formatos digitales:

Firmas digitales, Software Libre, Digital Restriction Management (DRM), cifrado, etc.

\item Aproximación previa a software de escritura y generación de contenidos:

\LaTeX{}, Tecnología Web, texto plano y conversores, Wikis, etc.

\item Acercamiento a la accesibilidad digital.
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:orge8cdf79}]{Metodología}
\begin{block}{¿Cómo desarrollaremos este taller?}
\begin{enumerate}
\item Describiré las características que vamos a trabajar:

¿Qué cosas vamos a tener en cuenta? ¿qué características o cualidades?

\item Les contaré los distintos formatos de archivo y lo que pueden hacer.

\emoji{raising-hands} ¡Con ejemplos! \emoji{raising-hands}

\item \emoji{mate}Conversatorio: Charlaremos qué opinan y cuáles usarían para distintos contenidos.
\end{enumerate}
\end{block}
\end{frame}

\subsection{Algunos conceptos preliminares\ldots{}}
\label{sec:org245ac79}
\begin{frame}[label={sec:org4d9d5bf}]{¿Qué es un formato de archivo?}
\begin{center}
\includegraphics[width=0.75cm]{imgs/Binary-File-Plain.svg.png}
\end{center}

Pero antes\ldots{} ¿Qué es un formato de archivo?

\begin{block}{Formato de archivo}
Es la estructura de los datos binarios de un archivo.

\guillemotleft{}¿Cómo ordeno los unos y ceros para guardar lo que quiero?\guillemotright{}
\end{block}

\begin{block}{Uso}
\begin{itemize}
\item ¿En qué orden leer/escribir los unos y ceros?
\item ¿Qué significan?
\item ¿Y los otros programas? \(\to\) Interoperabilidad
\end{itemize}
\end{block}
\end{frame}

\section{Formatos digitales}
\label{sec:orged22600}

\subsection{Características}
\label{sec:org978ce09}

\begin{frame}[label={sec:org8012f10}]{Características que vamos a trabajar}
\begin{itemize}
\item No vamos a alcanzar a ver todas en cada formato\ldots{}
\item ¡Este listado no es exhaustivo!
\item Pero nos va a servir como guía
\end{itemize}

\begin{block}{¿Qué vamos a mirar de los formatos digitales?}
\begin{itemize}
\item Medios destinados
\item Soporte a distintos contenidos
\item Preservación e integridad
\item Confidencialidad
\item Portabilidad
\item Accesibilidad
\item Conversión y automatización
\item Formato libre, estándar o privativo
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:orgeabd185}]{Medios destinados}
\begin{block}{Físicos}
\begin{itemize}
\item \emoji{books} Papel, libro, impresiones
\item Pósters, planos, partituras, etc.
\item \emoji{writing-hand} Escritura manual
\end{itemize}
\end{block}

\begin{block}{Digitales/electrónicos}
\begin{itemize}
\item PC/Notebook (pantalla)
\item Celular o tablet
\begin{itemize}
\item \emph{Responsive design}
\end{itemize}
\item e-readers o e-books (Kindle, Kobo, Nook, etc.)
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:org95c3105}]{Soporte a contenidos}
\begin{block}{¿Qué queremos guardar?}
\begin{itemize}
\item \alert{¿Qué contenido queremos tener en un escrito?}
\item \alert{¿Qué cosas hemos encontrado en una obra?}
\end{itemize}
\end{block}

\begin{block}{Algunos ejemplos\ldots{}}
\begin{itemize}
\item Texto, Imágenes, Fórmulas matemáticas
\item Pentagramas y partituras
\item Códigos fuentes de programas
\item Tablas y datos, gráficos (\emph{plots})
\item Audios y videos embebidos
\item Animaciones
\item Emojis
\item ¿Qué otro contenido?
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:orgb417be8}]{Preservación e integridad 1/2}
\begin{block}{Alguna preguntas}
\begin{itemize}
\item ¿Cuánto tiempo puede durar?
\begin{itemize}
\item ¿Puede verse en cualquier sistema a pesar del tiempo?
\item ¿Se puede tener varias copias?
\end{itemize}
\item ¿Qué pasa si se descarga/copia mal?
\item ¿Qué pasa si alguien o algo modifica la obra?
\item ¿Cómo puedo asegurarme de que el archivo es una copia del original?

\alert{Autenticidad}
\item ¿Cómo puedo saber si el autor is quien dice ser?

\alert{Autenticidad de la firma}
\item ¿Cómo puedo hacer para que el autor no rechace su propia obra?

\alert{No repudio}
\begin{itemize}
\item P. ej.: documentos formales y oficiales
\end{itemize}
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:orgf12d972}]{Preservación e integridad 2/2}
\begin{block}{Algunas\ldots{} ¿respuestas?}
\begin{itemize}
\item Tiempo: Estándares, formatos y software estudiable y conocido (replicables)
\item Detección y corrección de errores: \emph{hashes}, copias
\item Autenticidad y no repudio: Firmas digitales
\item Evitar formatos o software/hardware con técnicas de obsolescencia programada
\item No poseer DRM
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:org34772ff}]{Confidencialidad}
\begin{itemize}
\item ¿Se desea que la información sea vista por cualquier persona?
\item ¿Se preserva la privacidad?
\end{itemize}

\begin{block}{Técnicas}
\begin{itemize}
\item Cifrado
\item Esteganografía
\end{itemize}
\end{block}

\begin{columns}
\begin{column}{.45\columnwidth}
\begin{block}{Mensaje}
La seguridad por oscuridad intenta utilizar el secreto como medio para brindar seguridad. En contraposición, es preferible basarse en los Principios de Kerckhoffs, que resguarda la seguridad en la contraseña.
\end{block}
\end{column}
\begin{column}{.45\columnwidth}
\begin{block}{Cifrado}
Yn frthevqnq cbe bfphevqnq vagragn hgvyvmne ry frpergb pbzb zrqvb cnen oevaqne frthevqnq. Ra pbagencbfvpvóa, rf cersrevoyr onfnefr ra ybf Cevapvcvbf qr Xrepxubssf, dhr erfthneqn yn frthevqnq ra yn pbagenfrñn.
\end{block}
\end{column}
\end{columns}
\end{frame}

\begin{frame}[label={sec:org6ef150f}]{Portabilidad}
\alert{¿Es posible ver la obra en cualquier sistema y lugar?}

\begin{block}{¿Qué hace falta?}
\begin{itemize}
\item Estándares
\item Fuentes y software conocido y estudiable \(\to\) replicar lectores
\item Formatos que no dependen del sistema
\begin{itemize}
\item Autocontenidos (contener fuentes, imágenes y todo lo que sea necesario)
\end{itemize}
\item ¿Qué hacer con distintas\ldots{}?
\begin{itemize}
\item Pantallas, hardware de entrada (teclado, mouse, táctil)\ldots{}
\end{itemize}
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:org2941b78}]{Accesibilidad}
\alert{¿Es posible que la obra sea consumida por cualquier persona?}

\begin{itemize}
\item Lectores de pantalla \(\to\) ¿Imágenes con texto alternativo?
\item \emph{Optical Character Recognition} (OCR)
\item Consideraciones para distintas discapacidades
\begin{itemize}
\item P. ej.: Para personas con dislexia debe usarse un tamaño de 14 pt con fuentes sin serif, interlineados considerables, negritas en vez de itálicas para enfatizar y una escritura no confusa.
\end{itemize}
\item Distintos formatos para distintas audiencias
\begin{itemize}
\item ¿Diferentes colores para personas con daltonismo?
\item ¿Se puede imprimir? ¿se puede usar lectores?
\end{itemize}
\end{itemize}

\begin{figure}[tbp]
\centering
\includegraphics[width=2cm]{imgs/daltonismo.svg.png}
\caption{Carta de color de Ishihara para determinar entre grados de daltonismo.}
\end{figure}
\end{frame}

\begin{frame}[label={sec:org32e6730}]{Accesibilidad}
\begin{itemize}
\item Adaptable a la pantalla y a distintas fuentes
\begin{itemize}
\item \emph{Reflowable document} (el texto se adapta a la pantalla).
\end{itemize}
\end{itemize}

\begin{figure}[tbp]
\centering
\includegraphics[width=.75\textwidth]{imgs/reflowable_document.png}
\caption{Ejemplo de un Reflowable document.}
\end{figure}
\end{frame}

\begin{frame}[label={sec:org3f4fa0b}]{Conversión y automatización}
\begin{itemize}
\item ¿Puedo convertir la obra de un formato a otro?
\begin{itemize}
\item ¿Qué pérdida de formato o información puede haber?
\end{itemize}
\item ¿Es posible utilizar la obra como entrada de un programa?
\begin{itemize}
\item P. ej.: procesar tablas dentro de un documento para generar imágenes. Buscar direcciones o nombres dentro de una obra.
\end{itemize}
\item ¿Un programa puede generar una obra similar?
\begin{itemize}
\item P. ej.: Crear un informe de forma automatizada utilizando datos numéricos y escasos textos.
\end{itemize}
\end{itemize}
\end{frame}

\begin{frame}[label={sec:org1399526}]{Formato Libre}
\begin{center}
\includegraphics[width=5cm]{imgs/dbd-logo.png}
\end{center}


\begin{block}{\emph{Digital Restriction Management} (DRM)}
Práctica de \alert{imponer restricciones tecnológicas} que controlan \alert{que pueden hacer} las personas usuarias con el contenido digital.

\scriptsize
Ejemplo: Pagué para escuchar una canción en mi celular, ¿puedo escucharla en los parlantes de mi auto mientras viajo? ¿puedo escucharla sin descargar una aplicación determinada?
\end{block}

\begin{block}{}
\begin{itemize}
\item ¿Posee \emph{Digital Restriction Management} (DRM)?

(Ver \href{https://www.defectivebydesign.org/}{defectivebydesign.org} y \href{https://www.eff.org/issues/drm}{DRM en Electornic Frontier Foundation})

\item ¿Es un estándar abierto?
\item ¿Hay software libre para leerlo?
\end{itemize}
\end{block}
\end{frame}

\subsection{Formatos de archivos con ejemplos}
\label{sec:orgf71819b}

\begin{frame}[label={sec:org168b3df}]{Papel 1/2}
\begin{figure}[tbp]
\centering
\includegraphics[width=.9\linewidth]{imgs/Voynich_manuscript-2-cropped.jpg}
\caption{Una página del Manuscrito de Voynich}
\end{figure}
\end{frame}

\begin{frame}[label={sec:org3c14561}]{Papel 2/2}
¡Justo este no es digital! \emoji{facepalm}

Pero estudiémoslo igualmente\ldots{}

\begin{itemize}
\item ¿Qué tipos de contenidos puede usarse en el papel?

Fórmulas, imágenes, tablas, partituras, etc.
\item Estructura bien establecida y conocida de: un libro, un artículo, etc.
\begin{itemize}
\item Márgenes para proteger el contenido.
\item División por páginas, capítulos, secciones, etc.
\end{itemize}
\item Preservación e integridad:
\begin{itemize}
\item Muy identificable.
\item Reparar un libro es posible.
\end{itemize}
\item ¿Confidencialidad?
\item ¿Portabilidad?
\item ¿Automatización?
\end{itemize}
\end{frame}

\begin{frame}[label={sec:org84036f9}]{Texto plano}
\begin{center}
\includegraphics[width=0.75cm]{imgs/Text-txt.svg.png}
\end{center}

\begin{itemize}
\item Primer formato utilizado en computación
\item Formato básico:
\begin{itemize}
\item Solo letras, números y símbolos
\item Sin negrita, cursiva, subrayado, fuentes, tamaños, etc.
\end{itemize}
\item Con el tiempos se incluyeron más letras y caracteres (acentos, griego, ruso, chino, etc.)
\item Las computadoras pueden procesarlos
\begin{itemize}
\item Mejor si se utiliza una estructura bien establecida

(p. ej. usamos un asterisco para marcar un título).
\item Con la computadora se puede: copiar, pegar, buscar, reemplazar, contar, modificar, clasificar, etc.
\item Para programar y dar instrucciones, ¡es muy útil!
\end{itemize}
\end{itemize}
\end{frame}

\begin{frame}[label={sec:org1433d46},fragile]{Texto plano - Lenguajes de marcado}
 \begin{block}{Pero\ldots{} tiene limitaciones}
\begin{itemize}
\item ¿Y las imágenes, sonidos y videos?
\item Pero, si tengo 5 millones de números\ldots{} ¿existirá una forma mejor de guardarlos?
\end{itemize}
\end{block}

\begin{block}{¿Cómo hacemos para agregar formato?}
\begin{itemize}
\item Si proveemos una sintaxis, podemos dar formato.
\item P. ej.: si una frase se encierra entre asteriscos es negrita:

\texttt{*mi frase en negrita*}
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:orgd9a42d5}]{Texto plano - Lenguajes de marcado}
\begin{block}{Marcado}
Se suelen denominar \alert{lenguaje de marcado}.

\begin{itemize}
\item Un programa puede procesarlos fácilmente (buscar palabras, cambiar formato).
\item Altamente accesible: tamaño de letra, fuente, negrita es fácil de interpretar y comunicar.
\end{itemize}

\alert{¡Esta presentación está hecha con Org-mode y \LaTeX{}!}
\end{block}

\begin{block}{¿Dónde se puede usar?}
Se utilizan en Whatsapp, Facebook, blogs, Wikis y otros software.

Para escribir: \href{https://es.wikipedia.org/wiki/Markdown}{Markdown}, \href{https://orgmode.org/}{Org-mode}, \href{https://es.wikipedia.org/wiki/Ayuda:Edici\%C3\%B3n}{Wikitexto}, \href{https://latex-project.org/}{\LaTeX{}}, \href{https://html.spec.whatwg.org/}{HyperText Markup Language} (HTML, para páginas Webs)

Para otros usos: \href{https://www.w3.org/Graphics/SVG/}{Scalable Vector Format} (SVG), \href{https://lilypond.org}{Lilypond} (partituras).
\end{block}
\end{frame}

\begin{frame}[label={sec:orgcd9004f}]{Texto plano - Lenguaje de marcado}
\begin{center}
\includegraphics[width=0.55\textwidth]{imgs/txt-diagram.png}
\end{center}
\end{frame}

\begin{frame}[label={sec:orge4ea80b}]{Texto plano - Ejemplos}
\begin{itemize}
\item \href{https://www.wattpad.com/story/97473466-institute-of-evil-versus-heroes-academy-ievsha}{IEvsHA} es una Web novel que está escrita en texto plano.
\item \guillemotleft{}Archivo de Texto\guillemotright{}, artículo de la Wikipedia.

(Todos los artículos de Wikipedia se pueden escribir con texto plano)

\href{https://es.wikipedia.org/wiki/Archivo\_de\_texto}{Version interpretada al HTML.}

\href{https://es.wikipedia.org/w/index.php?title=Archivo\_de\_texto\&action=edit}{Version original en texto plano.}
\end{itemize}
\end{frame}

\begin{frame}[label={sec:orgddaddc7}]{Imágenes}
\begin{itemize}
\item Muchas formas de guardar una imágen.

Dos clasificaciones importantes:
\begin{itemize}
\item \emph{Raster}: BMP, JPG, PNG, etc.
\item \emph{Vector}: SVG, etc.
\end{itemize}

\item Fotografía, escaneos de escritos (libros, apuntes, artículos), pósters.
\item Se usa mucho en historietas, comics y manga.
\end{itemize}

\begin{block}{Pero\ldots{} ¡No es muy maneable!}
\begin{itemize}
\item No son escalable \(\to\) ¡se desfigura!
\item No se puede cambiar tamaño ni fuentes\ldots{} ¡no es fácil editar!
\item Para procesar el texto \guillemotleft{}fotografiado\guillemotright{} necesitamos programas:

\alert{Optical Character Recognition} (OCR)

¡Pueden fallar!
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:org6c54d34}]{Imágenes}
\begin{block}{Ejemplos}
\begin{itemize}
\item \href{https://www.peppercarrot.com/en/webcomic/ep37\_The-Tears-of-the-Phoenix.html}{Episode 37: The tears of the phoenix}. Pepper \& Carrot por David Revoy.

El formato decidido por el autor es una página Web con una imágen por página de la historieta.
\item \href{https://archive.org/details/sim\_mind\_1950\_59\_contents}{MIND Volumen 59, 1950 en archive.org}. Aparece el artículo de Alan Turing escaneado, \guillemotleft{}Computer Machinery and Intelligence\guillemotright{}.
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:org9f24c8e}]{Documentos de Microsoft Office (doc, docx)}
\begin{center}
\includegraphics[width=0.75cm]{imgs/docx_icon.svg.png}
\includegraphics[width=0.75cm]{imgs/doc_icon_(2000-03).svg.png}
\end{center}

\begin{itemize}
\item Fue un formato cerrado por mucho tiempo
\begin{itemize}
\item No se podía estudiar
\item Cada software mostraba diferente el documento
\end{itemize}
\item Se abrió en 2008
\item Doc no es estándar. Docx Se estandarizó como \href{https://www.iso.org/standard/71691.html}{ISO/IEC 29500-1}.
\begin{itemize}
\item ¿Por qué es importante?
\begin{itemize}
\item ¡portabilidad!
\item Si no es estándar: ¿Qué pasa si cambia su especificación?
\end{itemize}
\end{itemize}
\end{itemize}

\begin{block}{Portabilidad}
\begin{description}
\item[{Fuentes:}] Pueden incluirse ¿lo hará el software? \emoji{person-shrugging}
\item[{Otros idiomas:}] Incluye en el formato. ¿El software? \emoji{person-shrugging}
\end{description}
\end{block}
\end{frame}

\begin{frame}[label={sec:orgcc634e3}]{PDF 1}
\begin{center}
\includegraphics[width=0.75cm]{imgs/Icon_pdf_file.svg.png}
\includegraphics[width=0.75cm]{imgs/PDF_file_icon.svg.png}
\end{center}

\begin{block}{Portable Document Format (PDF)}
Portabilidad (poder ver el documento igual en cualquier plataforma)
\end{block}

\begin{block}{Ejemplos}
\begin{itemize}
\item \alert{¡Esta presentación está en PDF!} \(\to\) Para aprovechar su portabilidad
\item ¿Alguien quiere presentar por mí en su compu?
\begin{itemize}
\item \emoji{exploding-head} ¡Sigue todo igual! \emoji{exploding-head}
\end{itemize}
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:org95e03d4}]{PDF 2}
\begin{itemize}
\item Soporte para firma digital:
\begin{itemize}
\item Ver una resolución firmada de la facu.
\item Ver una resolución firmada pero el archivo corrompido.
\end{itemize}
\end{itemize}

\begin{block}{Ejemplos}
\begin{itemize}
\item \href{https://controlz.fi.uncoma.edu.ar/proyecto-extension/Ordenanza-0369-2023.pdf}{Res. CS. 0369/2023 de la UNCo.} Posee firma digital.
\item \href{https://controlz.fi.uncoma.edu.ar/taller-formatos-digitales/Ordenanza-0369-2023-editada.pdf}{Res. CS. 0368/2023 de la UNCo - archivo editado}. Posee firma digital, pero como se modificó el archivo, el contenido no es válidado.
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:org44ef8b6}]{HTML/Tecnologías Web}
\begin{figure}[tbp]
\centering
\includegraphics[height=.1\textheight]{imgs/HTML5_logo_and_wordmark.svg.png}
\caption{Logo de HTML5, versión actual (2024).}
\end{figure}

\begin{columns}
\begin{column}{0.45\columnwidth}
\begin{figure}[tbp]
\centering
\includegraphics[height=.35\textheight]{imgs/Tim_Berners-Lee_CP.jpg}
\caption{Tim Berners-Lee. 2009.}
\end{figure}
\end{column}
\begin{column}{0.45\columnwidth}
\begin{figure}[tbp]
\centering
\includegraphics[height=.35\textheight]{imgs/Tim_Berners-Lee_2023.jpg}
\caption{Tim Berners-Lee. 2023.}
\end{figure}
\end{column}
\end{columns}
\end{frame}

\begin{frame}[label={sec:org76b0be1}]{HTML/Tecnologías Web}
\begin{itemize}
\item Originalmente propuesto por Tim Berners-Lee para crear la Web
\begin{itemize}
\item Trabajaba en la Organización Europea para la Investigación Nuclear (\emph{Conseil Européen pour la Recherche Nucléaire}, CERN)
\item Objetivo: Intercambio de documentación y artículos
\item Documentación vinculada entre ella:
\begin{itemize}
\item ¿Cómo apunto a una cosa? Llamala por su nombre único: ¡URL!
\item ¿Cómo hago para ver más acerca de algo? ¡enlaces! ¡en los 80'!
\end{itemize}
\end{itemize}
\end{itemize}

\begin{center}
\movie[autostart,loop,height=2cm,poster]{Sagan Mind-blowing}{imgs/wow-mindblown.mp4}
\end{center}

\begin{itemize}
\item Se formó un consorcio, la \alert{World Wide Web Consotium (W3C)} para crear estándares
\begin{itemize}
\item \href{https://www.w3.org/html/}{Ver estándar HTML}
\item \href{https://url.spec.whatwg.org/}{Ver estándar URL}
\end{itemize}
\end{itemize}
\end{frame}

\begin{frame}[label={sec:org07e6a38}]{HTML/Tecnologías Web}
\emoji{light-bulb} ¿Sabían que el primer explorador fue pensado para leer \alert{y para editar} páginas también?

\begin{figure}[tbp]
\centering
\includegraphics[width=.55\textwidth]{imgs/screencapture-first-web-browser.png}
\caption{Captura de pantalla del primer explorador Web (1990/1993).}
\end{figure}
\end{frame}

\begin{frame}[label={sec:org4640a8d}]{HTML/Tecnología Web}
\begin{block}{Es estándar}
La W3C ha escrito estándar para extender y mejorar el HTML.

Además, se debate y se coordina cómo se brindan las características deseadas.

\begin{itemize}
\item Idiomas: características \href{https://www.w3.org/2007/02/japanese-layout/docs/aligned/japanese-layout-requirements-en.html}{del Japonés}, \href{https://www.w3.org/International/clreq/charter/}{el Chino} (\href{https://www.w3.org/TR/clreq/}{otro texto}), \href{https://www.w3.org/TR/alreq/}{el arábigo y el persa}, etc.
\item Accesibilidad
\item Multimedia, fórmulas matemáticas (MathML), dibujos (SVG), etc.
\item JavaScript, programación y animaciones
\end{itemize}
\end{block}

\begin{block}{Accesibilidad}
Hay guías y muchas características de accesibilidad y Web accesible.

\begin{itemize}
\item WAI (\href{https://www.w3.org/TR/WAI-WEBCONTENT/}{Ver guidelines})
\item WebAIM \url{https://webaim.org/} / \href{https://www.w3.org/TR/WCAG2/}{WCAG}
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:orgf6d41be}]{HTML/Tecnologías Web}
\begin{block}{Ejemplos}
\begin{itemize}
\item \guillemotleft{}Computing Machinery and Intelligence\guillemotright{}. Alan Turing.

\url{https://doi.org/10.1093\%2Fmind\%2FLIX.236.433}

\item \href{https://en.wikibooks.org/wiki/Ada\_Programming}{Ada Programming WikiBook.} En WikiBook.

\item \href{https://ja.wikibooks.org/wiki/Ada}{Ada WikiBook}. Mismo WikiBook de Ada en Japonés. Recuerde que el japonés tradicional se escribe en columnas, de arriba a abajo, de derecha a izquierda (縦書き tategaki). Sin embargo, también se escribe en filas similar al occidental (横書き yokogaki).

\item \href{https://ar.wikibooks.org/wiki/\%D8\%A7\%D9\%84\%D8\%B5\%D9\%81\%D8\%AD\%D8\%A9\_\%D8\%A7\%D9\%84\%D8\%B1\%D8\%A6\%D9\%8A\%D8\%B3\%D9\%8A\%D8\%A9}{WikiBook en Árabe.} Obsérvese que el idioma árabe se lee de derecha a izquierda.

\item Partituras: \href{https://www.mutopiaproject.org/}{MutopiaProject.org}
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:orgfec31f8}]{ePUB}
\begin{center}
\includegraphics[height=.1\textheight]{imgs/Epub_logo_color.svg.png}
\end{center}

\begin{itemize}
\item Estándar de la W3C (\href{https://www.w3.org/publishing/epub3/}{ver estándar})
\begin{itemize}
\item ¡Está basado en HTML!
\end{itemize}
\item Es abierto: se puede estudiar y usarlo
\begin{itemize}
\item ¿Crear y editar mis ePUB? ¡Seguro!
\end{itemize}
\end{itemize}
\begin{block}{Características:}
\scriptsize
\begin{itemize}
\item Resaltados y notas
\item Bookmarks (marcar páginas)
\item Navegación, tabla de contenidos
\item \emph{Reflowable document} y también de geometría fija
\item Fórmulas matemáticas con MathML
\item Cifrado de contenidos, ¡firmas digitales también!
\item Se puede incluir audio y video
\item Puede incluir su propio estilo y estética
\item Accesibilidad: soporta WCAG (posiblemente también WAI y WebAIM).
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:orgd93ea0b}]{AZW3, MOBI y otros de Amazon}
\begin{itemize}
\item Formato propietario de Amazon.
\item No es abierto: no se podría estudiar y usar sin pedir permiso.
\item Posee DRM.
\begin{itemize}
\item Una pregunta: ¿qué pasa cuando el dispositivo deja de tener soporte?
\item Respuesta: \emoji{person-shrugging}
\end{itemize}
\end{itemize}

\href{https://en.wikipedia.org/wiki/Comparison\_of\_e-book\_formats\#Comparison}{Tabla de Wikipedia con comparación entre formatos}
\end{frame}

\begin{frame}[label={sec:org2359b4a}]{AZW3, MOBI y otros de Amazon}
\alert{¿En dónde funcionan?}

\begin{figure}[tbp]
\centering
\includegraphics[width=.5\textwidth]{imgs/Kindle_2_Kindle_3_and_Kindle_4.jpg}
\caption{Dispositivos Kindle versiones 2, 3 y 4.}
\end{figure}

\begin{block}{Algunos datos interesantes}
\begin{itemize}
\item Puede abrir cualquier formato\ldots{} pero\ldots{}
\begin{itemize}
\item hay que enviarlo a un correo electrónico ofrecido por Amazon.
\end{itemize}
\item El lector que tienen no puede abrir archivos ePUB por defecto
\item \alert{¿DRM?}
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:org41f9d59}]{\emph{Open Document Format} o LibreOffice}
\begin{center}
\includegraphics[width=0.75cm]{imgs/ODF_textdocument_48x48.png}
\includegraphics[width=0.75cm]{imgs/ODF_spreadsheet_48x48.png}
\includegraphics[width=0.75cm]{imgs/ODF_presentation_48x48.png}
\includegraphics[width=0.75cm]{imgs/ODF_drawing_48x48.png}
\end{center}

\begin{block}{Formato estándar y abierto (\href{https://www.iso.org/committee/45374/x/catalogue/}{ISO/IEC 26300})}
\begin{itemize}
\item Para texto, hojas de cálculo, presentaciones y dibujos.
\end{itemize}

Como es estándar y abierto\ldots{}
\begin{itemize}
\item Hay muchos editores y lectores:
\begin{itemize}
\item \href{https://www.libreoffice.org/}{LibreOffice} es el más usado.
\item AbiWord, Gnumeric, Koffice, otros.
\end{itemize}
\item Se puede estudiar
\item Se puede automatizar y generar, abrir y editar documentos con programas
\item Portabilidad\ldots{} ¡seguro! Sabemos cómo funciona
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[label={sec:org2ef9e9d}]{LibreOffice}
\begin{center}
\includegraphics[height=.1\textheight]{imgs/LibreOffice_Logo_Flat.svg.png}
\end{center}

\begin{figure}[tbp]
\centering
\includegraphics[height=.55\textheight]{imgs/LibreOffice_7.2.4.1_Writer_screenshot.png}
\caption{Captura de pantalla LibreOffice Writer versión 7.2.}
\end{figure}
\end{frame}

\begin{frame}[label={sec:orgfc6c3d0}]{AbiWord}
\begin{center}
\includegraphics[height=.1\textheight]{imgs/AbiWord.svg.png}
\end{center}

\begin{figure}[tbp]
\centering
\includegraphics[height=.55\textheight]{imgs/AbiWordScreenshot.png}
\caption{Captura de pantalla de AbiWord del 2021.}
\end{figure}
\end{frame}

\begin{frame}[label={sec:org99f2c7c}]{Gnumeric}
\begin{center}
\includegraphics[height=.1\textheight]{imgs/Gnumeric.svg.png}
\end{center}

\begin{figure}[tbp]
\centering
\includegraphics[height=.55\textheight]{imgs/Gnumeric_1.12.9.png}
\caption{Captura de pantalla de Gnumeric del 1.12.}
\end{figure}
\end{frame}

\begin{frame}[label={sec:org3ec71eb}]{KOffice/Calligra}
\begin{center}
\includegraphics[height=.1\textheight]{imgs/Koffice_Logo.svg.png}
\includegraphics[height=.1\textheight]{imgs/Calligra-logo.svg.png}
\end{center}

\begin{figure}[tbp]
\centering
\includegraphics[height=.55\textheight]{imgs/Calligra_Words_3.2.1_screenshot.png}
\caption{Captura de pantalla de Calligra Words 3.2.}
\end{figure}
\end{frame}

\begin{frame}[label={sec:org012ee0b}]{KOffice/Calligra}
\begin{center}
\includegraphics[height=.1\textheight]{imgs/Breezeicons-apps-48-words.svg.png}
\includegraphics[height=.1\textheight]{imgs/Breezeicons-apps-48-stage.svg.png}
\end{center}

\begin{center}
\includegraphics[height=.55\textheight]{imgs/Calligra_Stage_2.4.png}
\captionof{figure}{Captura de pantalla de Calligra Stage 2.4.}
\end{center}
\end{frame}

\subsection{¿Dudas? ¿Preguntas?}
\label{sec:org40a13af}
\begin{frame}[label={sec:org80e7a70}]{¿Dudas? ¿Preguntas?}
\Huge
\begin{center}


\includegraphics[width=.25\textwidth]{imgs/Question-Girl.png}
\includegraphics[width=.25\textwidth]{imgs/Question-Guy.png}

\emoji{thinking-face} ¿Dudas? ¿Preguntas? \emoji{thinking-face}
\end{center}
\end{frame}

\section{Conversatorio}
\label{sec:org2874241}

\subsection{Charlamos un ratito}
\label{sec:org856d26c}

\begin{frame}[label={sec:org9ac7ebc}]{Charlamos un ratito}
\begin{center}
\includegraphics[height=.5\textheight]{imgs/diversegroup.svg.png}
\end{center}

\begin{block}{¡Conversatorio! \emoji{mate} ¡Charlemos un ratito!}
¡Armemos una o varias mesas!
\end{block}
\end{frame}

\begin{frame}[label={sec:org721b4fe}]{¡Preguntas motivadoras!}
\begin{itemize}
\item ¿Qué formato usarían para X tarea?
\item ¿Qué pasaría si el formato no es conocido/estudiable?
\item ¿Qué pasaría si un aparto tiene DRM?
\begin{itemize}
\item ¿Quieren ver un aparto con DRM para charlar acerca de sus efectos?
\end{itemize}
\item ¿Qué les parece el papel? ¿puede reemplazarse por un formato digital completamente?
\item ¿Y la autoría? ¿el no repudio? ¿la firma digital?
\item Pero, si un archivo es editable\ldots{} ¿qué pasa con el permiso del autor?
\item ¿Les parece importante la accesibilidad en el papel y en el digital?
\item ¿En qué momento preferirían algo digital a un papel? ¿y viceversa?
\end{itemize}

\scriptsize
Si quieren descargar este PDF: \href{https://crowd.fi.uncoma.edu.ar/wiki/doku.php/christian:eventos:formatos\_2024}{Visitar página}

\begin{center}
\includegraphics[width=2cm]{imgs/URL-descargar-presentacion.png}
\end{center}
\end{frame}

\section{Licencia}
\label{sec:org5ada1d5}

\subsection{Licencia de Esta Obra}
\label{sec:org7253a50}

\begin{frame}[label={sec:orge8a1da4}]{Licencia de Esta obra}
\footnotesize
\centering
Excepto en los lugares que se ha indicado lo contrario:

Formatos digitales para la escritura por Christian Gimenez se distribuye bajo una Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional (CC-by-SA 4.0).

\includegraphics[width=2cm]{./imgs/cc-cc.png}
\includegraphics[width=2cm]{./imgs/cc-by.png}
\includegraphics[width=2cm]{./imgs/cc-sa.png}

\ \\
Para ver una copia de esta licencia, visite la página Web:

\url{https://creativecommons.org/licenses/by-sa/4.0/deed.es}

\ \\
A continuación se citará el resumen que se encuentra en dicha página Web:
\end{frame}

\begin{frame}[label={sec:org5c2c47a}]{Con CC-by-SA 4.0 usted puede: 1/2}
\footnotesize

\begin{block}{Compartir}
Copiar y redistribuir el material en cualquier medio o formato para cualquier propósito, incluso comercialmente.
\end{block}

\begin{block}{Adaptar}
Remezclar, transformar y construir a partir del material para cualquier propósito, incluso comercialmente. 
\end{block}
\end{frame}


\begin{frame}[label={sec:org084d09d}]{Con CC-by-SA 4.0 Usted puede: 2/2}
\includegraphics[width=0.50cm]{./imgs/cc-cc.png}
\alert{Creative Commons (cc)}

\ \\

\includegraphics[width=0.50cm]{./imgs/cc-by.png}
\alert{Atribución (by)}

\footnotesize
Usted debe dar crédito de manera adecuada, brindar un enlace a la licencia, e indicar si se han realizado cambios. Puede hacerlo en cualquier forma razonable, pero no de forma tal que sugiera que usted o su uso tienen el apoyo de la licenciante. 

\ \\

\includegraphics[width=0.50cm]{./imgs/cc-sa.png}
\alert{CompartirIgual (SA)}

\footnotesize
Si remezcla, transforma o crea a partir del material, debe distribuir su contribución bajo la misma licencia del original. 
\end{frame}

\subsection{Imágenes usadas}
\label{sec:orgd4f02fc}

\begin{frame}[label={sec:orga571df3}]{Imágenes usadas}
\scriptsize

\includegraphics[height=0.75cm]{imgs/Binary-File-Plain.svg.png}
\guillemotleft{}Binary File\guillemotright{} por mihi. 2010. Obra bajo el dominio público.
\url{https://openclipart.org/detail/49411/binary-file} y \url{https://freesvg.org/binary-file-vector-graphics}

\includegraphics[height=0.75cm]{imgs/doc_icon_(2000-03).svg.png}
\guillemotleft{}.doc icon (2000-03).svg\guillemotright{} dibujado por Philip Terry Graham en Inkscape 0.92, creado c. 2013 por Microsoft Corporation. 2018. Obra bajo dominio público excepto las marcas registradas presentes.
\href{https://en.wikipedia.org/wiki/File:.doc\_icon\_(2000-03).svg}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/docx_icon.svg.png}
\guillemotleft{}.docx icon.svg\guillemotright{} por Microsoft Corporation. 2019. Bajo dominio público excepto las marcas registradas presentes.
\href{https://commons.wikimedia.org/wiki/File:.docx\_icon.svg}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/Text-txt.svg.png}
\guillemotleft{}Text-txt.svg\guillemotright{} por RRZEicons. 2009. Obra bajo la licencia Creative Commons Attribution-Share Alike 3.0 Unported.
\href{https://en.wikipedia.org/wiki/File:Text-txt.svg}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/LilyPond-logo-with-music.png}
\guillemotleft{}LilyPond-logo-with-music\guillemotright{} por  Han-Wen Nienhuys, Jan Nieuwenhuizen, John Mandereau, Francisco Vila. 2009. Esta obra se encuentra bajo la licencia Creative Commons Attribution-Share Alike 3.0 Unported.
\href{https://commons.wikimedia.org/wiki/File:LilyPond-logo-with-music.png}{Ver en Wikimedia.}
\end{frame}

\begin{frame}[label={sec:org5cd7463}]{Imágenes usadas}
\scriptsize

\includegraphics[height=0.75cm]{imgs/LaTeX_project_logo_bird.svg.png}
\guillemotleft{}\LaTeX{} project logo bird.svg\guillemotright{} por Jonas Jacek. 2016. Obra bajo la licencia Creative Commons Attribution 4.0 International.
\href{https://en.wikipedia.org/wiki/File:LaTeX\_project\_logo\_bird.svg}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/Icon_pdf_file.svg.png}
\guillemotleft{}Icon pdf file.svg\guillemotright{} por Koreller. 2021. Obra bajo la licencia Creative Commons CC0 1.0 Universal Public Domain Dedication. 
\href{https://commons.wikimedia.org/wiki/File:Icon\_pdf\_file.svg}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/PDF_file_icon.svg.png}
\guillemotleft{}PDF file icon.svg\guillemotright{} por Adobe Systems y CMetalCore. Ícono de un archivo PDF y el logo de \guillemotleft{}Adobe Reader DC\guillemotright{}. 2018. Bajo el dominio público, excepto la marca registrada de Adobe Systems.
\href{https://commons.wikimedia.org/wiki/File:PDF\_file\_icon.svg}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/Epub_logo_color.svg.png}
\guillemotleft{}Epub logo color.svg\guillemotright{} por Ralph Burkhardt. Obra bajo dominio público excepto las marcas registradas.
\href{https://commons.wikimedia.org/wiki/File:Epub\_logo\_color.svg}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/Kindle_2_Kindle_3_and_Kindle_4.jpg}
\guillemotleft{}\url{Kindle} 2, Kindle 3 \& Kindle 4.jpg\guillemotright{} por Robert Drózd. Tres modelos del dispositivo Kindle. 2011. Obra bajo la licencia CC-by-SA 3.0 Unported.
\href{https://commons.wikimedia.org/wiki/File:Kindle\_2,\_Kindle\_3\_\%26\_Kindle\_4.jpg}{Ver en Wikimedia.}
\end{frame}

\begin{frame}[label={sec:orgdc156b0}]{Imágenes usadas}
\scriptsize

\includegraphics[height=0.75cm]{imgs/Tim_Berners-Lee_2023.jpg}
Foto de Tim Berners-Lee por Dr. Frank Gaeth. En el congreso mundial \guillemotleft{}WeAreDevelopers\guillemotright{} de Berlín. 2023. Obra bajo la licencia CC-by-SA 4.0 International.
\href{https://commons.wikimedia.org/wiki/File:Tim\_Berners-Lee\_2023.jpg}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/Tim_Berners-Lee_CP.jpg}
Foto de Tim Berners-Lee por Silvio Tanaka. En el Campus Party Brasil. 2009. Obra bajo la licencia CC-by 2.0 Generic.
\href{https://commons.wikimedia.org/wiki/File:Tim\_Berners-Lee\_CP.jpg}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/screencapture-first-web-browser.png}
\guillemotleft{}The WorldWideWeb Browser\guillemotright{}, por la W3C/Tim Berners-Lee.
Captura de pantalla del primer navegador Web. Se puede encontrar aquí junto con la historia: \url{https://www.w3.org/People/Berners-Lee/WorldWideWeb.html}

\includegraphics[height=0.75cm]{imgs/ODF_textdocument_48x48.png}
\guillemotleft{}ODF textdocument\guillemotright{} por Sun Microsystems. 2009. Esta obra se encuentra bajo la licencia Apache License version 2.0. 
\href{https://commons.wikimedia.org/wiki/File:ODF\_textdocument\_48x48.png}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/ODF_presentation_48x48.png}
\guillemotleft{}ODF presentation\guillemotright{} por Sun Microsystems. 2009. Esta obra se encuentra bajo la licencia Apache License version 2.0. 
\href{https://commons.wikimedia.org/wiki/File:ODF\_presentation\_48x48.png}{Ver en Wikimedia.}
\end{frame}

\begin{frame}[label={sec:orge4974ec}]{Imágenes usadas}
\scriptsize

\includegraphics[height=0.75cm]{imgs/ODF_spreadsheet_48x48.png}
\guillemotleft{}ODF spreadsheet\guillemotright{} por Sun Microsystems. 2009. Esta obra se encuentra bajo la licencia Apache License version 2.0. 
\href{https://commons.wikimedia.org/wiki/File:ODF\_spreadsheet\_48x48.png}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/ODF_drawing_48x48.png}
\guillemotleft{}ODF drawing\guillemotright{} por Sun Microsystems. 2009. Esta obra se encuentra bajo la licencia Apache License version 2.0. 
\href{https://commons.wikimedia.org/wiki/File:ODF\_drawing\_48x48.png}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/LibreOffice_Logo_Flat.svg.png}
\guillemotleft{}LibreOffice logo flat\guillemotright{} por Christoph Noack. 2010. Esta obra se encuentra bajo la licencia Creative Commons Attribution-Share Alike 3.0 Unported.
\href{https://commons.wikimedia.org/wiki/File:LibreOffice\_Logo\_Flat.svg}{Ver en Wikimedia.}


\includegraphics[height=0.75cm]{imgs/LibreOffice_7.2.4.1_Writer_screenshot.png}
\guillemotleft{}LibreOffice 7.2.4.1 Writer screenshot\guillemotright{} por \href{https://commons.wikimedia.org/wiki/User:VulcanSphere}{VulcanSphere}. 2021. Esta obra se encuentra bajo la licencia Mozilla Public License Version 2 y GNU Lesser General Public License versión 3.
\href{https://en.wikipedia.org/wiki/File:LibreOffice\_7.2.4.1\_Writer\_screenshot.png}{Ver en Wikipedia.}

\includegraphics[height=0.75cm]{imgs/AbiWord.svg.png}
\guillemotleft{}AbiWord\guillemotright{} por \href{https://commons.wikimedia.org/wiki/User:CyberSkull}{CyberSkull}, trabajo derivado de \href{https://commons.wikimedia.org/wiki/User:Bugboy52.40}{Bugboy52.40}. 2009. Esta obra se encuentra bajo la licencia GNU General Public License version 2.
\href{https://en.wikipedia.org/wiki/File:AbiWord.svg}{Ver en Wikipedia.}
\end{frame}

\begin{frame}[label={sec:orgf99409a}]{Imágenes usadas}
\scriptsize

\includegraphics[height=0.75cm]{imgs/AbiWordScreenshot.png}
\guillemotleft{}AbiWordScreenshot\guillemotright{} por AbiWordScreenshot. 2021. Esta obra se encuentra bajo la licencia GNU General Public License version 2.
\href{https://en.wikipedia.org/wiki/File:AbiWordScreenshot.png}{Ver en Wikipedia.}

\includegraphics[height=0.75cm]{imgs/Gnumeric_1.12.9.png}
\guillemotleft{}Gnumeric 1.12.9\guillemotright{} por \href{https://commons.wikimedia.org/wiki/User:Logevent}{Logevent}. 2015. Esta obra se encuentra bajo la licencia GNU General Public License version 2.
\href{https://en.wikipedia.org/wiki/File:Gnumeric\_1.12.9.png}{Ver en Wikipedia.}

\includegraphics[height=0.75cm]{imgs/Gnumeric.svg.png}
\guillemotleft{}Gnumeric\guillemotright{} (autor no mencionado). 2012. Esta obra se encuentra bajo la licencia GNU General Public License version 2.
\href{https://en.wikipedia.org/wiki/File:Gnumeric.svg}{Ver en Wikipedia.}

\includegraphics[height=0.75cm]{imgs/Breezeicons-apps-48-words.svg.png}
\guillemotleft{}Breezeicons-apps-48-words\guillemotright{} por Uri Herrera y otros, y KDE Visual Design Group. 2014. Esta obra se encuentra bajo la licencia GNU Lesser General Public License.
\href{https://commons.wikimedia.org/wiki/File:Breezeicons-apps-48-words.svg}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/Calligra_Words_3.2.1_screenshot.png}
\guillemotleft{}Calligra Words 3.2.1 screenshot\guillemotright{} por \href{https://commons.wikimedia.org/wiki/User:Vulphere}{VulcanSphere}. 2021. Esta obra se encuentra bajo la licencia GNU General Public License 2.0 y bajo la licencia GNU Lesser General Public License 2.1. 
\href{https://commons.wikimedia.org/wiki/File:Calligra\_Words\_3.2.1\_screenshot.png}{Ver en Wikimedia.}
\end{frame}

\begin{frame}[label={sec:orgc6de733}]{Imágenes usadas}
\scriptsize

\includegraphics[height=0.75cm]{imgs/Koffice_Logo.svg.png}
\guillemotleft{}Koffice Logo\guillemotright{} por KOffice Team. 2010. Esta obra se encuentra bajo la licencia GNU Lesse General Public License version 2.1.
\href{https://en.wikipedia.org/wiki/File:Koffice\_Logo.svg}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/Breezeicons-apps-48-stage.svg.png}
\guillemotleft{}Breezeicons-apps-48-stage\guillemotright{} por Andreas Kainz \emph{et al.} 2014. Se encuentra bajo la licencia GNU Lesser General Public License 2.1 o posterior.
\href{https://commons.wikimedia.org/wiki/File:Breezeicons-apps-48-stage.svg}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/Calligra_Stage_2.4.png}
\guillemotleft{}Calligra Stage 2.4\guillemotright{} por KDE Team. 2011. Esta obra se encuentra bajo la licencia GNU General Public License 2.
\href{https://commons.wikimedia.org/wiki/File:Calligra\_Stage\_2.4.png}{Ver en Wikimedia.}

\includegraphics[height=0.75cm]{imgs/diversegroup.svg.png}
\guillemotleft{}Diverse Group\guillemotright{} por j4p4n. 2017.
\url{https://openclipart.org/detail/284727/diverse-group}

\includegraphics[height=0.75cm]{imgs/daltonismo.svg.png}
\guillemotleft{}Ishihara 9.svg\guillemotright{} por Shinobu Ishihara y el trabajo derivado por Pbrks. Se encuentra bajo dominio público.
\href{https://commons.wikimedia.org/wiki/File:Ishihara\_9.svg}{Ver en Wikimedia.}
\end{frame}

\begin{frame}[label={sec:orgda171ae}]{Imágenes usadas}
\scriptsize

\includegraphics[height=0.75cm]{imgs/Question-Girl.png}
Question Girl por Scout. Bajo dominio público.
\href{https://freesvg.org/vector-illustration-of-girl-with-freckles-with-lots-of-questions}{Ver en Internet.}

\includegraphics[height=0.75cm]{imgs/Question-Guy.png}
Question Guy por Scout. Bajo dominio público.
\href{https://freesvg.org/vector-graphics-of-boy-with-freckles-with-lots-of-questions}{Ver en Internet.}
\end{frame}
\end{document}