===== Documentación de aplicaciones web =====

==== Herramientas colaborativas para la gestión de proyectos ====

=== GitHub ===

{{github.jpg?200 }}

[[http://www.github.com|GitHub]] es una plataforma de alojamiento para sistemas de control de versiones basados en [[http://www.git-scm.com|Git]]. Proporciona alojamiento para repositorios de código fuente accesibles mediante el Sistema de Control de Versiones //Git// y además amplía el servicio con sus propias funcionalidades, como son //Gestión de incidencias//, //Wiki//, //Comunidad de usuarios// y otros servicios añadidos a lo que es la gestión del código y el proyecto.

Actualmente es la plataforma de alojamiento de código fuente más utilizada (alrededor de 20 millones de usuarios la utilizan) y es especialmente conocida en la comunidad de software libre puesto que un gran número de proyectos de licencias alrededor de este tipo de software se alojan en esta plataforma.

Actualmente //GitHub// ofrece alojamiento y funcionalidades gratuitas para repositorios públicos (orientados al uso de proyectos de software libre) pero paganado es posible conseguir repositorios privados.

=== Bitbucket ===

{{bitbucket.png?200 }}

[[http://www.bitbucket.org|Bitbucket]] es una plataforma de alojamiento para sistemas de control de versiones basados principalmente en //Git//, aunque soporta otros Sistemas de Control de Versiones como [[https://www.mercurial-scm.org|Mercurial]]. Al igual que //GitHub//, proporciona alojamiento para repositorios de código fuente y otras funcionalidades alrededor del proyecto asociado, como pueden ser //Gestión de Incidencias//, //Wiki//, //Comunidad de usuarios// y otros tantos servicios similares a los que ofrece //GitHub//.

Actualmente //Bitbucket// ofrece alojamiento y funcionalidades gratuitas para repositorios tanto públicos como privados. También ofrece características extra a los repositorios de pago de forma similar a como hace //GitHub//.

=== Fichero README.md ===

Es un fichero, que podemos escribir en síntaxis //Markdown//, donde podemos realizar una breve descripción de nuestro proyecto y que //Bitbucket// se encargará de renderizar en la portada de la web de nuestro repositorio. Así, es bastante habitual incluir las siguientes secciones:
  * Título del proyecto
  * Descripción del proyecto
  * Requisitos para la instalación
  * Guía rápida de instalación (y si hay más documentación se enlaza aqui, por ejemplo a la Wiki del proyecto)
  * Enlace a la web (si la hay)
  * Información sobre los autores del proyecto

Hay que tener en cuenta la importancia de este fichero ya que es la primera descripción que un usuario encontrará cuando acceda a nuestro repositorio

<figure>
{{ bitbucket_readme.png }}
<caption>Vista general de un repositorio con README</caption></figure>

=== Gestor de incidencias ===

El gestor de incidencias (//issues//) de Bitbucket permite registrar cualquier tipo de incidencia (//bug, enhancement, proposa o task//) en la plataforma para que pueda ser gestionada y tratada por el equipo de desarrollo. Las incidencias deberán ser asignadas a un usuario que será el encargado de resolverla. Conviene tener en cuenta que hay que marcarlo en el momento de crear el repositorio si queremos poder utilizarlo.

Lo más importante a la hora de registrar una incidencia es asignarle un título y descripción para que sea fácil de encontrar y reproducir por quién tenga que resolverla (incluso aunque sea uno mismo, no siempre se pueden resolver las incidencias en el momento de encontrarlas y más tarde quizás olvidemos algún detalle). Menos importante pero interesante será definir la inmportancia de la //issue// (ayudará a priorizar) y el tipo de incidencia:
  * **bug**: Un fallo que se ha localizado en el código
  * **enhancement**: Una mejora sobre el código ya escrito
  * **proposal**: Una propuesta sobre el código que ya funciona
  * **task**: Una tarea que debe realizarse. No tiene porque ir asociada a ningún problema o bug de código

También podemos adjuntar algún fichero, como por ejemplo capturas que ayuden a detectar o comprender mejor el problema.

Por último, la incidencia puede ser directamente asignada a un usuario (incluso a uno mismo). En caso de que no se sepa quién debe realizarla se puede dejar en blanco esperando que el responsable decida quién la tiene que corregir.

<figure>
{{ bitbucket_issues1.png }}
<caption>Registro de incidencias en Bitbucket</caption></figure>

La vista de incidencias tiene filtros automáticos que permiten localizar las incidencias rapidamente por su estado.

<figure>
{{ bitbucket_issues2.jpg }}
<caption>Gestión de incidencias en Bitbucket</caption></figure>

Además, el gestor de incidencias de Bitbucket permite realizar ciertas gestiones sobre las mismas utilizando una serie de comandos que directamente pueden ser aplicados cuando se realizan los //commit// sobre el código con el comando //git//. Una lista de los comandos y opciones disponibles se puede encontrar [[https://confluence.atlassian.com/bitbucket/resolve-issues-automatically-when-users-push-code-221451126.html|aqui]].

Por ejemplo, si tenemos una incidencia abierta con el número #13 que hace referencia a un //bug// en cierta parte del código, cuando resolvamos el error y nos dispongamos a hacer el //commit// que soluciona dicho problema, podemos ejecutar ese comando de la siguiente forma:

<code bash>
santi@zenbook:$ git commit -m 'Corregido el fallo que impedía conectar con la Base de Datos fix #13'
</code>

De esta forma, la incidencia con el número #13 será automáticamente marcada como resuelta sin que tengamos que acceder con el navegador al gestor de incidencias y resolverla manualmente a través de la web. Además, el mensaje del //commit// quedará asociado como mensaje de resolución de dicha incidencia.

=== Wiki ===

Siempe que creemos por primera vez un repositorio en Bitbucket tendremos la oportunidad de decidir si queremos que se integre una Wiki con él. 

A través de la Wiki podremos crear documentación asociada a nuestro proyecto/repositorio utilizando como síntaxis //Markdown// para su edición. En la página de Atlassian puedes encontrar una [[https://confluence.atlassian.com/bitbucketserver/markdown-syntax-guide-776639995.html|Guía de síntaxis Markdown]] que puedes usar con Bitbucket.

<figure>
{{ bitbucket_wiki.png }}
<caption>Edición de la Wiki en Bitbucket (sintaxis Markdown)</caption></figure>

=== Trello ===

<figure>
{{ bitbucket_board.gif }}
<caption>Tableros de Trello en Bitbucket</caption></figure>
===== Sistemas de control de versiones: Git =====

{{ git_bitbucket.png?400 }}

Con el objetivo de que durante el curso podáis trabajar con la herramienta //git// utilizando //Bitbucket// como la plataforma para gestionar vuestros repositorios de código, os dejo aqui una serie de instrucciones muy básicas para comenzar a trabajar y realizar al menos las operaciones más esenciales.

==== Instalación de git ====

Lo primero que necesitaremos será instalar //git// en nuestro equipo. Podéis encontrarlo en [[http://www.git-scm.com|su página web]] y, siguiendo las instrucciones del siguiente video, podéis instalarlo sin mayor problema en Windows.

{{ youtube>IcHAKwakopQ }}
\\

Si utilizáis un Linux Debian o derivados podéis utilizar directamente ''apt'' para su instalación:

<code bash>
santi@zenbook:$ sudo apt-get install git
</code>

En cualquier caso no hay que olvidar que debemos configurar //git// antes de empezar a usarlo. Al menos deberemos configurar nuestra identidad, asignando un nombre y un email al equipo desde el que lo usaremos para identificarnos cada vez que sincronicemos nuestro repositorio local con el remoto (a parte de que además nos pida nuestras credenciales para conectarnos con Bitbucket)

<code bash>
santi@zenbook:$ git config --global user.name "Santiago Faci"
santi@zenbook:$ git config --global user.email "miemail@gmail.com"
</code>

También tenemos que tener en cuenta que siempre podremos comprobar esta y otras configuraciones en cualquier momento:

<code bash>
santi@zenbook:$ git config --list
user.name=Santiago Faci
user.email=miemail@gmail.com
. . .
. . .
</code>
==== Crear una cuenta en Bitbucket ====

El siguiente paso será crear una cuenta en Bitbucket para acceder a todos los servicios que está plataforma nos ofrece, tanto de gestión de repositorios para nuestros proyectos como de gestión de incidencias, Wiki, . . .

{{ youtube>Rwbtm6abXMM }}
\\

==== Crear un repositorio en Bitbucket ====

Una vez que tenemos una cuenta ya creada, podremos crear repositorios para nuestros proyectos.

En este caso, a modo de ejemplo, crearemos un repositorio remoto en Bitbucket y más adelante lo actualizaremos con un proyecto que hayamos iniciado en nuestro equipo (repositorio local)

Además, una vez creado el repositorio remoto en Bitbucket, en nuestro equipo marcaremos nuestro proyecto como un proyecto que será gestionado a través de git y lo configuraremos para que pueda ser gestionado a través de dicha herramienta y fijaremos como repositorio remoto con el que sincronizarse el que acabamos de crear en Bitbucket.

Marcamos el proyecto como un proyecto que será gestionado con git creando el repositorio local:

<code bash>
santi@zenbook:/miproyecto$ git init
</code>

Añadimos la URL del repositorio remoto con el que sincronizaremos nuestros cambios:

<code bash>
santi@zenbook:/miproyecto$ git remote add origin http://bitbucket.org/sfaci/miproyecto
</code>

Ahora ya tenemos nuestro repositorio local. Podemos continuar trabajando en el proyecto y seguir con el resto de comandos de esta parte cuando tengamos algo listo para subir al repositorio remoto, o bien podemos subir ya lo que tengamos listo en este momento.

Añadimos los cambios que queremos subir al repositorio remoto. En este caso añadimos todo lo que haya en la carpeta del proyecto. Otras veces quizás sólo queramos subir parte de lo que hemos desarrollado (una carpeta o simplemente algunos ficheros sueltos):

<code bash>
santi@zenbook:/miproyecto$ git add .
</code>

Marcamos esos cambios como listos para subir y añadimos el comentario para esta validación (''commit'')

<code bash>
santi@zenbook:/miproyecto$ git commit -m 'Subiendo los primeros cambios'
</code>

Subimos los cambios al repositorio remoto a la rama ''master'' (por ahora sólo trabajamos en esa rama directamente)

<code bash>
santi@zenbook:/miproyecto$ git push origin master
</code>

{{ youtube>90hNyo9F518 }}
\\
==== Subir un cambio en el proyecto al repositorio remoto ====

A medida que avancemos en el desarrollo de nuestra aplicación nos puede interesar ir subiendo algunos cambios al repositorio remoto. Lo podemos hacer en cualquier momento y además hay que tener en cuenta que no es necesario subir todo aquello que hayamos cambiado, sino que podemos añadir (''git add'') sólo aquellos cambios que nos interese.

{{ youtube>3s8HzY9sjIc }}
\\

==== Descargar un repositorio y actualizarlo ====

Por otra parte, también podemos necesitar acceder a un repositorio remoto ya creado para continuar a partir de ese trabajo ya realizado e ir subiendo nuevos cambios a medida que los realizemos. Para eso podemos //clonar// un repositorio remoto en nuestro equipo, realizar los cambios que vayamos necesitando y subir dichos cambios (a medida que nos interese) al repositorio remoto de donde clonamos inicialmente el proyecto.

{{ youtube>tBl-HEHUh5A }}
\\

==== Comprobar si hay cambios en el repositorio remoto ====

==== Crear una nueva rama ====

<code bash>
santi@zenbook:$ git checkout -b develop
</code>

==== Cambiar de rama ====

<code bash>
santi@zenbook:$ git checkout develop
</code>

==== Fusionar ramas ====

<code bash>
santi@zenbook:$ git checkout master
santi@zenbook:$ git merge develop
</code>

==== Subir cambios a una rama determinada ====

Al ejecuta el comando ''git push'' e indicar el repositorio remoto se puede indicar también la rama a la que se quieren subir esos cambios

<code bash>
santi@zenbook:$ git commit . . . . . .
santi@zenbook:$ git push origin develop
</code>

==== Eliminar un fichero del repositorio remoto ====

Hay que tener en cuenta que en este caso eliminaremos el fichero tanto del repositorio remoto como del local

<code bash>
santi@zenbook:$ git rm Fichero.java
</code>

Y en el caso de un directorio

<code bash>
santi@zenbook:$ git rm -r directorio
</code>

==== Evitar que algunos ficheros/carpetas formen parte del repositorio ====

También es posible evitar que algunos ficheros o carpetas o incluso extensiones determinadas pasen a formar parte del repositorio de forma permanente. En este caso hablamos de que estos ficheros se ignoran incluso aunque estén dentro de alguna carpeta que se incluya para ser gestionada como parte del repositorio. De esa manera podemos trabajar más cómodamente sin necesidad de ir teniendo cuidado de no incluirlos.

En este caso pensamos en ficheros como los ''.class'' generados al compilar una clase Java, o los ''.jar'', las carpetas que almacenan las configuraciones de los proyectos en cualquier lenguaje y también cualquier otro fichero que quizás queramos usar para el desarrollo pero no sea necesario enviar al repositorio como parte del código del proyecto.

En este caso es necesario crear un fichero con el nombre ''.gitignore'' en la carpeta raíz del repositorio y añadimos los ficheros, carpetas o extensiones que queremos que se ignoren. A continuación se muestra un ejemplo.

<code bash .gitignore>
# Ficheros generados Java
*.class
*.jar

# Ficheros OSX
.DS_Store

# Carpetas que contienen ficheros generados
bin/
out/
</code>

Por último, y una vez creado el fichero, se tendrá que añadir como parte del repositorio como cualquier otro. Se permite que se hagan cambios siempre y cuando se validen y suban como corresponde.

==== Dejar de mantener un fichero en el repositorio remoto ====

Ahora suponemos que queremos dejar de sincronizar con el repositorio remoto un fichero pero queremos seguir manteniéndolo en el repositorio local porque, por ejemplo, queremos que forme parte del proyecto pero sólo en nuestro equipo.

<code bash>
santi@zenbook:$ git rm --cached Fichero.java
</code>

Y para el caso de un directorio

<code bash>
santi@zenbook:$ git rm -r --cached directorio
</code>

Y si además lo que realmente queremos es que esos ficheros o carpetas no formen parte del repositorio remoto podemos [[#evitar_que_algunos_ficheros_carpetas_formen_parte_del_repositorio|hacer que sean ignorados]] añadiéndolos el fichero ''.gitignore''

==== Eliminar del repositorio remoto ficheros eliminados ya en local directamente ====

Al utilizar Git deberíamos utilizar el comando ''git rm'' para eliminar cualquier fichero del repositorio. Si por alguna razón ya hemos eliminado algunos ficheros del proyecto directamente sin utilizar el comando anterior, Git nos pedirá todavía que hagamos los cambios efectivos para el repositorio remoto si queremos hacer el correspondiente ''commit'' para que estos ficheros se eliminen en nuestro repositorio en Internet.

En ese caso, podemos utilizar este comando, que marca como eliminados para el repositorio remoto todos aquellos ficheros que hayamos eliminado en local directamente.

<code bash>
santi@zenbook:$ git rm $(git ls-files --deleted)
</code>

==== Obtener el historial de commits del repositorio ====

Podemos obtener el historial de cambios (''commits'') utilizando el comando ''git log'' (para salir del historial hay que pulsar la tecla //escape//)

<code bash>
santi@zenbook:$ git log
commit f1f20725ad152654bf7684b324109b1eace75b04
Author: . . .
Date:   Sat Nov 4 10:44:37 2017 +0100

    Cambios para hacer que funcione algo

commit e63e2b06f7fe4b724dabe78d437baa964ad384f6
Author: . . .
Date:   Sat Nov 4 10:43:12 2017 +0100

    Ya se puede registrar

commit a1160bce457b6e86f1cd7bb40205703f269dcb57
Author: . . .
Date:   Sat Nov 4 02:59:08 2017 +0100

    Arreglado el bug de eliminar
. . .
. . .
</code>

También podemos visualizar una versión reducida de este historial utilizando la opción ''--oneline'':

<code bash>
santi@zenbook:$ git log --oneline
f1f2072 Cambios para hacer que funcione algo
e63e2b0 Ya se puede registrar
a1160bc Arreglado el bug de eliminar
. . .
. . .
</code>

==== Obtener el estado del código para un commit determinado ====

Si conocemos el hash de un commit concreto, podemos obtener el estado del código en el momento de dicho commit utilizando el comando ''git checkout'' pasando el hash de dicho commit como se muestra en el ejemplo.

<code bash>
santi@zenbook:$ git checkout a1160bce457b6e86f1cd7bb40205703f269dcb57
Note: checking out 'a1160bce457b6e86f1cd7bb40205703f269dcb57'.

You are in 'detached HEAD' state. You can look around, make experimental
changes and commit them, and you can discard any commits you make in this
state without impacting any branches by performing another checkout.

If you want to create a new branch to retain commits you create, you may
do so (now or later) by using -b with the checkout command again. Example:

  git checkout -b new_branch_name

HEAD is now at a1160bce... Arreglado el bug de eliminar
</code>

Para conocer el hash del commit podemos utilizar el comando ''git log'' tal y como se explica en el [[?id=start#obtener_el_historial_de_commits_del_repositorio|punto anterior]] o bien acceder a la sección de GitHub o Bitbucket donde se muestra dicho historial desde la misma web.

Y para volver al estado actual, en este caso a la rama //master//, que es donde estaba trabajando:

<code bash>
santi@zenbook:$ git checkout master
Previous HEAD position was a1160bce... Arreglado el bug de eliminar
Switched to branch 'master'
Your branch is up-to-date with 'origin/master'.
</code>


----

===== Ejercicios =====

  - Crea un repositorio en [[http://www.bitbucket.org|bitbucket]] llamado //nombreapellidos// para almacenar el código de un proyecto en Java. 
    - Añade un fichero ''README.md'' al repositorio con el título del proyecto, una descripción del mismo y la información del autor
    - Añade un fichero con la licencia del proyecto
    - Añade un fichero ''.gitignore'' para ignorar los ficheros compilados del proyecto y de configuración (''.conf'')
    - Descarga el repositorio en tu equipo y comienza a trabajar
    - Cuando tengas la primera funcionalidad terminada sube el código al repositorio y validalo
  - Sobre el repositorio anterior, imagina ahora que empiezas a trabajar en dicho proyecto y eres el encargado de añadir una nueva funcionalidad (un nuevo método, por ejemplo):
    - Descargate el repositorio con la idea de seguir trabajando en él
    - Añade la funcionalidad requerida
    - Modifica el ''README.md'' para añadir tu nombre como colaborador del mismo
    - Comprueba el estado del repositorio en tu equipo (''status'')
    - Añade los cambios realizados al proyecto
  - Sobre el mismo repositorio que los puntos anteriores, imagina que debes de eliminar un fichero que ya no es necesario que forme parte del mismo (si hace falta añade alguno para luego eliminarlo) y tampoco quieres que siga en tu equipo
  - Imagina ahora que debes de eliminar un fichero que ya no es necesario que forme parte del mismo (si hace falta añade alguno para luego eliminarlo) pero quieres que siga formando parte del repositorio local en tu equipo
  - Añade ahora en la ''Wiki'' del proyecto información sobre como instalar, ejecutar y usar la aplicación (3 páginas diferentes enlazadas y organizadas desde la portada de la Wiki)
  - Registra ahora una nueva incidencia de tipo //mejora// para el repositorio y programa dicha mejora. En el momento de hacer el commit del código que la añade, haz que se marque como corregida.
  - Amplia el ''README'' del proyecto y asegurate de que, al menos, incluyes la siguiente información
    - Descripción breve del proyecto
    - Requisitos para su instalación/puesta en marcha (remite a la Wiki para más información)
    - Guía rápida de instalación (remite a la Wiki para más información)
    - Información sobre los autores

----

===== Proyectos de Ejemplo =====

----

===== Prácticas =====

----

(c) 2017 Santiago Faci
