EGAMAGZ / ViajeVidaAR

Aplicación de Realidad aumentada complementaría a recorrido virtual "museo de la vida"

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Viaje de la Vida AR

Aplicacion android complemento de "Viaje de la Vida".

Requerimientos

Tecnologia Version Link
Node 20.1.0 o mayor Pagina
Git Cualquier Pagina
Android Studio (En caso de ejecutar en android) Giraffe 2022.3.1 o menor Pagina

Descarga de proyecto

Para descargar el proyecto se puede realizar de dos maneras:

  • Clonar el repositorio desde GitHub

Es necesario tener instalado git, para corroborar si se tiene instalado git, se puede ejecutar el siguiente comando en la terminal:

git --version

El cual devolvera la version de git instalada, por ejemplo:

Captura de git

Para descargar el proyecto con Git, se realiza clonando el repositorio desde GitHub ejecutando el siguiente comando en la terminal:

git clone https://github.com/EGAMAGZ/ViajeVidaAR.git

Dicho comando, creara un nuevo directorio en la ruta del proyecto, el cual se llamara ViajeVidaAR en la ruta actual en la terminal. Ejemplo:

Captura de git

  • Descargar el zip del proyecto

Para descargar el zip del proyecto se es necesario ir al repositorio y dar click en Code > Download ZIP:

Captura de github

Instalación de dependencias

Una vez que se tiene clonado el repositorio o descargado el zip, nos redirecionaremos a la carpeta ViajeVidaAR en la terminal:

cd ViajeVidaAR

Y para las dependencias del projecto se debe realizar el siguiente comando en la terminal:

npm install

Ejemplo:

Captura de npm

Ejecución

Escritorio

Para ejecutar el proyecto se debe realizar el siguiente comando en la terminal:

npm start

Una vez que se ejecute el proyecto, se genera el proyecto y abira el navegador una vez terminado.

Android

Para ejecutar el proyecto en Android, se debe compilar el proyecto (web) con el siguiente comando:

npx ionic build  --configuration=production && npx cap copy

Una vez terminada la compilación, se necesita sincronizar el proyecto con el dispositivo. Para hacerlo, se debe realizar el siguiente comando en la terminal:

npx cap sync --inline

Una vez terminada la sincronización, se debe de abrir el proyecto, la carpeta android que encontramos en el proyecto, en Android Studio.

Captura de Android Studio Captura de Android Studio Captura de Android Studio

Al abrir el proyecto, este empezara a instalar las librerias e indexar el proyecto. Una vez que termine el proceso, se nos habilitara el panel superior para la ejecución y debug de la aplicación.

Captura de Android Studio

Una vez todo esto, conectamos nuestro dispositivo a la computadora (y aceptamos el permiso de USB Debugging que nos mostrará en el dispositivo Android). Cuando el nombre de nuestro dispositivo en el superior, ejecutamos el proyecto, el cual instalará y abrira la aplicación en el dispositivo.

Captura de Android Studio

NOTA: Es necesario que nuestro telefono tenga activada la funcionalidad de USB Debugging. Tutorial para activar USB Debugging

NOTA: Es necesario que nuestro telefono tenga conexión a internet al ejecutar el proyecto.

Recursos (extras)

Marcador por defecto (para pruebas)

About

Aplicación de Realidad aumentada complementaría a recorrido virtual "museo de la vida"


Languages

Language:TypeScript 54.5%Language:HTML 19.3%Language:SCSS 14.8%Language:Nunjucks 6.5%Language:JavaScript 2.8%Language:Java 2.2%