Branding El logo principal esta conformado por una imagen de una planta alusiva al campo que trata la aplicación junto con el nombre de la aplicación “CropSphere”.
Typography La tipografía elegida es “Roboto” y las variantes que usara son Regular y Bold. Los tamaños varían entre 1 , 1.5, 2, 3 y 4 rem (1rem = 16px).
Colors El color principal que sea usará es el blanco (#ffffff), el color secundario es tono de verde oscuro (#012B28) y otro tono de amarillo mas oscuro para contraste mas oscuros (#EBB42C).
Spacing El spacing mantiene
- Botones: el padding sera de 2rem.
- Margin entre textos entre 1 o 2 rem según corresponda.
- Margin entre secciones de 2 a 3 rem segun corresponda.
- Margin entre elementos entre 1 o 2 rem según corresponda.
Dimensión La dimensión que usará en cuanto al diseño es un tono formal y entusiasta, aplicando colores de acuerdo a la temática que se está tratando. como el verde y el blanco. Para el diseño de iconos se usarán los bordes curvados en su mayoría.
Se utilizo la tendencia web de functional minimalism con el color blanco como predominante en el fondo de la mayoria de las secciones para brindar una visualizacion limpia y contraste con los elementos. Ademas se implemento imagenes para caracterizar a las secciones.
Se usarán iconos con colores para nuestras redes sociales que contrasten con el background de la aplicación.
4.2.1. Organization Systems.
En cuanto a la organización visual de contenido, en primer lugar, se utilizará el patrón de visual hierarchy para organizar la información en las secciones. La importancia de las oraciones varía según el tamaño de la fuente, siendo los títulos de 48px (3 rem) la más importante, donde le siguen 32px (2rem), 24px (1.5 rem) y al final 16px (1 rem). Asimismo, se utilizará organización matricial ordenada para el caso de la presentación de las características del producto, así como los planes de pago e ítems de las secciones de la app web. En la aplicación, la organización es por secciones de acuerdo a lo que el usuario desee. En la app web se diseñó un menú en el cual están delimitadas las secciones.
4.2.2. Labeling Systems.
En el landing page, se uso iconos que guardara contraste con el background, de esta manera se conserva el estilo minimalista.
Landing:
| Etiqueta | Descripción de la etiqueta |
|---|---|
| Ambos Segmentos | |
| About us | Sección con información del proyecto y sus características |
| Plans | Sección que muestra los planes disponibles para nuestros usuarios |
| Services | Sección donde se muestran las servicios que ofrece la aplicación |
| Contact us | Sección que muestra las formas de contacto entre nuestros usuarios y nosotros |
4.2.3. SEO Tags and Meta Tags
<meta charset= UTF-8 >
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name= "viewport" content="width=device-width, initial-scale=1.0">
<meta name="agriculture" content="index, follow">
<link rel="shortcut icon" href="*./images/favicon.png" type="image/x-icon" />
<title>CropSphere</title>
<meta name="keywords" content="cropsphere, agriculture, agricultural machinery, large-scale enterprises, agronomist engineer, planning and maintenance, agricultural management, optimization of input and machinery use, software, productive and sustainable">
<meta name="description" content="Optimizes the land At CropSphere, we believe in the power of technology to transform agriculture. Our leading farm management platform provides agronomists and agribusinesses with advanced tools to maximize the productivity and sustainability of every acre under cultivation. With CropSphere, agricultural efficiency and environmental stewardship go hand in hand, ensuring a greener tomorrow for all.">
<meta charset= UTF-8 >
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name= "viewport" content="width=device-width, initial-scale=1.0">
<meta name="agriculture" content="index, follow">
<link rel="shortcut icon" href="*./images/favicon.png" type="image/x-icon" />
<title>CropSphere</title>
<meta name="keywords" content="cropsphere, agriculture, agricultural machinery, large-scale enterprises, agronomist engineer, planning and maintenance, agricultural management, optimization of input and machinery use, software, productive and sustainable">
<meta name="description" content="CropSphere is a comprehensive software solution that transforms farm management by optimizing the use of inputs and machinery, and improving communication and project planning.">
4.2.4. Searching Systems.
Se utiliza una barra de búsqueda en la aplicación para que los usuarios puedan encontrar las secciones que buscan fácilmente. Como por ejemplo en la sección de “Terrenos” el usuario puede hacer uso del buscador para encontrar los terrenos que el desee. También habrá un buscador en la tabla para facilitar la búsqueda que el usuario elija.
4.2.5. Navigation Systems.
En el landing page, en la parte superior se ubicará la barra de navegación y un botón para ingresar directamente al inicio de sesión de la aplicación. Una vez que el usuario inicie sesión, podra el dashboard de aplicación y el menu en el cual estan las secciones de la aplicacion, las cuales son los diferentes servicios y funcionalidades que brinda la aplicacion a los usuarios.
User goal: Registro de un nuevo usuario, recuperación de contraseña o inicia sesión a la aplicación.
Registro de cuenta
Recuperar de contraseña
Iniciar sesión
User goal: Creación de un recurso, edición de un recurso y borrado de recurso.
Creación de un recurso
User goal: Alquiler y compra de maquinaria
Alquiler de maquinaria
Compra de maquinaria
User goal: Alquiler y compra de terreno
User goal: Creación de grupo de trabajo y agregar personas al grupo
User goal: Visualizar los integrantes del grupo, eliminar personas del grupo, establecimiento de permisos de integrantes de grupo
User goal: Ajuste de datos personales, configuración de accesibilidad, cambio de contraseña
User goal: Registro de un nuevo usuario, recuperación de contraseña o inicia sesión a la aplicación.
User goal: Creación de un recurso, edición de un recurso y borrado de recurso.
User goal: Alquiler y compra de maquinaria
User goal: Alquiler y compra de terreno
User goal: Creación de grupo de trabajo y agregar personas al grupo
User goal: Visualizar los integrantes del grupo, eliminar personas del grupo, establecimiento de permisos de integrantes de grupo
User goal: Ajuste de datos personales, configuración de accesibilidad, cambio de contraseña
User goal: Registro de un nuevo usuario, recuperación de contraseña o inicia sesión a la aplicación.
User goal: Creación de un recurso, edición de un recurso y borrado de recurso.
User goal: Alquiler y compra de maquinaria
User goal: Alquiler y compra de terreno
User goal: Creación de grupo de trabajo y agregar personas al grupo
User goal: Visualizar los integrantes del grupo, eliminar personas del grupo, establecimiento de permisos de integrantes de grupo
User goal: Ajuste de datos personales, configuración de accesibilidad, cambio de contraseña
User goal: Registro de un nuevo usuario, recuperación de contraseña o inicia sesión a la aplicación.
Descripción: El usuario ingresa a la aplicación y se encuentra en la sección de bienvenido. Si no tiene cuenta, se puede registrar y elegir un plan de pago, así puede iniciar sesión. Si se olvido su contraseña y desea restablecerla, puede dirigirse al apartado de recuperación de contraseñas. Una vez el usuario tenga su cuenta, puede iniciar sesión.
User goal: Creación de un recurso, edición de un recurso y borrado de recurso.
Descripción: El usuario ingresa a la sección de gestión de recursos. Si desea añadir un recurso, puede crearlo registrando todos los datos del nuevo recurso que se piden, para luego finalizar eligiendo una imagen o icono predeterminado. Si desea añadir un nuevo campo, editar el recurso o eliminarlo, puede hacerlo en la sección opciones.
User goal: Alquiler y compra de maquinaria
Descripción: El usuario ingresa a la sección de maquinaria. Si desea alquilar o comprar alguna maquinaria podrá hacerlo eligiendo cual maquinaria desea. Si completa el tramite y completa los datos de pago correctamente la compra finalizara.
User goal: Alquiler y compra de terreno
Descripción: El usuario ingresa a la sección de terrenos. Al seleccionar un terreno, el usuario podrá visualizar información sobre el terreno. Si desea alquilar o comprar el terreno seleccionado, puede presionar sus respectivos botones que lo al tramite correspondiente y tramite de pago.
User goal: Creación de grupo de trabajo y agregar personas al grupo
Descripción: En la sección de grupos, el usuario puede crear un nuevo grupo presionando el botón correspondiente. Se mostrará una ventana en donde podrá escribir el nombre del nuevo grupo y al finalizar el grupo se mostrará en la lista de grupos de trabajo. Si el usuario desea agregar miembros al equipo puede compartir el link de la sección enlace.
User goal: Visualizar los integrantes del grupo, eliminar personas del grupo, establecimiento de permisos de integrantes de grupo
Descripción: En la sección de lista de integrantes de grupo el usuario puede visualizar a los miembros del grupo seleccionado. Si desea visualizar a mayor detalle, bloquear, dar permisos o eliminar algún integrante debe seleccionar los respectivos botones. User goal: Ajuste de datos personales, configuración de accesibilidad, cambio de contraseña
User goal: Ajuste de datos personales, configuración de accesibilidad, cambio de contraseña
Descripción: En la sección de configuración, el usuario podrá ver y modificar sus datos personales. Si lo desea también podrá cambiar la configuración de accesibilidad y configuración de audio.
En la sección se mostrará la funcionalidad del prototipo en web Link: Prototipo video aplicaciones web.mp4
Payment Component
Group Component
Land Component
Machinery Component
A continuación, se detallan exhaustivamente las clases más relevantes junto con sus atributos y métodos correspondientes en el contexto del sistema de gestión agrícola. Estas clases forman la estructura fundamental del sistema, permitiendo un seguimiento integral de los procesos agrícolas y la gestión de los recursos agrícolas.
| User | |
|---|---|
| La clase User es la clase fundamental que representa a un usuario dentro de la plataforma. | |
| Atributo | Descripción |
| string name | Almacena el nombre del usuario. |
| string last_name | Almacena el apellido del usuario. |
| int age | Almacena la edad del usuario. |
| char sex | Almacena el género del usuario |
| Método | Descripción |
| Created_Accountt(): void | Este método registra la creación de la cuenta del usuario en la plataforma. |
| Account | |
|---|---|
| La clase Account amplía los detalles proporcionados por el usuario en la plataforma | |
| Atributo | Descripción |
| string email | Almacena la dirección de correo electrónico asociada a la cuenta del usuario. |
| string password | Almacena la contraseña de la cuenta del usuario. |
| string contacct_numbet | Almacena el número de contacto o teléfono asociado a la cuenta del usuario. |
| bool active | Indica si la cuenta del usuario está activa o no (true para activa, false para inactiva). |
| Método | Descripción |
| EditAccount(): void | Método para editar los detalles de la cuenta del usuario |
| OpenAccount(): void | Método para abrir la cuenta del usuario. |
| CloseAccount(): void | Método para cerrar la cuenta del usuario. |
| IsActive(): void | Método para verificar si la cuenta del usuario está activa o inactiva. |
| Subscription | |
|---|---|
| La clase Subscription encapsula los detalles esenciales de una suscripción | |
| Atributo | Descripción |
| string start_date | Representa la fecha y hora en que comenzó la suscripción |
| string end_date | Representa la fecha y hora en que finaliza la suscripción |
| bool active | Indica si la suscripción está activa o no |
| Método | Descripción |
| set_start_date(): void | Método para establecer la fecha de inicio de la suscripción. |
| set_end_date(): void | Método para establecer la fecha de finalización de la suscripción. |
| get_end_date(): void | Método para obtener la fecha de finalización de la suscripción. |
| IsActive(): void | Método para verificar si la suscripción está activa o inactiva. |
| CustomerOperation | |
|---|---|
Clase encargada de manejar todos los procesos de gestión agrícola. |
|
| Atributo | Descripción |
| Acount account | Representa la cuenta del cliente asociada a los procesos de gestión agrícola |
| Método | Descripción |
| createFuntion(): void | Método para crear una nueva función o proceso de gestión agrícola para el cliente |
| Terrain | |
|---|---|
| Representa un terreno utilizado en procesos agrícolas. | |
| Atributo | Descripción |
| string type_Terrain | Tipo de terreno |
| string location | Ubicación del terreno. |
| string size | Tamaño del terreno. |
| Método | Descripción |
| methods(): void | Método para realizar operaciones específicas relacionadas con el terreno. |
| Operation | |
|---|---|
| Clase la cual se encarga de derivar la información de las clases Alquiler y Compra | |
| Atributo | Descripción |
| string type | Tipo de operación, puede ser "alquiler" o "compra". |
| Método | Descripción |
| methods(): void | Método para realizar operaciones específicas relacionadas con la operación de alquiler o compra. |
