Mapas en Apple Watch tutorial

Loading...

來自 Tecnológico de Monterrey 的課程

Desarrollo de Aplicaciones iOS - Proyecto Final

10 個評分

Tecnológico de Monterrey

Desarrollo de Aplicaciones iOS - Proyecto Final

10 個評分

課程 5（共 5 門，Specialization iOS 应用开发）

Este proyecto te permitirá crear una aplicación para iOs que pueda ser adaptada para muchas situaciones en las que se requieren varios servicios (ejemplo: escuelas, ciudades, museos, parques de diversiones, etc.). También te permitirá desarrollar la habilidad de consultar otras fuentes, tan necesaria en la creación de software debido al constante cambio de las herramientas. A lo largo del proyecto estarás trabajando con el software Swift, el cual estuviste aprendiendo a utilizar durante el desarrollo de los 4 cursos. Esperamos te diviertas y te hayamos ayudado a convertirte en un desarrollador para iOs consolidado.

從本節課中

Redes sociales

Actualmente la comunicación a través de redes sociales mediante dispositivos móviles es altamente utilizada, los usuarios móviles viven conectados con el resto del mundo a través de Facebook o Twitter. En este módulo aprenderemos la forma de poder comunicar contenido desde una app en iOS hacia las redes sociales usadas por el usuario. Así un usuario podrá enviar mensajes a sus amigos a través de sus redes sociales comunicando las acciones realizadas desde la app. Finalmente, se detalla la forma de usar mapas en el dispositivo de muñeca Apple Watch lo que permite al usuario ubicar puntos interesantes dentro de una área geográfica.

Redes sociales introducción3:39

Redes sociales tutorial11:59

Aplicación en el iPhone3:30

Mapas en Apple Watch3:22

Mapas en Apple Watch tutorial8:27

Aplicación sobre el dispositivo reloj8:33

與講師見面

Dr. David Alejandro Escárcega Centeno
Profesor Titular
Tecnologías de Información y Computación
Dr. Víctor Manuel de la Cueva Hernández
Profesor Titular
Tecnologías de Información y Computación
Dr. Rafael Lozano Espinosa
Profesor Titular
Tecnologías de Información y Computación
Dr. José Martín Molina Espinosa
Profesor Titular
Programas de Posgrado en Tecnologías de la Información

[MÚSICA] [MÚSICA] Hola, ¿qué tal?

Bienvenido.

Pues es la hora de que, ahora,

pasemos al ejercicio de la aplicación del mapa en nuestro Apple Watch.

Eh, voy a mostrar cómo podemos crear un proyecto, eh,

nuevo, en este caso, este, donde vamos a jalar el widget del mapa

y poder mostrar una imagen de, del mapa,

y además algunos trucos para hacerlo interactivo, para que el usuario pudiera

utilizar su Apple Watch para ubicarse con respecto a algunos pines que pudieran ser,

por ejemplo, sitios arqueológicos o sitios de interés.

Ahí vamos a hacerlo en Xcode.

Muy bien, pasemos ahora a lo que sería el ejercicio de poner los mapas en el,

en el Apple Watch.

Entonces, voy a crear un nuevo proyecto y voy a utilizar la aplicación,

que es para el WatchKit App, y le voy a poner mapas proyecto.

Eh, este, voy a cuidar que no tenga aquí ni identificaciones, ni vistazos,

ni complicaciones, ni pruebas.

Y, eh, lo grabo y ahora voy a estar utilizando

lo que es el lienzo del reloj, no el lienzo del iPhone.

Voy a tener un mapa y, eh, y además voy a tener un slider

que me va a permitir darle una interactividad a ese mapa.

Pero necesito, pues, los outlets necesarios para que esto se

pueda comportar o hacer la programación.

Toco el mapa, voy a jalar y necesito un outlet que se llame mapa y,

por otro lado, para este, necesito una aplicación, un, un,

una acción que se llame hacer zoom.

Entonces, con esto ya voy a poder irme a lo que es mi vista.

Y tengan mucho cuidado,

porque esto está en la extensión, que es donde ya voy a poder programar.

Ahora lo que necesito hacer es ir a, a lo que es, eh, mi método AwakeWithContent,

eh, WithContext, eh, sobre la cual voy a empezar a programar.

Bueno, lo primero que necesito es un punto donde, a partir del cual yo pueda utilizar

para, ya sea para centrar mi mapa, o ya sea para por ejemplo poner una anotación.

Entonces, necesito una instancia DSLLocationCoordinate 2D

y sobre este, pues necesito lo que es, eh,

la latitud y la longitud de un punto que me sea interesante en el mundo.

Para eso, yo ya calculé previamente lo que son las coordenadas

de el Tec de Monterrey, en el Campus de la Ciudad de México, y ustedes pueden

seleccionar, eh, pues unas coordenadas pues, de, de algún punto interesante.

Para que no se vea todo el mapa del continente o del país,

pues necesito definir lo que es una región y, eh,

eso lo voy a hacer a través de esta variable,

que, de hecho, la voy a hacer constante, y esta clase,

que se llama MKCoordinateRegion, sobre la cual le voy a decir que está centrado en

este punto, y además que tiene una amplitud de 0.05 grados.

1 grado me representa, más o menos, eh,

un 111 kilómetros más o menos, entonces tengo que poner números urgentemente

pequeños para que el mapa sea, eh, digamos útil para una persona digamos ya,

eh, que lo está utilizando y que quiere ver solo una región muy pequeña.

Sobre el mapa, para que solamente muestre esta región, es tan fácil como ponerle

el método de Set Region, que me va a permitir pues nada más decirle que

me muestre esta región, que no me muestre todo el mapa de todos los continentes.

Y, por otro lado, si yo quiero agregar una anotación o una bandera,

pues solamente tengo que, eh, invocar el método de agregar anotación,

sobre la cual necesito ponerle en dónde quiero poner esa localización,

esa ese, esa bandera.

Recuerden que solamente se pueden poner, más o menos,

hasta 5 más o menos por el tamaño, de lo que es el dispositivo.

En este caso le voy a poner, pues lo que es el Tec y me pide ahora un color,

y ese color va a ser, en este caso puedo escoger entre el verde, eh,

el rojo o el morado.

Entonces, voy a seleccionar el morado, y aquí ya lo tengo.

Esto yo ya lo puedo ejecutar, este, en, en lo que es mi,

mi, eh, mi simulador, eh, lo voy a seleccionar aquí,

y voy a anotar, eh, este, debido a los cambios que ha habido en Xcode,

y documentado en los foros, pues hay un problema al momento de que este código

se ejecuta, ya que no aparece lo que es la foto del mapa,

solamente aparece, en este caso, la anotación o la bandera.

Pero en un momento más cuando muestre que esto, eh,

en la ejecución en dispositivo real, sí funciona correctamente,

pues van a darse cuenta pues que sí, sí se puede realizar.

Como había comentado, si yo hago clic por ejemplo, sobre el pin,

o sobre el área de lo que es el mapa, pues ahí lanza lo que es el aplicativo

o la aplicación, de la utilización del mapa en el Apple Watch.

Muy bien, ahora he bajado nuestro, nuestra aplicación,

que la hemos desarrollado, al dispositivo, y lo que vamos a tener ahora, pues bueno,

sigue siendo el pin que nos marca dónde está el Tecnológico de Monterrey,

pero ahora, cada vez que yo toco, eh, sobre el slider, pues mando,

puedo mandar, un nuevo valor que, este,

precisamente, hace una nueva región, y se muestra una nueva foto,

y esto me da la apariencia como si estuviera haciendo un acercamiento, o sea,

un zoom in, y entonces, aquí, vuelvo a tocar, y eso me va dando

un valor mayor en el número de grados que yo hago en la latitud y en la longitud,

y, pues, pareciera como si estoy haciendo un alejamiento de mi mapa.

Si, por el caso contrario, si yo empiezo a decrementar, eh, lo que es el valor

del slider, pues entonces parece ser que estoy haciendo, eh, un acercamiento.

Y, entonces, de esta manera, yo puedo jugar para dar la apariencia

de que estoy haciendo acercamientos o alejamientos sobre el mapa,

cuando en realidad lo que estoy haciendo es, eh, que este control,

que es el slider, está asociado a una función

que crea nuevas regiones para el mapa que yo presento.

Entonces, el mapa realmente tiene una funcionalidad reducida,

porque solamente presenta imágenes estáticas, sin interacción, y,

donde puedo poner anotaciones o banderas, pero gracias a este truco de programación,

pues vamos a poder tener un slider con capacidad de

poder crear nuevas regiones que nos dan esa apariencia de interacción en el mapa,

de alejamiento y de acercamiento.

Bueno, esta es la manera en como puedes construir aplicaciones

en donde puedes desplegar mapas que, a pesar de que son fotos estáticas,

le dan la sensación al usuario de que puede tener un mapa en su muñeca.

Antes de irme,

quisiera dejarte esta pequeña pregunta que nos va a ir apoyando a tu aprendizaje.

Espero que tu respuesta haya sido correcta,

y sobre todo espero verte en el próximo video.

[MÚSICA]

探索我們的目錄

免費加入並獲得個性化推薦、更新和優惠。

Coursera 致力於普及全世界最好的教育，它與全球一流大學和機構合作提供在線課程。

© 2019 Coursera Inc. 保留所有權利。

通過 App Store 下載

通過 Google Play 獲取