Para continuar con el proyecto Inteview Recorder vamos a reorganizar los archivos y revisar la estructura.

Hasta ahora teniamos todo concentrado en 2 archivos:

• index.html
  • estructura HTML
• js/index.js
  • funcionalidad

Para hacer el proyecto mas legible y manejable vamos a repartir la funcionalidad en distintos archivos. La inicializacion va a quedar en js/index.js, pero los objetos y funciones de ayuda los vamos a ubicar en los archivos:

• js/fileapi.js
• js/helpers.js
• js/guias.js
• js/entrevistas.js
• js/revisionapi.js <- mediaApi va aca dentro
• js/recordapi.js

Consecuentemente, en el archivo index.html, tendremos que incluir cada uno de estos archivos donde antes solo incluiamos js/index.js, justo antes de cerrar el tag </body>:

    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/helpers.js"></script>
    <script type="text/javascript" src="js/fileapi.js"></script>
    <script type="text/javascript" src="js/entrevistas.js"></script>
    <script type="text/javascript" src="js/guias.js"></script>
    <script type="text/javascript" src="js/revisionapi.js"></script>
    <script type="text/javascript" src="js/recordapi.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>

Coloquen en cada archivo el objeto que se indica en el nombre y las funciones de ayuda (esas funciones que quedaban sueltas) en js/helpers.js

Luego vamos a refactorear y verificar la funcionalidad de cada uno empezando por revisionapi.js