IAW::wordpress-online: add

Signed-off-by: Nicolás Ortega Froysa <nicolas@ortegas.org>

2/IAW/assignments/t7-ej2-wordpress-online/t7-ej2-wordpress-online-naortega.tex

@@ -0,0 +1,166 @@
+\documentclass[12pt,a4paper,titlepage]{article}
+\usepackage[spanish]{babel}
+\usepackage{hyperref}
+\usepackage{graphicx}
+\usepackage{subcaption}
+
+\title{Tema VII Ejercicio II: WordPress Online}
+\author{Nicolás A. Ortega Froysa}
+
+\begin{document}
+\maketitle
+
+\tableofcontents
+\pagebreak
+
+\section{Introducción}
+
+Ya vimos en el ejercicio anterior como WordPress se podía instalar en un
+servidor del que somos dueños. Esto se puede hacer con bastante facilidad y nos
+permite controlar todos los aspectos de nuestro sitio web. Lo único que tenía de
+malo (si así lo consideras) es que requería de un mínimo conocimiento técnico:
+saber montar un servidor web y una base de datos tipo MySQL. Pues, para aquellas
+personas que ni siquiera quieren aprender a hacer lo más mínimo en cuestiones
+técnicas, WordPress facilita la creación de sitios web, con menos capacidades
+(salvo si quieres pagar una mensualidad) en
+\href{https://wordpress.com/}{WordPress.com}. Provee una interfaz web para
+interactuar y crear tu sitio personalizado.
+
+\pagebreak
+
+\section{Creación del Sitio Web}
+
+\begin{figure}[ht!]
+	\centering
+	\begin{subfigure}{0.45\textwidth}
+		\includegraphics[width=0.95\textwidth]{imgs/00-create-account.png}
+		\caption{Crear cuenta WordPress.}
+		\label{fig:create-account}
+	\end{subfigure}
+	\hfill
+	\begin{subfigure}{0.45\textwidth}
+		\includegraphics[width=0.95\textwidth]{imgs/01-select-domain.png}
+		\caption{Seleccionar el nombre de dominio.}
+		\label{fig:select-domain}
+	\end{subfigure}
+	\hfill
+	\begin{subfigure}{0.45\textwidth}
+		\includegraphics[width=0.95\textwidth]{imgs/02-choose-a-plan.png}
+		\caption{Elegir un plan de pago.}
+		\label{fig:choose-a-plan}
+	\end{subfigure}
+	\caption{}
+\end{figure}
+
+Para empezar, hemos de crear una cuenta WordPress (figura
+\ref{fig:create-account}). Esta cuenta nos permitirá gestionar nuestros sitios
+WordPress -- podemos tener más de uno -- y editar contenidos. Una vez que
+hayamos creado esta cuenta, podemos elegir un dominio para nuestro sitio web
+(figura \ref{fig:select-domain}). WordPress nos permite comprar dominios como
+aquellos que acaban en .org, .net, etc.\ pero éstos cuestan dinero. En nuestro
+caso (como no tenemos presupuesto) vamos a usar el dominio gratis, que es un
+subdominio de <<wordpress.com>>. Finalmente, vemos los planes que nos ofrece
+WordPress para nuestro sitio web (figura \ref{fig:choose-a-plan}). El más barato
+de éstos está a 4€ mensuales, pero como no tenemos presupuesto, elegimos mejor
+la opción gratis que lo esconden más arriba en el enlace que pone <<start with a
+free site>>.
+
+\begin{figure}[ht!]
+	\begin{subfigure}{0.45\textwidth}
+		\includegraphics[width=0.95\textwidth]{imgs/03-goals.png}
+		\caption{Especificar metas.}
+		\label{fig:goals}
+	\end{subfigure}
+	\hfill
+	\begin{subfigure}{0.45\textwidth}
+		\includegraphics[width=0.95\textwidth]{imgs/04-name-tagline.png}
+		\caption{El nombre y el {\it eslogan} del sitio web.}
+		\label{fig:name-tagline}
+	\end{subfigure}
+	\hfill
+	\begin{subfigure}{0.45\textwidth}
+		\includegraphics[width=0.95\textwidth]{imgs/05-where-to-start.png}
+		\caption{Elegir cómo empezar.}
+		\label{fig:where-to-start}
+	\end{subfigure}
+	\hfill
+	\begin{subfigure}{0.45\textwidth}
+		\includegraphics[width=0.95\textwidth]{imgs/06-choose-theme.png}
+		\caption{Elegir un tema estético.}
+		\label{fig:choose-theme}
+	\end{subfigure}
+	\caption{}
+\end{figure}
+
+Con esos primeros pasos configurados, ahora empezamos a establecer nuestro sitio
+web como tal. Lo primero que nos pregunta es cuál es nuestro objetivo con este
+WordPress (figura \ref{fig:goals}). Dependiendo de esto nos dará otras opciones,
+ya que nos puede servir de formas distintas. En nuestro caso sólo nos interesa
+crear una bitácora simple, así que nos interesa la opción de <<Write \&
+Publish>>.
+
+Después nos preguntará sobre el nombre que queremos darle a nuestra bitácora, y
+su {\it eslogan} (figura \ref{fig:name-tagline}). Aunque hayamos definido
+anteriormente un dominio, el nombre de la bitácora no tiene porqué estar
+asociado a él.
+
+Una vez hecho esto nos pregunta que por dónde queremos empezar (figura
+\ref{fig:where-to-start}). Podríamos empezar ya creando un artículo o viendo
+algún vídeo sobre cómo mantener y gestionar una bitácora -- cosa poco difícil --
+pero a nosotros nos interesa aún fijar el tema de nuestra bitácora.
+
+Al elegir la opción <<View designs>>, veremos una lista de diseños (temas)
+variados para aplicar a nuestro sitio web (figura \ref{fig:choose-theme}). En
+nuestro caso, nos gustaría aplicar alguno que fuera simple, y así no tarda
+demasiado en cargar. Algo ligero. Vamos a elegir <<Livro>>.
+
+\pagebreak
+
+\section{Creación de Contenido}
+
+\begin{figure}[ht!]
+	\begin{subfigure}{0.45\textwidth}
+		\includegraphics[width=0.95\textwidth]{imgs/07-first-post.png}
+		\caption{Primer artículo.}
+		\label{fig:first-post}
+	\end{subfigure}
+	\hfill
+	\begin{subfigure}{0.45\textwidth}
+		\includegraphics[width=0.95\textwidth]{imgs/08-view-first-post.png}
+		\caption{Vista del primer artículo.}
+		\label{fig:view-first-post}
+	\end{subfigure}
+	\caption{}
+\end{figure}
+
+Una vez que hayamos elegido el diseño, podemos empezar a crear contenidos. Lo
+primero que haremos será crear un artículo simple. Un <<Hello, World!>> clásico.
+WordPress nos proveerá una interfaz muy sencilla para editar la página,
+utilizando el modelo WYSIWYG (figura \ref{fig:first-post}). Aquí podremos editar
+el contenido y gestionarlo.
+
+Una vez que terminamos con la creación del artículo, lo publicamos y podremos
+visualizarlo en nuestra bitácora (figura \ref{fig:view-first-post}). Como se
+puede ver, aparece exactamente como lo diseñamos en la página de crear el
+artículo. También provee unos botones por abajo para compartir el artículo en
+las redes sociales: WordPress, Twitter, y Facebook.
+
+\section{Conclusión}
+
+El sitio web de WordPress.com facilita muchísimo la creación de sitios web,
+bitácoras, y tiendas {\it online}, de tal modo que cualquiera puede crear un
+sitio donde publicar lo que quiere sin necesidad de conocimientos técnicos. Si
+esto es para bien o para mal, ya cada uno puede concluir lo que quiere.
+
+\pagebreak
+
+\section{Derechos de Autor y Licencia}
+
+\noindent
+Copyright \copyright\ \the\year\ Nicolás A. Ortega Froysa
+<nicolas@ortegas.org> \\
+\\
+Este documento se distribuye bajo los términos y condiciones de la licencia
+Creative Commons Attribution No Derivatives 4.0 International.
+
+\end{document}

2/IAW/assignments/t7-ej2-wordpress-online/t7-ej2-wordpress-online-naortega.toc

@@ -0,0 +1,6 @@
+\babel@toc {spanish}{}\relax 
+\contentsline {section}{\numberline {1}Introducción}{2}{section.1}%
+\contentsline {section}{\numberline {2}Creación del Sitio Web}{3}{section.2}%
+\contentsline {section}{\numberline {3}Creación de Contenido}{5}{section.3}%
+\contentsline {section}{\numberline {4}Conclusión}{5}{section.4}%
+\contentsline {section}{\numberline {5}Derechos de Autor y Licencia}{6}{section.5}%