Scribd
Cargar
44 vistas16 páginas

Manual Del Programador

Este documento proporciona instrucciones para configurar el entorno de desarrollo necesario para trabajar en la aplicación móvil Agro Green. Explica cómo instalar Visual Studio Code, Ionic CLI y Node.js, y proporciona detalles sobre las páginas HTML, JS y TS que componen la aplicación, incluidas las de inicio de sesión, registro, perfil de usuario, historial y calendario de historial.

Cargado por

Lizbeth Díaz Feria
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
44 vistas16 páginas

Manual Del Programador

Este documento proporciona instrucciones para configurar el entorno de desarrollo necesario para trabajar en la aplicación móvil Agro Green. Explica cómo instalar Visual Studio Code, Ionic CLI y Node.js, y proporciona detalles sobre las páginas HTML, JS y TS que componen la aplicación, incluidas las de inicio de sesión, registro, perfil de usuario, historial y calendario de historial.

Cargado por

Lizbeth Díaz Feria
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 16

0

Agro Green

Manual del
programador.

Aplicación móvil

Ourself/solutions
versión del documento 1.0

0
1

Contenido
Objetivo del documento...................................................................................................2

Entorno de desarrollo

Descargar e instalar Visual Studio code.……………………………………………………3

Instale CLI………………………………………………………..…………………………….5

HTML Y JS DE INICIO DE SESIÓN .............................................................................6

HTML Y JS DE REGISTRO...........................................................................................7

SERVICIOS UTILIZADOS .............................................................................................9

HTML Y TS DE LA PARTE DE PERFIL DE USUARIO ................................................11

HTML Y TS DEL HISTORIAL…………………..............................................................13

HTML Y TS DEL CALENDARIO DE HISTORIAL........................................................15

1
2

Objetivo del documento

El siguiente manual tiene como objetivo servir de referencia a futuros programadores que
trabajen en la aplicación. En él se explica cómo montar el entorno de desarrollo, obtener el
código fuente del proyecto, compilarlo, ejecutarlo, testearlo y exportarlo.

2
3

Entorno de desarrollo
Para trabajar con el proyecto se necesita tener instalados los siguientes programas y
dependencias:
● Visual studio code
● ionic angular
● node js
A continuación, se indica como instalar y configurar correctamente cada uno de ellos.

Descargar e instalar Visual Studio Code:


1. Descargar el instalador del programa. Podemos elegir los sistemas operativos de
Windows, Linux y Mac.

2. Ejecutar el fichero que se nos ha descargado. La instalación es muy sencilla.


Simplemente debemos ir aceptando y avanzando en el proceso de instalación.

3
4

3. Abrir Visual Studio Code. Nos aparecerá una ventana como la siguiente.

4. Crear un nuevo fichero (el cual podemos guardar con extensión .js, .html, .py, etc), abrir
uno existente o, por ejemplo, abrir una carpeta donde tengamos nuestros ficheros.

4
5

5. Arrastrar desde el explorador de la parte izquierda los ficheros que queramos editar hacia
el panel de edición. Podremos navegar fácilmente entre ellos utilizando la barra superior. En
la parte derecha nos aparece un “mini mapa” para localizarnos dentro del código que
estamos editando.

5
6

Instale la CLI
Antes de continuar, asegúrese de que su computadora tenga instalado Node.js.
Instale la CLI de Ionic con npm:

● $ npm install -g @ionic/cli

Si hubo una instalación anterior de Ionic CLI, deberá desinstalarse debido a un cambio
en el nombre del paquete.

● $ npm uninstall -g ionic


● $ npm install -g @ionic/cli

HTML Y JS DE INICIO DE SESIÓN

6
7

HTML Y JS DE REGISTRO

7
8

8
9

SERVICIOS UTILIZADOS

9
10

10
11

HTML Y TS DE LA PARTE DE PERFIL DE USUARIO

11
12

12
13
HTML Y TS DEL HISTORIAL

13
14

14
15

HTML Y TS DEL CALENDARIO DE HISTORIAL

15

También podría gustarte