PARTE 1 - IMPLEMENTACION AZURE MAPS Y INSTANCIAS DE CONTENEDOR

Bien, jóvenes y señoritas, vamos a

comenzar la sesión del día de hoy. En

esta primera demostración que yo tengo

preparado, vamos a utilizar el servicio

de Asure Maps, que es parecido a lo que

se tiene con Google Maps, pero en este

caso enfocado en el entorno de

Microsoft. Para esto, para crear este

servicio de, bueno, de nube de cloud,

simplemente tengo que entrar a ¿dónde? A

portal.com.

com. Para eso, déjenme por acá

instanciar [carraspeo] mi herramient.

Y bueno, como ustedes saben, es ingresar

a computación de nube pública por

cualquier eh navegador web. Ingresamos

[carraspeo] con portal.com.

Ingreso mis credenciales. En este caso

voy a utilizar yo esta cuenta que tengo

por acá.

Y listo. Luego de eso, vamos a venir acá

a la Marketplace y vamos a buscar este

servicio que se llama Asure Maps, tal

cual nosotros vemos por acá. Entonces,

voy a poner por acá asure Maps.

Vamos a poner maps

machure learning PS.

Y aquí yo lo tengo. Entonces tengo todas

estas opciones para crear recursos de

maps y no sé qué. Le voy a dar acá ver

más porque son 99.

Ahí le voy a dar ver todo y el que yo

voy a crear si no estoy mal. A vamos a

volver a verificar

cuál de esos dos es.

Tar

allá. es este que se llama cuentas de

Asure Maps. Este, dan clic ahí

y posteriormente acá por si acaso no les

va a aparecer absolutamente nada. Les va

a decir, "Cree tu primer recurso, no sé

qué."

A mí me aparece porque yo ya tengo un

recurso levantado. En este caso es tan

simple y sencillo como darle crear y eso

es todo. Y posteriormente ustedes lo

primero que tienen que llenar acá

primero que es es detalles del proyecto.

Denme un segundo, voy a silenciar mi

celular.

Okay,

vamos a venir por acá

tenemos la suscripción, en este caso de

ustedes se llama Asure Forest y el grupo

de recursos que si bien, como les decía,

ustedes pueden elegir todos los grupos

de recursos que tengan. Acá están todos

estos recursos, por ejemplo, yo tengo

acá.

O bien puedo crear uno nuevo.

Le doy crearg.

Siempre le digo que es lo mejor, la

mejor nomenclatura.

La siete, si no estoy mal, es lo que

estamos llevando. Aceptar.

Luego, detalles de la instancia. En este

apartado yo tengo que poner el nombre

que se va a llamar a este servicio.

Entonces, en este caso yo le puedo poner

maps. Ay,

ya.

Ay, casi muero. Ya les decía,

ah van a poner maps y acá pueden

utilizar eh

guiones, lo que ustedes quieran, porque

este servicio sí les deja poner en su

nombre. Por ejemplo, pueden poner maps,

no sé, tesis-2026

y van a ver que sí les valida por este

lado de Shmaps no se hace problema con

esas características especiales, como

por ejemplo teníamos con un SQL,

la región. En este caso ustedes pueden

apuntar a sus dos regiones preferidas

que yo les recomiendo, que hasta ahorita

no hemos tenido problema, que es eh Salt

Brasil o el centro de México. También eh

creo por ahí que Chile también funciona,

pero eh preferiblemente apunten esas dos

regiones. Yo ahorita tengo estas,

entonces normal, no me hago problema en

apuntar en aquello. Ahora, plan de

tarifas. En este caso, el único plan de

tarifa es para esta suscripción en

específico que yo estoy trabajando que

se llama Microsoft Assure Sponsorship.

Yo tengo este plan que se llama Gendos

Maps and Locations Insights. En este

caso, lo que yo les recomiendo es que

verifiquen. He visto capturas de

pantalla que existe la el trial

gratuito,

pero no sé si en sus cuentas está

validado. Eso sí, por favor, tarea para

validación. Y bueno, si no tienen pues

le ponen un plan de consumo, pero ya

saben que de sus 100 créditos que

ustedes tienen, pues se va a consumir

eso.

¿Qué más nos dice? Me dice términos.

Asure Maps comparte consultas de

direcciones y ubicaciones proporcionadas

por el cliente como consultas. En este

caso, por si acaso, por detrás utiliza

este, no es tecnología, creo que es

empresa, si no estoy mal, que se llama

TomTom, que es una empresa de terceros

para la funcionalidad de mapas.

Las consultas no están vinculadas a

ningún cliente ni usuario final cuando

se comparte con TomTom y no se puede

usar para identificar usuarios. Tom es

un subcontratista autorizado para

procesar los datos de clientes de Asure

Maps. Si ustedes quieren averiguar más

sobre acá el tema de subcontrataciones,

le pueden dar clic aquí y demás. ¿Por

qué les estoy diciendo esto? porque van

a ver la demostración que voy a hacer en

la demo número cuatro, les va a gustar y

pueden presentar de tesis de grado.

Entonces, esto es vital que ustedes lean

términos del producto de Asure Maps.

Igual pueden leerlo. Y finalmente acá es

simplemente darle una validación que

dice que confirmo, que he leído y acepto

la licencia y la declaración de

privacidad.

Enter. En el siguiente punto que es

avanzado es básicamente los cores. Un

corse, bueno, tal como dice acá, es el

uso compartido de registros de orígenes

que permite eh que el código JavaScript

que se ejecute en un explorador de un

host externo interactúe con el backend.

especifica los orígenes que se debe

permitir llamando a todos los orígenes.

Por ejemplo, a esta dirección example

eh.com

puerto 12345.

Permite que todos usen con asterisco y

quite el resto de los orígenes.

Acá si no estoy mal

no hay que poner nada. Redes acá que

medio pueblo se conecte a esta red, ¿qué

quiere decir?

Esto para conectarse este servicio, yo

les tengo que pasar una llave. A esta

llave si yo le digo que medio pueblo se

conecte, entonces ustedes van a poder

consumir tranquilamente mi llave. A eso

se hace referencia esto. Y bueno, ya

saben, ¿no? IP y si quieren crear su IP

privado, su entorno privado, ya está ahí

abajo. Identidades desactivado,

etiquetas, no hay nada. Revisar y crear.

Termina la validación de todo esto y

empezamos con el el bueno, con el

recurso aprovisional. Le doy crear.

Ahora se preguntarán as maps

es

vas o es SAS. Y acá nosotros vamos a

consultar por este lado. Vamos a venir

por acá.

acá. Y bueno, como me dice la IA de

Google, que es básicamente Gemini, me

dice Asion Maps es un servicio tipo PAS,

plataforma como servicio,

específicamente categorizando a la

categoría de paz de geoespacial o BAS

Ben como servicio. Hay otros es que hay

diferentes cosas, pero bueno, ya saben,

lo primero es esto, de esto nadie se

salva

y de ahí vienen las subcategorías,

paz o sas tatúense en su cabeza.

me dice, "No es una aplicación final

SAS, no es un software listo para el

usuario final como Google Maps o Waz,

donde solo buscas direcciones.

Es una plataforma de desarrollo paz

porque proporciona API, HDC, datos

geespaciales para que tú construyas,

hospedes y gestiones tus propias

aplicaciones de mapas. Y bueno, acá está

toda la información.

Listo, venimos por acá.

para la persona que me estaba diciendo,

¿dónde están? Están acá.

M,

¿dónde está?

dispon

aquí

por si acaso para la persona que me ha

preguntado si estoy grabando. Sí, estoy

grabando

ya. Eh, acá se ha completado la

implementación y nos vamos al recurso.

Acá yo tengo ya mapas tesis 2026, por

ejemplo, la información básica, eh, y

demás. Ahora, ¿qué pasa si yo quisiera

cambiar el plan de tarifas? Eso lo

cambias acá.

¿Dónde estaba? No. Hm [carraspeo]

hm hm hm hm hm

hm. Debe verlo con costos.

Hmm.

Autenticación, ¿no? Plan de tarifas.

Este, te vienes acá a la sección de

configuración, plan de tarifas y acá te

va a salir en los planes de tarifas que

tú tienes para cambiarlo. En este caso

no me aparece por la suscripción, pero

ustedes validen si es la misma

casuística que les sale de esa manera.

Okay, vamos a venir por acá. Listo. Esto

lo cierro.

Esto también lo cierro.

Ahora lo siguiente. En información

general, ¿qué me va a decir? me dice,

"Proporcione que un texto geográfico a

tus aplicaciones web y móviles con datos

de mapas recientes. Microsoft Asure

proporciona a los desarrolladores de

todos los sectores funcionales

geoespaciales eficientes. Esta capacidad

geoespacial incluye un dato de mapas más

reciente. Asure Maps está disponible

para aplicaciones web como también para

aplicaciones móviles. Y para conectarme

tiene un conjunto de AP rest compatibles

con OneP.

¿Cómo veo todo esto? Por ejemplo, si yo

quisiera aprender y más en este apartado

donde es información general, yo tengo

acá abajito que dice tutoriales y acá

tienes las guías rápidas, los ejemplos.

A este ejemplo sí nos vamos a ir y cómo

consumir, por ejemplo, por la eh como

una resa app. En este caso se utiliza

para trabajar con Microsoft Fabric. Y

acá, ¿qué me dice? Análisis de datos de

viajes mediante acoplar a la carretera

de un notebook. Y acá me dice todo lo

que se puede hacer.

Ahí simplemente está creando un

notebook. Un notebook es lo que ustedes

tienen con esta cosa, ¿no? Es

ah lo que tiene Drive en Notebooks.

Es m

se llama.

Ah, no es bloque el element. Se me da

ahorita el nombre.

Mm.

M, a ver si alguien sabe, si está

atento.

M, no es Jupiter Notebook, es Colap.

Eso,

el que ha creado ese tacaño. Ya. Y luego

de eso, por ejemplo, en este en este

primer enlace que hemos sacado, que se

llama Assure Maps Simples,

acá nosotros vamos a encontrar un sinfín

de de cosas que podemos hacer. Por

ejemplo, miren este mapa de calor.

Vamos a esperar a que cargue.

Ahorita está Chinan Town. Creo que está

en

¿Dónde está pues?

A ver, voy a hacer menos. ¿Para qué

región está apuntando? Está en Nueva

York.

Este es de Nueva York.

o cosas así con GLBL 3 LER, que es para

hacer 3D.

Esto se podrá personalizar, of course,

sí se puede y ahorita lo vamos a hacer.

Y miren, tienen 26 tipos de animaciones

de mapas, diferentes mapas de calor.

Aquí miren,

eh, GPS trace, una línea que te lo puede

ir marcando,

múltiples puntos, animaciones del

camino, diferentes cosas. Ve este mapa

me encanta.

Esos mapas de calor en po, tráfico,

todo esto

controlador. Hay un sinfín de cosas que

tú puedes hacer con Nash Maps, que es

bien interesante.

Miren todo esto, el chiste acá, cómo yo

lo implemento. Si bien ya tengo acá el

servicio creado en Nure, que me da todas

estas características, por si acaso que

estamos viendo acá, que se los voy a

pasar. ¿Dónde

están? A ver,

aquí están.

Ahí está.

Listo. Para que ustedes lo tengan.

Miren, es un es un sinfín de cosas que

pueden hacer.

¿Ya? Entonces, para hacerlo esto, yo

personalizarlo en mi propio desarrollo,

¿cómo lo hago?

Entonces, para eso vamos a ingresar acá

donde dice

acá mismo configuración,

clic donde dice autenticación

y acá nosotros, bueno, leemos siempre lo

que nos dicen las recomendaciones.

Asure Maps admite tres formas de

autenticarse. Autenticación es como tú

le dieras la llave de tu casa. ¿A quién

le vas a dar la llave de tu casa?

Primero a Microsoft Intra ID, que es un

servicio administrado para la gestión de

accesos de identidades basada en roles,

en pocas. Si le das a tu hermanito, tu

hermanito, ¿qué rol tiene? El rol de

digamos hermano menor, que hermano menor

simplemente va a tener x privilegios. O

si tú le das la llave a tu mamá, tu mamá

va a tener el rol de admin, digamos,

porque va a tener acceso a todo, cosas

así. Segundo, la autenticación de clave

compartida de autenticación. La

autenticación de clave compartida, a

menudo denominada como clave de

suscripción se basa en pasar claves

generadas de la cuenta de Asure Maps con

una cantidad para solicitudes de Ashure

Maps muy redundante. Se recomienda

volver a generar las claves de con

regularidad. se le proporcionan dos

claves para que pueda mantener las

conexiones de una clave mientras se

regenera otra. Generalmente esto por si

acaso se utiliza si eh por algún motivo

X y Z se ha filtrado tu clave, entonces

la tienes que cambiar.

Eso, ¿cómo lo haces? Simplemente

regenerando.

Y regeneras un botón nada más. Y acá

tercero, la autenticación de tokens de

firma de acceso convertido SAS. Este SAS

es pues nuestro amiguito que también

nosotros lo hemos visto dónde en un blog

storage.

Uy,

ya.

Eh, ¿qué más? Ah, y aquí está. Esta es

la autenticación, por ejemplo, el ID de

cliente. Si yo lo quiero hacer por

Microsoft ID. Y esta es la autenticación

de clave compartida. Aquí está tu eh

clave principal y tu clave secundaria.

¿Cómo se regenera? Simplemente

presionando ese botoncito nada más.

¿Cómo se copia? Acá al ladito. Tú lo

copias y eso es todo. Y este botoncito

de ojito significa para ver tu código

alfa numérico,

nada más.

Y listo. Ya con eso nosotros con estas

credenciales voy a poder conectar.

Ahora, como nosotros estamos trabajando,

¿qué nos decía? Podemos trabajar esto de

forma, bueno, en un formato de web o

formato mobile, pero en este caso

nosotros vamos a utilizar mi buen

amiguito que se llama Visual Studio

Code.

Aquí está.

Hm, ya vamos a volver a abrir otro code.

Ya,

aquí está mi buen amiguito Visual Studio

Code. Acá ustedes le van a dar en Open

Folder, que bueno, básicamente es para

abrir una nueva carpetita. En esta nueva

carpetita, por si acaso, le van a llamar

a su

a su carpetita viernes.

Hoy día que el viernes es ah 24.

Y ya. Entonces le dan open folder y

ahora, ¿qué pasa si no les aparece esto?

Y vamos a morir. No, pucha, ¿cómo agacho

la licenciado? ¿Dónde estará haciendo?

Entonces, si no tienen eso, simplemente

se van acá a file.

Dentro de file se van a venir acá donde

dice open folder. O bueno, si ustedes

tienen una vida complicada y les gusta

hacer todo eh con teclado, con atajo de

teclado, también pueden presionar

control + K + control + O. En este caso,

yo siempre hago acá open folder y ya me

olvido. Documentos, por ejemplo, acá le

voy a poner nueva carpetita que le he

dicho que se vaya llamar viernes 24.

Listo. Le doy seleccionar folder y

automáticamente ese foldercito se me va

a seleccionar y sobre ese foldercito yo

voy a trabajar.

Entonces, para yo poder trabajar de

forma ordenada, porque son de con código

son cuatro demostraciones que voy a

trabajar de forma local, voy a irme

ordenando por subcarpetitas. Aquí voy a

tener uno, dos, espérenme.

Ay, perdón. sigo más por si acaso.

[suspiro][grito ahogado]

Ya, aquí voy a tener un dos 3es cuatro

cuatro subcarpetitas. Por cada

carpetita, yo les recomiendo que siempre

sean ordenaditos en su código. Entonces,

acá le van a poner, por ejemplo, demo

uno hasta llegar a la demo n,

así para tener todo en uno.

Ya. ¿Cómo se crea una carpetita?

Acá simplemente van a dar clic en esta

carpetita y aquí le van a poner demo 1,

enter y listo, ya se ha creado mi

primera carpetita.

Ahora dentro de esta carpetita, como voy

a trabajar con un sitio web, ¿qué son

los archivos básicos que yo tengo que

tener? Tengo que crear lo siguiente.

Tengo que crear un index

punhtml.

Tengo que cre, bueno, esto es para qué,

para la estructura de mi página web, que

cualquier página web tiene, por más

framework que ustedes utilicen, que es

el último framework ultra mega archi, no

sé qué cosa, todos tienen HTML, nadie se

salva de eso. Posteriormente, ¿cómo tú

le das el estilo, la formita, el

maquillaje? Esto, por ejemplo, se le

llama al esqueleto en una analogía de

cuerpo humano.

Posteriormente la carita, la piel, ¿cómo

le das? Le das con un CS.

CS Ya. Eh, aquí es style, perdón,

me he equivocado. Aquí es style. Me

olvidó poner su nombre. Punto CS, que en

este caso sería la piel. que tú le das

al ser humano

y cómo tú le das ese movimiento, ese

pensamiento y demás con tu archivo app

punto pun

Jason.

Tú ya le das el cerebro para que

funcione, para que tenga la lógica. Esta

es la estructura básica de un archivo.

Entonces, yo acá dentro de mi carpetita

demo, acá le voy a dar en agregar más.

Con este amiguito se creaba

carpetas. Con el primer amiguito se crea

archivos. Clic ahí y posteriormente voy

a poner index.html

HTML

y listo. Segundo archivito, styles

pun CS.

Tercer archivo, app.gs.

Esa es la estructura que yo tengo que

tener.

Ahora me dirán, "Pero, ¿por qué está

avanzando así? No somos primer

semestre." Hay personas jóvenes que no

saben y y ahora bueno, que ya estoy en

mi casa, en mi computadora, estoy más

cómoda, les puedo explicar así

ampliamente lo que yo no puedo hacer en

presencial,

¿ya? Y acá simplemente suprimimos y pues

es bueno lo que se tiene dentro del

explorador.

¿Listo? Entonces dentro de index.html

voy a utilizar lo siguiente.

Ah.

Allá no había tenido CS dentro de mi

primer demo. Ya, Moral Chocs, así es la

vida. Pero este es mi archivito. Voy a

cerrar estito. Este es mi primer eh

archivito en HTML, que bueno, siempre

empieza con la etiqueta doc type HTML,

el tipo de lenguaje español, porque

generalmente por default viene en

inglés. Por si acaso, para si ustedes eh

no saben cómo sacar la estructura,

simplemente le ponen HTML 5 acá dentro

de Visual Studio Cuto, le dan clic acá y

se les agrega su esqueletito y acá ya

ponen lo que tengan que poner. Okay,

simple eso. Pero yo acá ya tengo mi

ejemplo demo. Después título es lo que

va a aparecer acá.

Mm.

[carraspeo]

copa

aquí esto. Ay, caray. En eh título viene

estito que se llama Map samples y en

nuestro código

vendría a ser demo asure maps. A eso no

más hace referencia. Si acá quieren

agregar iconos, bienvenidos.

Si tienen dudas, me pregunta en el

estilo. Acá es donde nosotros vamos a

hacer referencia al SDCATE para poder

llamarlo y para poder tener todos los

estilos que hemos visto. Entonces acá me

dice estilos web SDK de Asure Maps. Ahí

referenciamos a un link y es este.

ACLAS.microsoft.com/hdicate/javascript/mapcontrol

microsoft.com/hdcate/javascript/mapcontrol

3aclas.m.cs

y después estilos personalizados. Aquí

está mi instal,

pero da igual que usted si estaría en

otro archivo, yo acá lo referencio, pero

en este caso viene en bebido. Y

posteriormente acá en apps.gs

viene la lógica.

Aquí

estito se los voy a borrar. Ajá.

Ahora sí.

Y lo primero que yo voy a generar va a

ser una variable. Esta variable se va a

llamar Asure Map Key. Y voy a poner la

clave que he generado de Ashur.

Entonces, vuelvo acá a mi portal.

Aquí está este. Bueno, estoy dentro del

servicio, dentro de la casetita de

opciones. Me voy a venir acá a la

sección que dice configuración,

autenticación. Dentro de ello me vengo

acá donde dice clave principal y copio.

Posteriormente me regreso y donde dice

acá tu clave de Asure Maps, aquí

necesito lo borro y lo pego y listo.

Segundo, las coordenadas iniciales que

le vamos a dar para que funcione este

mapa. Entonces, le tengo que dar dos

cositas, le tengo que dar longitud y

latitud. Y estas son mis dos coordenadas

que por defecto me da o me apunta a

Madrid.

Listo. Y acá yo tengo mi función que en

este caso es instanciar a mi objeto

mapa. Entonces acá le digo mapa es igual

a newlas.m.

Y todo esto. El lenguaje va a ser en

español. El tipo de suscripción va a ser

suscript. Eh, dentro de suscription key

le voy a mandar mi parámetro que es

Asure Maps Key para construir. Digamos

que esto es la construcción de nuestro

objeto client. Estamos instanciando como

nosotros hacíamos en 121, algo parecido.

Segundo evento cuando el mapa termine de

cargar sus recursos. Y acá, bueno,

llamamos ya mi objeto que es map punto a

su método events.

Y acá dentro de este parámetro pongo

eso,

todo esto

y inicializamos el documento cuando esté

listo. Y listo. Este código, por si

acaso, jóvenes, yo no he hecho, viene

dentro de la documentación. Yo

simplemente creo que lo he separado y

ya. Y eso es todo. Guardamos con control

S. todos los cambios que nosotros hemos

hecho.

Y ahora nos toca levantar esto, como

estamos haciendo en un HTML basiquito,

¿cómo levantamos? Simplemente omita mis

caras de mis grabaciones se van a venir

al donde han creado. En este caso hemos

creado en el directorio documentos

hemos creado este nuevo folder que se

llama viernes 24.

[carraspeo]

Aquí está nuestra carpetita demo uno y

voy a hacer dos veces clic sobre este

archivo que se llama index

y listo. Aquí está el puntito que me ha

georenciado,

es Madrid.

Y acá, por ejemplo, esto, ¿por qué me

sale? Porque en la configuración

de Asure Maps, si se acuerdan, en apps,

yo he puesto eso, que inicie el marcador

en este color azul, el de Microsoft. Si

yo quisiera cambiar, pues ya cambio acá

de color. A ver, acá vamos a poner

rosado.

Guardamos los cambios,

refrescamos y aquí tiene que verse eso

rosado Madrid

y demás. Ahora si yo, por ejemplo, y

ahorita me va a decir la licenciada

¿qué cosa nos estaba hablando

piedras? Si yo borro la clave, ahí está,

voy a poner tu clave IP ahí de más acá.

Vuelvo a guardar, actualizo.

Automáticamente esto. Ah, bueno, debe

estar sí que en caché.

Esto se va a perder por si acaso,

jóvenes. No sé por qué esto no me ha

guardado.

Es que debe seguir instanciado. A ver,

voy a cerrar.

Vamos a abrirnos con otro.

Ajá. Y ahora sí.

A ver,

ahora sí pueden ver.

Solamente me aparece uno y ya, porque es

el punto que ahorita le hemos dado,

pero

no me aparece Madrid nada. Ahorita estoy

volando en el espacio junto con mis cuat

los extraterrestres ahí por la Antartad,

por ahí debo estar.

Okay. Entonces, eso quiero que ustedes

tomen en cuenta. Sin la llave de

conexión no me carga. ¿Por qué? Porque

no tengo las credenciales. Es ahorita

como yo entrara a mi casa y me chocara.

No tengo la puerta. Si no tengo la

puerta, no voy a poder ingresar y no voy

a poder ver y por ende no se va a cargar

esto.

Bien, hasta acá dudas o consultas. A

ver, ¿dónde están?

Vamos a ver. Ta ta ta.

Dice Google Colabs. Sí. Sí, eso, eso,

eso, eso.

Jóvenes, dudas, consultas, se han

dormido, siguen ahí.

Ya, todo claro, dice. Perfecto.

Entonces, continúemos. Pero ahorita lo

que nosotros hemos hecho es un puntito

bien básico que le tenemos que dar

longitud y latitud. Pero, ¿qué pasaría

si yo quisiera interactuar con más

mapas?

Entonces, esa va a ser nuestra segunda

demostración del día de hoy. Para esto

voy a suprimir mis carpetitas, voy a

cerrarlo para tener todo esto limpio.

Y ahora sí, vamos a venir por acá.

Bueno, si ustedes y una de las cosas que

les digo para los que no están

acostumbrados al desarrollo es esto. Si

tú te apuntas en algún lado, ya sea

dentro de la carpeta o ya sea dentro de

algún archivo, vas a tener seleccionado

y le vas a dar crear una nueva

carpetita, automáticamente se te va a

crear como una subcarpeta y después

entramos de nuevo en increis y decimos,

"Ah, ¿cómo hacemos esto?"

Entonces, para esto, simplemente tú no

tienes que seleccionar nada, mejor si lo

presionas por estos puntitos por acá,

presionas, le das nueva carpeta y ahora

puedes ver que el nivel ya ha cambiado.

Entonces acá voy a ponerle demo dos

y dentro de este demo dos voy a tener la

misma estructura que he tenido dentro de

la demostración uno. Que bueno,

básicamente para nuestros cuatro demos

vamos a utilizar eso.

Ahora demo dos que ya es un poquito más

completo. Voy a darle acá otra vez mi

buen archivo index.

Le voy a dar a mi style

punto cs y le voy a dar a mi a punto ay

Ajsisto.

Acá dentro del ejemplo yo ya tengo el

código, así que simplemente les voy a

copiar porque no me van, o sea, ni para

mí me gustaría taipear todo esto, ni

ustedes estar viendo cada ratito cómo

escribo. Okay, entonces acá simplemente

ya tenemos más cositas, más cosas

interactivas que de nueva cuenta. Este

código está en los ejemplos de maps.

Simplemente lo he troceado para no tener

todo en uno. Y acá ustedes pueden ver

que ya manejo dos referencias. manejo

este ACAS SDK y el otro, tanto

referencias de para los estilos como

también para la lógica.

Y acá, bueno, carga lo que es o bueno,

hace referencia a mi script en a.Jes.

Para esto me voy a venir acá a mis

estilos que ya tengo también.

Ahí está todo lo que va a llamar

y la lógica.

Listo,

ahí está. Siempre vamos a empezar por la

variable de Asure Maps, referenciando

a la credencial. Y ya esto ya es eh puro

de lo que hace la demostración.

Ya, obviamente acá ya son más cosas que

si ustedes quieren lo pueden ir eh

analizando y demás.

Control S a todo.

Listo. Y ahora sí, esto levantamos.

Salgo viernes 24. Ahí está por temas de

jerarquía. Aquí está demo dos

index. Lo levanto

y aquí está. En este caso, eh, en dentro

de esto, dentro de esa segunda

demostración y es un poquito más más

completo porque

si bien meorreferencia, que esto es

también Estados Unidos, esto es Los

Ángeles por si acaso, bueno, donde me

hace referencia como punto principal,

no toda la vida, pues yo voy a poner por

detrás texto quemado al usuario dónde

tengo que [resoplido] dónde tengo que

estar, sino que el usuario tiene que

introducir

Para eso hay este amiguito de acá,

este pequeño menú que dice search. En

este caso, si yo presiono sobre este, me

va a aparecer las rutas que son cercanas

eh dentro de los ángeles, por ejemplo. A

ver, vamos a venir al aport.

Aport.

Ahí está. Aport.

Ya. Y ahora me va a referenciar a todo

lo que está cerca de donde está ahorita

esto donde nosotros estamos viendo. Por

ejemplo, me sale plane, que estoy

ubicada en la tercera calle de los

ángeles y este es código postal o todo

lo que tenga que ver. ¿Qué pasa si yo

digo, "Ah, chévere, quiero ir acá,

quiero ir a Berberly Lee Burlevard en

Beverly Hills.

Le doy acá.

H, creo que era este. Automáticamente me

referencia a ese lugar y no solamente me

referencia como tipo Google Maps, sino

que cuando yo le voy a dar clic en este

puntito,

me hace referencia la dirección y me

hace referencia su sitio web.

Selecciono esto y me va a mandar a sitio

web, que es city ofbank

y no sé qué qué se referencia, que

ahorita es el lugar que hemos

referenciado. Es así, es un parque

y bueno, por Google Maps básicamente

tiene casi lo mismo, ¿no? Ver, pero la

diferencia acá es estito.

Y ya.

Ahora, ¿qué pasa si yo quisiera venir

acá a Bolivia? Ah, entonces ahí es otro

chiste. Ahí tengo que referenciar

primero las coordenadas. ¿A dónde?

Ahorita estábamos en Los Ángeles. Vamos

a bajar. Ahorita vamos a llegar ya a

México. Ya estamos llegando el final de

Estados Unidos.

Esto está muy chiquito. Ahí está.

Monterrey. Hemos llegado a México.

Centroamérica y hemos llegado a

Latinoamérica.

Venimos acá a mi cuate que es Bolivia.

Aquí está La Paz.

Vamos a Chumani, ¿no? ¿Qué es nosotros

que somos Murilo, no ve? A ver,

Miraflores, San Pedro, creo que es esto.

[resoplido]

A ver, no, no es esto.

Me perdí mi pu propio pueblo. A ver. Ah,

aquí está. Estaba en Samputas. Acá tengo

que irme a la ciudad. Y esto las

personas que viajan en avión se van a

dar cuenta y me van a dar la razón.

Cuando tú viajas en avión, de la misma

manera ves, o sea, tú estás llegando por

acá y ves lo mismo, estas mismas

rayitas, pero más chiquitito. Y acá todo

es cerro, por si acaso. Solamente en las

ciudades que son así ustedes van a ver.

Ahora más abajito está acá Ororo.

¿Dónde está más abajito?

Eh, no, eucalipsis. He llegado Oruro,

pero no se ve la ciudad.

La carretera Patacamaya. Por aquí

venimos por acá abajito. Soruro.

Bueno, no me aparece.

Creo que es esto o no. No, no es esto.

Wacaala,

eucaliptus, panduro. A ver, esperen, voy

a encontrar Oruro,

caracollo y escochabama. Más abajo es

aquí está

aquí. Por ejemplo, así es la planicia de

Oruro. Y los que igual viajan en avión

me van a dar la razón que cuando tú

estás pasando por Oruro igual se ve

cochabamba porque están cerquita.

Un lado se ve siempre o cuando estás

volviendo de coche igual. Entonces igual

por acá por los mapas podemos hacer lo

mismo y pueden ver que en cada ciudad

siempre va a haber este tipo de cosas

aquí. Y la paz, ¿dónde está la paso?

Ahora sí.

me he vuelto a perder.

Ah, aquí está la paz.

Ahora, ¿para qué me estoy navegando todo

esto? Aquí, por ejemplo, me voy a

plantar en la 12 de octubre. A ir por

acá

y acá ahora como estoy por el alto voy a

referenciar y voy a poner aeropuerto

y de nueva cuenta me tendría que georre

referenciar a donde estoy yo. No me ha

tomado muy en cuenta esto.

A ver, vamos a poner un poquito más por

acá.

Vamos a bajarnos a la paso.

A ver, sección.

Aquí, aquí también tengo esos

controladores.

El alto la paso.

Vamos a venirnos por acá.

A venir del poeta por el centro de la

ciudad. Creo que es el estadio. Sí.

Entonces yo por acá le voy a poner banco

y aquí está. Ah, bueno, en el alto no me

referencia muy bien, pero acá en la paz

sí. Acá le he puesto banco y ahí pueden

ver que ya me ha referenciado. Banco

FIE, Banco Fácil, Banco Sol, Banco Visa

y estamos sobre mismos la avenida Simón

Bolívar.

Ya. Entonces, aquí banco. Voy a poner

por ejemplo el FIE, que es ahí citos del

estadium.

Le voy a dar clic y por ejemplo me

muestra dónde está ubicado su teléfono y

su eh su página web. Y ahí esto me hace

referencia a Bancofe.

Y listo. Entonces esta es la segunda

cosa que yo puedo hacer con Asure Maps,

que yo no necesito acá eh poner un IP ni

nada, simplemente tengo que estar cerca

de la zona y me va a aparecer las

ubicaciones que yo tenga cerca.

Esa es una de las cosas que podemos

hacer. Por si acaso, ahorita todas las

peticiones que yo estoy haciendo al

servicio está corriendo de mi cuenta, no

está corriendo, digamos, de Google ni

nada. Todo esto está corriendo ahorita

en Asure.

Bien, hasta acá. ¿Tienen alguna duda?

¿Consulta?

A ver, ¿dónde están?

¿Cómo es chacos?

Espero que me estén entendiendo. Ahora

sí estoy explicando con chubis.

O tal vez me han dejado ahí hablando

votadas. Estoy por ahí con su celular.

Ay, mientras ustedes están roncando al

lado. Que dice, "El recurso de Maps no

me deja crearlo en ninguna región." Ya,

joven, le voy a pasar el recurso.

Hm hm hm hm [carraspeo] hm hm. ¿Dónde

están usted? Son Cloud.

Ya, vamos a venir por acá. Aquí está lo

que hemos creado, ¿no? Vean tas.

Úsenlo sabiamente, va a estar disponible

hasta el lunes. Esa es la API, por si

acaso. Para los que no han venido, no

les diga. No, mentira, igual van a ver

la grabación.

Ya, ahí está. Ninguna duda, dice.

Gracias, Fiorela. Vamos a venir por acá

y listo.

Ahora, uno más complejo

que es el siguiente, que esto sí lo

pueden utilizar para tesis de grado, que

hasta ahorita yo no he visto,

pero como yo puedo ser garganta,

veremos. Repositorio, UMSA.

Ahí está. Vamos a ingresar.

Vamos a ciencias puras,

a informática, que es lo que nos

interesa. Vamos a buscar as maps.

Mecanismo

no per utilizado Ashur. Telupi ha

utilizado Ashur.

Campero, pero no sé quién será pero

utilizado Ashur.

Gutierrez Bautista. Brenda Lili me suena

pero no sé. Estaba utilizado ayer, pero

no. Ah, el Max, ¿no? Eh,

este cuate me suena, pero no sé, debe us

reciente,

pero este es no he utilizado nada.

No, no hay tesis por si acaso con Asure

Maps, así que pueden presentar ustedes

su propia tesis. Voy a

Ay,

ya pueden presentar.

Entonces, ahora la tercera demo que yo

les voy a proporcionar por acá, ¿dónde

está esto?

Es esta la que viene dentro del sample,

que es básicamente estita.

Pueden hacer esto igual. Miren, creo que

es para el tren, no estoy muy segura.

Bonitas cosas pueden hacer.

Vámonos hasta arriba

y acá este que dice yellow cap versus

green cap trips in Manhattan.

En este caso acá yo tengo el ROM sample,

que es básicamente cómo se va a

actualizar.

Y esto básicamente simula el tráfico con

datos históricos, obviamente de un punto

a otro punto.

Entonces esto lo vamos a hacer realidad

con de nuevo con la estructura simple.

Lo mismo lo vamos a poner por acá por

Visual Studio Code. Entonces por acá me

salgo, voy a cerrar todistito esto.

Creo una nueva carpeta,

se va a llamar demo 3

y de nueva cuenta, ya saben, nuestro

esqueleto.

Ahí está.

Está el CS

a punto chiches.

Listo.

Y de acá me voy a venir de mi chanchulo

donde yo ya tengo los códigos probados.

Ahí está

copo.

Ya. Ahí está.

Esqueleto

maquillaje

lógica.

Y aquí lo que me importa es la lógica.

De nuevo, referencio mi variable global.

Latitudes. Esto es por si acaso lo que

ustedes ven acá.

Esas las variables. Y aquí también

nosotros vamos a tener diferentes

cositas que ahorita lo voy a explicar.

Hm. Acá inicializamos, por si acaso

vamos a referenciar esto en Manhattan,

si no estoy mal, por las coordenadas.

Ahí está. Coordenadas centradas en bajo

Manhattan.

Eh, inclinación 3D de la perspectiva.

Acá todo eso se configura.

autenticación como la inicialización de

tu objeto, esperar a que la SDK de

Action Maps esté listo y en este caso se

trabaja con esto que se llama web GBL

y acá están tus controles y demás.

Listo,

todo estito guardamos.

Y ahora sí, como estoy corriendo de

forma local, esto se tiene que ver

reflejado acá en mi demo 3. Viernes 24,

demo 3, levanto

esto. Ahí está lo mismo corriendo de

forma local

para ver el tema del tráfico. Ahora,

obviamente esto yo lo puedo quitar.

Eso es solamente temas de acá cómo está

configurado,

pero imagínense presentar esto que se

pueda ver los puntos de la ciudad donde

están con más tramos, más recorridas y

demás, o sea, más congestionados y no

solamente poner los de tráfico, sino

poner los teleféricos y pumascetaris

y así que se muestra. Por ejemplo, esto

presenta tesis de grado. Nadie sabe

hacer esto en la carrera.

O por lo yo levanto mi mano y doy mi doy

mi cabeza que esto en la carrera nadie

les ha enseñado hasta ahorita, que es

bien facilito, solamente es agregar la

API, consumirlo y ya está. ¿Quién? O

sea, tú no vas a crear la pólvora y eso

les he dicho desde el primer día,

ustedes no van a crear la pólvora,

simplemente van a utilizar lo que ya

está. son herramientas.

Ahora, la pregunta acá es, ¿cómo yo lo

adapto a Bolivia? Hay que poner las

coordenadas.

Y acá no solamente ahorita estamos

haciendo correr esto, pero yo si me

vengo por acá, que es la sección que

dice style, select style, yo voy a poder

ver esto en diferentes mapas. Acá voy a

poner por acá en el primero,

que de esta manera me lo corre por acá.

Igual por si acaso está corriendo las

mismas coordenadas, simplemente los

colores hay que cambiar. Y han visto

como yo he cambiado en el primero el

color de donde se referencia, así no más

se cambia el color.

Segundo mapa.

Pero en este caso es de con otra vista.

Si yo me acerco se ve más. Miren,

es como una vista satelital. Y esto yo

puedo ir bajando, miren, puedo ir así

bajando, se va a ir moviendo solito o

puedo ir tomando tomas aéreas. Si yo

quiero disminuir el zoom, puedo hacerlo

desde acá.

Entonces, dentro de sus tesis pueden

poner diferentes mapas, no solo eso. Y

también que decía la parte móvil se

puede hacer.

Este híbrido, en este caso me aparece de

esta manera y acá es un poquito más una

vista mejor.

Para mí esto es superinesante,

que yo hasta la fecha hecho varias

demostraciones de todo y con todo.

Aquí vamos a venir por acá otro tipo de

mapas

en este caso que es referencia otro tipo

de cosas.

Vamos a venir por acá, que es el que

estábamos viendo, creo yo.

Acá ya vienen los mapas en blanco que

son para temas de relieve y ahí pueden

ver que sigue pasando la línea. Es es

tierra, ¿no? Este es tierra, mejor

dicho.

Después, ¿qué más viene? Viene este en

blanco.

Viene este en blanco con accesibilidad.

Viene este contorno negro que acá

obviamente se va a ver pues mucho más

genial.

Y todas las superficies están marcadas

de verdecito o de azul, dependiendo qué

cosa referencia. Eso ya es tema de

documentación ustedes que tienen que ir

viendo.

Este es con relieve, si no estoy mal.

Sí,

acá me muestra, por ejemplo, estas son

todas las rutas del tren. Bueno, acá en

Mari no tenemos tren, ¿no? Pero allá sí,

pero tampoco utilizan.

Y listo.

Creo que el azulito es el maro,

si no estoy mal. Y listo. Ahora estito

yo lo tengo que hacer con ¿qué cosa? Con

los datos de Bolivia. Para eso, o sea,

para no confundirles,

o sea, he

he propuesto un tercer demo que es la

demo cuatro. Ustedes acá lo van a ver.

que tiene los mismos componentes,

está su HTML, su style, su eh su lógica.

Lo que cambia acá son las coordenadas.

Uy,

aquí yo he generado mis coordenadas para

simular. En este caso estoy tomando

esto, estoy tomando la ceja del Alto, la

Plaza San Francisco, El Prado,

Sopocachi, Plaza España, Miraflores,

Obrajes, Calacoto, Achumani e Irpavi.

Tanto nodos claves de transporte en la

cuenca de La Paz y también las

plantillas, rutas de típicas entre zonas

altas, centros y la ciudad. Y acá en

este router templates es de dónde a

dónde va a correr pues mi figurita. Y

vamos a decir que hay más tráfico o

menos tráfico. Entonces acá el punto

central es desde la ceja del Alto va a

bajar a la plaza San Francisco,

posteriormente va a bajar al Prado,

Sopocachi, obrajes y Calacoto.

y de nueva cuenta, así me voy creando

mis propias rutitas,

todo esto y acá generar 100 rutas

dinámicas para simular el tráfico urbano

entre minibozatari,

bueno, minibosz y pumacatari es el

amarillo y el de color verde es mi

teleférico.

Tas, tas, tas, pones, haces y demás.

Terminas de hacer estito y lo vamos a

levantar. En este caso está acá eso que

se llama demo test demo 4 la paso.

Levanto este índex y aquí está desde el

alto hasta bueno, desde el alto que es

desde la ceja del alto hasta llegar a

Chumani que es Calacoto.

Aquí lo voy a hacer un poco más de zoom.

Por si acaso, el Zoom funciona de esta

manera y es así como se muestra el

tráfico. Estamos generando 100 rutas

alternativas

y bueno, en la realidad es que así se

maneja la ciudad de La Paz y ahí ustedes

en una ruta específica pueden ponerlo.

Ya es acá al gusto del cliente.

Todo este código yo les voy a pasar para

que ustedes simplemente modifiquen.

Bien, hasta acá. ¿Dudas o consultas?

Ya, espero que me hayan entendido.

Esto no es nada complicado,

¿eh? Y eso, eso básicamente es trabajar

con Masaps. Ahora, su chamba de ustedes

para laboratorio va a ser escoger

cualquiera, menos los cuatro demos que

les he mostrado, cualquiera de estas

interacciones,

pero apuntando a la paz.

Así que eso se los voy a poner acá. Hay

mapas de calor, ya usted se inventan la

casuística. Ese es el primer

laboratorio.

Aquí vamos a poner,

se les voy a escribir

los componentes de AS Maps.

el micrófono. Ahí está.

Laboratorio número uno. Ustedes ya

saben, para los que están ingresando

recién, básicamente el laboratorio

número, todos los laboratorios que les

voy a mandar, me lo envíen así a mi

personal como me han enviado acá y con

sus nombres, obviamente con todos los

laboratorios. Fecha de entrega el día

lunes a las 8 de la mañana, fecha límite

de entrega. De ahí yo no me hago

responsable los que no me envíen.

Listo. Acá ustedes tienen diferentes

mapas.

Ahí pueden ir trabajando con el que más

les guste.

Perfecto.

Mm. Ah, ya. El tipo de tarea, el

entregable. Quiero lo siguiente o bueno,

se los voy a pasar después instrucciones

para que sea personalizado de cada uno.

Bien, la siguiente eh la siguiente

tarea, ¿no? El siguiente servicio que

nosotros vamos a visualizar ahora sí ya

es Docker. De acá, ¿quiénes trabajan con

Docker? ¿Pueden levantar su manito?

Nadie trabaja con Docker.

¿Alguien me escucha por los clavos de

Cristo?

A ver, Choque está triste, dice.

A ver, ¿dónde están?

Solo Marcelo y uno más, dice acá. Solo

Marcelo utiliza Docker.

Ya pues

Marcelo y Yamil, los dos utilizan

Docker. Entonces para ustedes dos pueden

pueden crear sus propias imagen Docker y

posteriormente subirlo a Docker file. En

este caso nosotros como la mayoría de

las personas no utiliza Docker, nos

vamos a ir a Docker Hub

para chorrearnos una imagen que ya viene

por defecto. Docker HP

acá.

Okay, hasta ahí. Ahora, todo lo que

tenga que ver relacionado a

contenedores, ya sea Docker, cubernetes

para microservicios y demás, ¿dónde lo

encontramos?

Ya no nos vamos a ir acá a la

marketplace, sino que nos vamos a venir

acá donde dice estos tres puntitos,

todos los servicios y nos vamos a venir

a la categoría que se llama

contenedores.

Dentro de esta categoría de contenedores

tenemos todos estos servicios.

La pregunta del millón, ¿cuál es desde

cuál se puede empezar? que es la más

básica de configuración y cuál es la más

complicada.

Entonces, la instancia que nosotros

podemos poner que es

que es factible y con fors, básicamente

es la de eh la esta.

Voy a marcar

es esta instancia de contenedor

más conocida como A C I. Es la más fácil

de instalar. ¿Por qué? porque tiene una

facilidad en la cual nosotros

simplemente configuramos, indicamos la

imagen Docker que nosotros quisiéramos

aprovisionar, ya sea una de Docker Hub o

ya sea una propia como template que

sería de Asure Container Register.

Posteriormente nosotros vamos a agregar

el CPU y la RAM y el puerto en el cual

se va a ejecutar y en menos de 2 minutos

ya vamos a tener nuestro contenedor

corriendo.

Otro de los servicios que también es

fácil de utilizar es este que se llama

Containers

Asure Containers App.

Este,

este es el primero,

este es el segundo.

Básicamente

su facilidad es digamos como que alta

porque podemos nosotros en containers

app diseñar o ejecutar, mejor dicho, es

para ejecutar microservicios o

aplicaciones web en contenedores sin

tener que administrar infraestructura

subyacente. Ejemplo, eh cubernetes, por

ejemplo.

Ahora, esto se utiliza o lo que yo ya he

visto que lo han utilizado para

scrapear, lo han metido en su container

y cada cierto tiempo se scrapea.

M, ahí ya está.

Y tercero, eh, bueno, en este caso, hm,

se los voy a marcar acá. Esto sería para

DockerHub para instanciar mis propias

imágenes.

Dockerhub.

Esto es para microservicios.

Y el tercero es el este

que se llama Asure Container Register.

que esto es un servicio complementario,

otros le conocen como hacer.

¿Para qué me sirve esto? Bueno,

básicamente como les digo, es un

servicio complementario en el cual

nosotros podemos hm

h no solamente ejecutar, sino también

podemos almacenar nuestras propias

imágenes Docker.

En este caso, lo que yo les digo, con

estos tres nosotros podemos instanciar,

pero si ustedes se meten algo bien

complejo, como puede ser servicios de

cubernetes, que no sé dónde está, acá

está centro de cubernetes, servicios de

cubernetes o cubernetes flight

management

o readhub

este close de readhub o si nosotros

trabajamos con Cafka. Ah, no, aquí no

hay Cafka, hay servicios de fabric.

Es complicado. ¿Por qué? Porque requiere

configuración de redes, requiere

configuración de clusteres, requiere que

ustedes armen sus archivos Yamel. Yamel

es, por ejemplo, lo que nosotros hacemos

ese pase a producción con GitHub

Actions. Eso, eso es un archivo Yamel y

la administración de arquitecturas. Y

sobre todo dentro de estos servicios que

les he mencionado, el crédito se va

bastante rápido porque estamos

levantando clústers de procesamiento.

Entonces, uno, para no traumarles la

vida y dos, para yo no traumarme mi

vida, les voy a poner acá eh bueno,

vamos a utilizar este que es el servicio

de bueno, instancia de contenedor y le

damos clic ahí o simplemente ustedes le

buscan acá instancia de contenedor. Como

pueden ver acá yo ya he instanciado,

ahorita está en ejecución porque ahorita

les voy a Bueno, vamos a entrar

a este. Acá yo tengo mi IP pública y

aquí está [carraspeo] lo que he

consumido,

todas estas métricas

acá a venir y le voy a poner que está

configurado en el puerto 8080.

Me va a pedir una contraseña. ¿Cuál era

la contraseña de esto?

No me acuerdo. Voy a buscar ya.

Espérenme por acá.

Ah, [gemido]

no, no era mi clave segura. 1 2 3.

Aquí está.

es profe 1 2 3

y listo. Por ese caso, lo que yo he

utilizado dentro de esta imagen Docker

es, ¿se acuerdan que les he dicho

que nosotros cuando utilizábamos GitHub

Copilot Copilot? Estoy hablando

pachotadas aquí los voy a poner acá.

Tarara tarara tarara tarara ta acá. Por

ejemplo, ayer esta cosa que no me ha

dado, ¿se acuerdan que lo he simulado

acá por Codespace, por GitHub Codespace,

que he creado mi propio espacio.

Ay, he creado mi propio espacio.

Acá esto por detrás, de la misma manera

que yo ahorita voy a crear con Nature

funciona. Dicho, esto funciona gracias a

quién, gracias a la virtualización,

gracias a cloud y demás.

Entonces en acá en Docker KitHub

Container Gister o simplemente ustedes

le ponen en su buscador eh Docker Hub.

Nosotros tenemos una imagen de Docker

que simula todo esto, que la imagen

ahorita se las voy a pasar es esta.

Esta,

¿dónde están ustedes?

Que también puede ser otro proyecto de

aquí se voy a poner demo 5.

Esa es la imagen Docker, por si acaso. Y

acá voy a buscar esa imagen Docker.

Acá tengo esta. Voy a seleccionar.

Bueno, para que también tengan la

información. ¿Dónde

está?

Acá pues acá estoy silvando para no

vomitarme. Ya.

Y acá, ¿dónde está? [carraspeo] Bueno,

esto lo vamos a transmitir. Lo

transmitir. Lo vamos a

lo vamos a [suspiro]

lo vamos a traar al español.

Ya, resumen. Entonces, en este caso,

dentro de esta imagen, Docker,

básicamente hace como tener Visual

Studio Code, best Code en la nube, lo

mismo que hace Codespace, pero en este

caso tú le vas a, o sea, tú vas a ser la

persona que va a administrar este

servicio por detrás. Todo lo que pase en

tamaño, red y demás, tú vas a ser

responsable. Y al momento de crearlo con

la instancia, no me acuerdo que se

llamaba, nosotros lo vamos a configurar

y simplemente eh, bueno, ya saben que

las imágenes Dockers se utilizan para

hacer que nosotros podamos instanciar

las cosas rápidamente o quizás nuestro

propio sitio web posteriormente

doquedizarla y subirla.

Entonces, en este caso acá me dice lo

mismo. Corre código Visual Studio en

cualquier máquina, en cualquier sitio y

accede desde el navegador. Código en

cualquier sitio, código en tu

Chromebook, tablet o portátil en un

entorno de desarrollo consistente.

Desarrolla una máquina en Linux. Ah, por

ese caso, la pila de ejecución que vamos

a levantar va a ser Linux, por eso dice

eso. Y cómprala desde cualquier

dispositivo con un navegador web.

Aprovecha los grandes servidores de la

nube para acelerar pruebas,

compilaciones, descarga y más. Conserva

la batería cuando estén en movimientos,

ya que o sea, ya que todas las tareas

intensivas se ejecutan en tu servidor

utilizando un ordenador de repuesto que

tengas por ahí y convirtiendo en un

entorno de desarrollo completo. Esto es

por si acaso la imagen Docker que se

tiene por acá. Obviamente no es como se

crea, sino por detrás hay otras cosas,

pero las actualizaciones, por ejemplo,

yo cuando estaba viendo estaba reciente,

no más la última actualización que han

hecho era hace 8 horas, actualmente está

hace 14 horas. Ay, me duele mi pulmón.

Au.

Ya. Y listo.

Entonces, como yo ya tengo la imagen,

por si acaso, esta es la imagen que yo

tengo que hacer referencia, esta es la

imagen que tengo que copiar, que se

llama MCR dos puntos.

Esto y siempre se pone otros dos puntos

y se pone la palabra lat

test, creo. Si estoy escribiendo mal,

¿eh? Sí, estoy escribiendo mal.

Es así. Es esto. Ay.

Vamos a poner esto. Ay, estoy mal. Estoy

hablando creo que pachotada. Esta es la

imagen y dentro de esta imagen voy a

poner acá 1 2 y acá es la test

y listo. No hay más donde perderse.

Entonces si ustedes y este es otro

proyecto de grado porque hasta ahorita

en la carrera nadie ha propuesto esto,

ni siquiera deben saber que existe.

Entonces, dentro de acá ustedes pueden

presentar de cómo pueden crear

rápidamente entornos de desarrollo que

tenga muchos procesamientos, no sé para

qué, pero la cuestión es que ustedes

pongan eso, que es como que el objetivo

de Codespace, ¿qué es? Entonces ustedes

buscar la problemática, pero acá tienen

la solución y van a ver que nosotros

esto lo vamos a levantar en 5 minutos,

no hay más donde perderse. Entonces acá

voy a volver donde dice instancias de

contenedor, le dan acá en crear

y ya sabemos primero detalles del

proyecto. Suscripción es este, bueno, el

que ustedes elijan. Grupo de recursos.

Yo voy a ponerle todo sobre el mismo que

era RG LA, no me acuerdo qué.

Ah, la 7. Listo. Y ahora sí, dentro de

acá vamos a eh

vamos a ponerle un nombre.

[suspiro]

Dentro de este nombre, nosotros le vamos

a poner acá,

por ejemplo, este

se va a llamar My Visual Studio Code/

Cloud, nada más región donde está

apuntando. Yo no me hago pedos. Después

eh habilitar zona, no voy a poner

ninguno, nada. SQ pueden poner el

estándar o el confidencial. En este caso

le voy a poner el estándar. Y acá es

donde viene el cherry de la torta,

origen de la imagen. En este caso, las

imágenes de inicios rápidos son las que

vienen predefinidas. Esas no, porque

miren, acá está que en este caso la

imagen de predefinida llama a

mcr.microso.com/asurerdogs/

así hello world eh y el último dos

puntos la test y entre la pila de

ejecución que es Linux o también lo

puedo llamar de Asure Contain Register.

En este caso, como voy a trabajar con un

Asure, digo, voy a trabajarlo con un

Docker Hub, voy a seleccionar este que

dice otro registro y acá me dice esto.

Tenga en cuenta que DockerHub ha

introducido recientemente un límite de

velocidad de extracción de imágenes de

Docker al especificar una imagen de

registro de DockerHub. Esto puede

afectar la creación de la instancia del

contenedor.

En el tipo de imagen yo le voy a poner

público. En este caso que dice ejecución

de Asures Pop con descuento, no marcan

nada. Tipo de imagen, le van a poner

público y en la imagen acá le ponen su

nombrecito. ¿Cuál nombreito era? Este,

¿se acuerdan? Este eh Codercode server.

Listo. ¿Qué más les he dicho que tienen

que poner? Dos puntitos

y la palabra la test.

Ay, La test.

Así, no se olviden. La test.

Posteriormente el tipo de sistema

operativo, el cual se va a ejecutar en

este caso es Linux. El tamaño acá

ustedes pueden cambiar el tamaño,

obviamente tiene más costo. Pueden

ponerlo un GPU y esto sirve, pues es

delicioso para hacer inteligencia

artificial. Es hermoso porque me olvido

de estar comprando número de núcle, por

ejemplo, yo acá le voy a poner tres y

tengo de esta la capacidad de 0 a 1

hasta 32. Y en memoria RAM, de la misma

manera, tengo hasta 250 GB en memoria.

Ahí lo voy a dejar tal cual. Le voy a

poner acá aceptar y le voy a dar al

siguiente paso porque en este paso

principal ya he muerto. [resoplido]

Ahora, antes de irme al siguiente paso

se preguntarán esto en qué categoría

viene en la categoría caso,

que es containers asan services o en

español contenedor como servicio.

Le voy a dar redes. ¿Quiénes van a poder

acceder a esto?

medio pueblo, solamente mi organización

o exclusivamente personas que tengan

acceso.

En este caso, yo voy a poner medio

pueblo. ¿Por qué? Porque les voy a pasar

la dirección IP pública para que usted

se conecten

y etiqueta, nombre DNS. Eso es

importante. En este caso vamos a crear

esta que es un identificador único que

yo le voy a poner el siguiente eh

el siguiente nombre que se va a llamar

best demo- profe-2026.

Y acá también es algo importante. ¿Se

acuerdan que cuando yo les he mostrado

esto, les he puesto, mejor dicho acá,

este es la dirección IP pública que yo

voy a acceder y acá es donde yo

especifico el puerto. Por defecto, en

Asure me aparece 80. Yo acá lo voy a

cambiar y lo voy a personalizar y le voy

a decir en el puerto 8080.

Tipo de protocolo TCP y listo.

Posteriormente en supervisión no pasa

nada. en opciones avanzadas. Acá es

donde yo voy a poner el password. Por

defecto se crea un password, pero

después yo tengo que buscar en los logs

qué se llama Rapá ese password.

Entonces, como yo no tengo tiempo,

bueno, yo no tengo tiempo ni vida para

contarla, ni tampoco ustedes. Acá

ustedes van a especificar el password

que van a poner. Opciones avanzadas,

marco de seguro. Sí. Y acá clave van a

poner lo siguiente. En clave van a poner

la palabra password y en valor van a

poner lo que ustedes quieran. Por

ejemplo, mi clave segura 1 2 3. Ahí

está. Pueden validar password. Mi clave

segura 1 2 3. Sí. Y listo. No hay más

donde perderse. Etiquetas. Lo dejamos

vacío. Revisar y crear. Y eso es todo.

Esto lo voy a cerrar

y le voy a dar acá en crear.

Ahora no.

Y listito. Se está empezando a hacer la

implementación. madre, ¿por qué ha

salido de error la implementación?

Ah,

[suspiro][grito ahogado]

ay, no. A ver, dice, "Ralizar la

implementación. adicionales

tal vez solamente me deja utilizar uno.

El recurso escrito fallado porque

a ver

este es el código.

A ver, voy a probar aquí.

Tal vez sea por la región, no sé.

Ah, el DNS. Ah, es que ya había un DNS

con ese nombre, pero qué cojo. Ya. Eh,

lo vamos a eliminar.

Implementación.

Sí, mi culpa. Mi culpa. Tres veces mi

culpa. Sí. Eliminar la implementación.

Ahorita vamos a eliminar todo esto. Sí,

xd. Ya, mi culpa. Aquí vamos a poner rg/

lap 7, nombre del contenedor.

Demo lo

iba a poner así. Esto está bien. Esto

está bien. Esto está bien.

¿Dónde está? Aquí.

Vamos a poner esto. Ya está público

privado, Linux. Aquí sí lo voy a dar

para que sea más rápido.

Aquí estamos. Aceptamos redes públicas.

Nombre va a ser demo cloud

DNS.

Nada. Demo cloud 2026. Y ahí no me va a

Listo. En tipo inquilino. Acá el

puerto 8080.

PCP supervisión, está bien. Opciones

avanzadas,

sí, clave. Eso sí, eso es vital. Aquí

esto es password.

Mi clave segura 1 2 3 es el valor.

Listo. Eso es todo. Revisar y crear.

Está validado y ahora sí se va a

implementar.

A ver, aquí pongo otro grupo de

recursos.

Por ahí me sale error.

Será

y ahora el error. A ver.

M.

A ver, vamos a copiar el error.

No hay resultados. Sí, porque hay que

copiar específicamente.

A ver.

A ver.

[gemido]

Sí,

sí, eso ya. ¿Qué le han respondido?

Dice, "Hola, eliminado. Eh, siguiendo

para ver la sugerencia debajo ha sido

útil.

Ah, aquí ya está. Puedes encontrar el

error.

¿Qué? Puedes encontrar el significado

del error en SQL, dice.

Ah,

pero de mí no es base de datos.

Debe sera tal vez la imagen Docker que

no me deja dos veces, maybe.

A ver.

Mm, aquí está la plantilla.

A ver, vamos a crear este Carlites, por

ejemplo,

¿no? Este voy a Ya, aquí vamos a poner

público. Ajá. Linux 3, sí, estándar, sí.

8080 demo cloud

resursos, esto, esto, estas a ver. Error

de validación dice. ¿Qué cosa me he

equivocado

acá?

¿Qué cosa tiene que ir acá?

Variable del entorno

password.

Ah, [gemido] maybe.

A ver, vamos a volver a hacerlo. A ver,

sin tuyo sí es la imagen. Esto voy a

eliminar. Sí,

ahorita voy a crear con otra imagen.

¿Dónde están ustedes? Me llegó un

mensaje.

Ya vamos a venir para acá.

Ya. A ver, instancia de contenedor.

Vamos a ir con otra imagen. Acá hay

diferentes imágenes.

A ver, una que sea parecida a esa.

Mm.

[música]

Mm.

No sé, che. ¿Cuál se los pongo?

Mm.

A ver,

a ver este.

Mm. ¿Qué hace este? Eh, es un nuevo

marco de pruebas para realizar pruebas

de extrema extremo de una web ripe. Eh,

abstrae la extracción de pasos

sencillos.

Mm.

No,

quiero que sea interesante como la que

hemos visto.

M,

web server imagen doer para eso nada.

[suspiro]

Mm. M. A ver, low coder. Ese me parece

bien.

Ah, ya.

M

a ver, esta voy a crear.

Ya. ¿Dónde estás? Aquí. ¿Dónde era esto?

Creamos

RG LA 8.

Si no es que yo estoy haciendo algún

paso mal, pero no creo.

Low,

vamos a referenciar.

Ah,

México Central.

Ya. Ninguno. SQ estándar. Imagen, otro

registro.

Ay, No es eso,

¿eh? Sí, es eso.

Así se llama.

Bueno,

no saben qué hay. Este mejor

este que me he acordado que se llamaba

de ir si no estoy mal.

Para ver tráfico. Este creo

no es el otro.

Es este creo. A ver, imagen oficial de

sistema de monitorización, contenedores

y aplicaciones de empid. ¿Quiénes somos?

Emptidata es una plataforma de

monitorizaciones de infraestructura en

tiempo real y código abierto.

Monitoriza, detecta y actúa en toda la

infraestructura.

M, ya. A ver,

vamos a poner esa imagen porque esa de

lo sé

me parece. Ya está esto que se va a

botar en Linux.

Ah, ya. Siguiente. Redes.

Este está privado. Etiqueta del DNS. Mm.

Vamos a poner, no sé,

net cloud.

Ya. Y me va a validar tipo de etiqueta

inquilino. Mm. Sí,

ya. Mm. Sí, sí. Yo que ya sepa solamente

era eso.

¿Qué más venía? Mm. Ah, puertos,

¿cierto? En este caso, para esto voy a

cambiar, voy a trabajar en el puerto

este. Tengo un puerto,

ese. Vamos a poner ese número de puerto.

Igual va a estar por TCP.

Posteriormente a eso vamos a venir por

acá. Supervisionada. Opciones. Acá

tiri.

Mm. ¿Dónde estaba? Acá.

Este era password y su valor era, profe,

1 2 3 creo es revisamos y creamos. Sí,

sí, no hay nada más.

A ver,

está validando.

Ahí está. Crear y res.

A me olvidó, jóvenes, no hemos hecho la

guerra de stickers. Ya, eso vamos a ser

el último día

cuando

eh alguien siempre le va a faltar nota.

Se está llevando la implementación, es

la imagen.

Les comparto mis dos stickers para que

se levanten los que están chiciendo. Ah,

no, tengo que enviarme

aquí. ¿Dónde estaba?

Aquí. Sí, se está implementando. Esa era

la web. Una imagen no más. Entonces, no

se puede implementar dos imágenes del

mismo en el mismo recurso.

Ya, ¿dónde están? Aquí.

Ahí está. Ya se hecho la implementación

por un demonio. Ya.

¿Dónde están? Casi envió el grupo de

docentes.

Visito Orcar. Ahí les paso mis dos

stickers.

Yo pienso que el día miércoles así van a

ser como esa rata. van a estar colgados.

Eh, ya la implementación ya está hecho.

Nos vamos a ir a recurso

y en este caso esperaremos. Y ahora sí,

este es el chiste. Aquí nosotros nos

vamos a conectar. Entonces, copiamos

nuestra dirección de IP pública. Pas,

pas. El puerto dos puntos. ¿Se acuerdan?

El puerto era 1000 y algo como fecha de

nacimiento.

Por aquí tenía escrito. Es este.

Listo. Enter. Ahora sí me va a pedir mi

querido. Ah, no, ya no me pide password.

Ah, tal vez para aquí sí, pero esto es

para temas de métricas. Es otra imagen,

es otra tarea, es otra cosa. Lo que yo

les he mostrado es para eh el tema de

que se llama esto. Aquí igual por si

acaso pueden hacer correr cosmos DV si

quieren. Eso ah que con Cosmos por un

demonio.

Ya, pero ahora lo que les voy a hacer

probar es lo siguiente. Bueno,

simplemente hecho esto por temas de para

que vean que si levanta y nada más, pero

ahora lo que quiero es esto, que ustedes

prueben el Visual Studio. Entonces, les

voy a pasar, esta es la dirección IP,

eh, van a apuntar al puerto 8080 y eso

va a valer para hoy día para la

asistencia.

Entonces, ¿dónde están? Ah, acá, ¿no? H,

sí, es esto. ¿Qué dice Wi Van Fan? Mucho

algo de qué? Mucho de algo no es bueno.

Ya. Ah, eso tengo. Eso me han mandado.

Ah, su

Yo quisiera dormir, jóvenes. Ustedes

están bien felices en sus camitas.

Dice mañana, mañana, ahorita ya es

tarde.

Ya, ya. Apuntan puerto 8080.

El password es este. Se los voy a pasar

por acá donde estaba

y quiero que entren a Visual Studio.

Depende,

¿ya? O sea, los que me han escuchado van

a poner esto, apuntan al puerto 8080, en

el password es Profe 2026 esto y van a

entrar a su Visual Studio. Dentro de su

Visual Studio van a crear un archivo,

hacen correr en la terminal y le ponen

un eco dentro de ese sue eco que pongan

su nombre, por ejemplo, acá de Carla,

Carla Vigail Mamani, por ejemplo, y le

pone eso, me lo hacen llegar acá a mi

personal.

Tas me lo envían y listo. Ay, no, su

contraseña, su compañero.

Astuatas.

Ya. Y listo.

Dudas, preguntas hasta acá. Exacto.

Usted no vino a clases.

Ay, cacho.

A ver, voy a leer por acá.

Consultas, dudas.

Ya, jovencitos.

Es, no, dice, ya es las 10. Aquí voy a

parar.

[carraspeo]

¿Dónde está esto?

Yeah.