Explore
For Enterprise
Join for Free
Log In

Arts et humanités
Business
Informatique
Science des données
Technologies de l'information
santé
Mathématiques et logique
Développement personnel
Sciences physiques et ingénierie
Sciences sociales
Apprentissage des langues
Diplômes
Certificats

Explorez l'intégralité de Coursera

Parcourir
Rechercher
For Enterprise
Connexion
Inscrivez-vous gratuitement

Ejemplo: Base Datos (Modelo Vista Presentador) 2

Loading...

Desarrollo de aplicaciones con Android

Université nationale autonome du Mexique

4.5 (219 notes) | 18K étudiants inscrits

Cours 3 de 5 dans Desarrollo de aplicaciones móviles con Android Spécialisation

Este curso te permitirá construir tu primer aplicación móvil profesional. Serás capaz de crear y controlar la vida de tus Activities y aprovechar el espacio en pantalla de los diferentes dispositivos Android implementando Fragments en tus aplicaciones. Dale persistencia a tu información utilizando todas las formas de almacenamiento que hay en Android desde un único archivo hasta una Base de Datos. Podrás evaluar lo aprendido por medio de ejercicios prácticos que te permitirán ir desarrollando tu aplicación.

Visualiser le programme de cours

Compétences que vous apprendrez

Android Studio, Database (DBMS), Android Software Development, Material Design

Avis

4.5 (219 notes)

5 stars
159 ratings
4 stars
32 ratings
3 stars
14 ratings
2 stars
5 ratings
1 star
9 ratings

AG

Aug 22, 2017

Excelente Curso, realmente aprendes a desarrollar aplicaciones en Android, las explicaciones son muy buenas y entendibles. 100% recomendado

VV

Jul 11, 2019

Excelente Curso de Desarrollo de aplicaciones con Android. Ayuda mucho ha ver como esta constituido las apps de las plataformas de Android.

À partir de la leçon

Almacenamiento

En este modulo conocerás todas las formas de almacenamiento interno que puedes utilizar en Android, es muy importante que las aprendas pues así lograrás que tus aplicaciones trabajen en modo off-line la mayor cantidad de tiempo posible, es decir, que estas puedan seguir funcionando sin necesidad de estar conectadas a internet.

Tipos de almacenamiento0:45

Ejemplo: FileIO19:51

Shared Preferences2:58

Ejemplo: Shared Preferences23:03

Base de Datos3:03

Ejemplo: Base Datos (Modelo Vista Presentador) 120:26

Ejemplo: Base Datos (Modelo Vista Presentador) 231:04

Ejemplo: Creación y Consulta Base de Datos46:46

Ejemplo: Insertando Like a Base de Datos26:58

Dedugging DB por terminal2:10

Ejemplo: Debugging Base de Datos18:35

Content Provider2:22

Ejemplo: Content Provider Permisos22:04

Ejemplo: Content Provider Consulta31:50

Enseigné par

Anahi Salgado
Anahi Salgado. Android Certified Application Developer, programadora, capacitadora y conferencista.

Transcription

[MUSIC]

Ok, pues precisamente vamos a hacer eso.

Vamos a llevarnos estos métodos, vamos a llevarlos a nuestra interfaz.

Y entonces primeramente voy a estar definiendo por aquí mi método public void.

Primeramente vamos a poner generarLinearLayoutVertical.

Recuerda que en este método vamos a estar implementando todo lo que tenemos por acá.

La parte que nuestro recycler view se ha mostrado en un linear layout

y además en forma vertical.

Vamos a tener un segundo método, que este método también va hacer público.

Y lo que nos va a devolver este método va hacer un contacto adaptador,

un adaptador de contacto, y se va a llamar

crear crearAdaptador,

le vamos a poner que va a recibir a partir de una lista de contactos.

Lo que hará este método es generarnos un adaptador.

Básicamente este método hará lo que nosotros tenemos por aquí.

Esta línea que está aquí recibe

la lista de contactos y nos genera un adaptador.

Nuestro siguiente y último método

que tendremos en esta interfaz será

inicializar adaptador del Recycler View.

En este método vamos a estar recibiendo nuestro adaptador, ContactoAdaptador,

y estaremos devolviendo aquí vamos a colocar un void.

Y entonces lo que nosotros estaremos haciendo será

precisamente pasando el adaptador, ésta línea de código que esta aquí,

pasándole el adaptador al Recycler View.

Muy bien.

you tengo listo aquí mi interfaz.

Si observas está viviendo en el mismo package del fragment del controlador.

Y entonces vamos a empezar a trabajar con esos códigos.

Lo primero que tengo que hacer es ahora aquí en mi RecyclerViewFragment,

tengo que implementar la interfaz que acabo de crear.

Entonces vamos a poner implements IRecyclerViewFragment.

Y si quisieras hacerlo también generar un modelo vista presentador, también lo

tendrías que hacer para el caso de perfil fragment o para el caso de otra actividad.

Para cada entidad que estamos manejando tenemos que estar generando

un modelo vista presentador propio.

Entonces voy a darle aquí un alt enter que me va a pedir que implemente los métodos.

Le voy a decir que esos tres métodos los implemente.

Y entonces me dice, primero, generarLinearLayoutVertical, muy bien.

Básicamente ésto que tengo aquí, lo voy a cortar

y lo implementaré aquí en mi método, generarLinearLayoutVertical.

Bien, ahora, para el adaptador, básicamente lo que tengo

aquí lo vamos a cortar y lo vamos a poner por acá.

Simplemente ahora ésto pues

va a desaparecer porque ahora lo vamos a poner aquí.

Y entonces este método you se puede ir yendo.

Todavía nos falta una línea, vamos a dejarlo tantito ahí.

Y este adaptador es lo que vamos a estar devolviendo.

Perfecto.

Ahora nos falta éste, inicializarAdaptador.

InicializarAdpatador será exactamente lo que dice en esta línea,

vamos a cortarla y la pegamos aquí.

Ahora sí podemos llevarnos, podemos quitar esta línea.

Vamos a quitar esta línea que está acá,

también ésto que tenemos por aquí, you no lo necesitamos.

Y listo, con que tenga por el momento estas dos líneas,

es decir mi RecyclerView declarado y tenga yo por aquí este devolviendo

el view inflado, con eso es suficiente.

Vamos a ver qué está pasando, nos está marcando un error.

El error que nos está marcando es precisamente porque como añadimos a nustro

POJO, a nuestro contacto en el método constructor,

el atributo de likes pues nos está solicitando una cantidad.

Entonces este métodos por el momento lo vamos a comentar,

puesto que en algún momento de nuestra aplicación lo vamos a estar necesitando.

Entonces hasta aquí es todo lo que necesitamos.

Hemos creado, tan sólo la vista.

La primera parte del modelo vista presentador,

tan sólo hemos creado la vista para RecyclerViewFragment.

Éste es su ViewModel.

Ahora vamos a crear el presentador.

Para ésto vamos a crear un nuevo Package y le vamos a poner presentador.

En este Package van a a estar concentrados todos

los presentadores de nuestro proyecto.

Entonces lo primero, este presentador se va a componer de dos elementos.

El primero, una interfaz donde voy a tener como aquí también lo tengo, como lo acabo

de hacer, donde voy a tener definidos todos los métodos de mi presentador.

El objetivo del presentador es únicamente estar noficando y únicamente

estar fungiendo como un intermediario entre todas las acciones de la vista.

Y en este caso, para este ejercicio, y todas las acciones de la base de datos.

Entonces el presentador nos va a ayudar a que la capa de base

de datos se mantenga o la capa de datos se mantenga aislada de la vista.

Es decir que los datos no estén aquí en este archivo, sino que estén aislados.

Para que de esta forma si mi base de datos,

si hoy está manejando una base de datos, bueno, esa capa está aislada.

Pero si mañana esos datos los estoy manejando a través de un webservice,

gracias a que esa capa está aislada yo de una forma muy sencilla puedo estar

cambiando la fuente de datos.

Entonces vamos a crear aquí en el presentador

una interfaz donde vamos a tener definidos los métodos clave

que me van a ayudar a estar manejando la interacción con la base de datos.

Que básicamente será nuestro método obtener contactos de la base de datos.

Recuerda que ahora nuestros contactos you no van a estar hardcodeados,

o you no van a ser datos dummy, sino los datos los vamos a traer aquí de una tabla.

Y además, una vez obtenidos los datos,

tenemos que mostrarlos en un RecyclerView.

Entonces eso va a tener definido mi interfaz y necesitaré

además una clase que tenga implementada esa interfaz,

donde en esa clase pues voy a estar definiendo lo que va a hacer cada método.

Entonces aquí en el presentador vamos a crear primeramente nuestra interfaz.

Recuerda que este ejemplo lo estoy haciendo únicamente para

RecyclerViewFragment.

Vamos a seleccionar aquí interfaz.

Y vamos a escribir iRecyclerViewFragmentPresenter.

Ésta será nuestra interfaz.

Vamos a colocar public void.

Nuestro primer método es obtenerContactosBaseDatos.

Este métodos podría llamarse de una forma más general,

a lo mejor obtener contactos, así de forma general.

Pero en este caso le estamos llamando de la base de datos.

Le vamos a poner otro que sea mostrar contactos en un recycler view.

Muy bien, you tengo definidos mis métodos, ahora vamos a crear nuestra clase.

Nuestra clase se va a llamar,

sin la i,solamente recyclerViewFragmentPresenter.

Básicamente el mismo nombre de la interfaz pero sin la i.

Entonces lo que haremos aquí será implementar la interfaz que

acabamos de crear.

IRecyclerViewFragment.

Vamos a implementar los métodos que nos está solicitando.

Y le decimos que sí, que los implemente esos tres, perfecto.

Y además necesitaremos por aquí, un constructor.

Voy a dar comand n.

Por aquí se nos escondió la ventana pero aquí está.

Vamos a darle un command n, y vamos a decirle que un constructor.

Un constructor que va a estar recibiendo

una instancia de la interfaz que acabamos de hacer para la parte del modelo.

Una instancia del modelo.

IRecyclerViewFragment.

Y también el contexto,

que es un objeto que necesitamos la mayoría del tiempo para estar

mostrando mensajes o para estar pasando contextos entre las actividades.

Entonces aquí arriba voy a declarar.

Voy a hacer esto un poco más grande para que se vea mejor.

Voy a declarar precisamente pues estos dos objetos.

De forma global, para que cuando yo esté instanciando pueda pasarle los datos y

pueda estar inicializando las variables de una forma completa.

Entonces vamos a colocar private IRecyclerView, así.

Y también un private para mi contexto.

Context, listo.

Punto y coma.

Vamos a poner aquí this.iRecyclerView = iRecyclerView.

Y acá la misma, compara context.

Punto y coma.

Muy bien.

Entonces vamos a manejar esta parte de generarLinearLayoutVertical.

Y aquí yo me he equivocado, he implementado los métodos del view,

en realidad deben ser los métodos del presentador.

Entonces Vamos a quitar estos métodos.

Deben ser los métodos de la interfaz presentador, la que corresponde a ésta,

a la clase.

Entonces vamos a quitar éste.

IRecyclerViewPResenter, éste es el que buscamos.

Entonces implementamos nuestros métodos.

Listo.

Entonces obtener contactos de la base de datos.

Aquí está y también mostrar contactos en un RecyclerView.

Ok, entonces estos métodos todavía no los voy a estar implementando, todavía no.

Puesto que, todavía no tengo listo mi modelo de base de datos, todavía

no tengo lista aquella clase que va a estar trabajando para estar conectándose

a la base de datos y bueno, para estar trabajando con los datos en general.

Entonces lo primero que haré es precisamente trabajar ahora el modelo.

Entonces voy a dejar estos métodos por aquí,

así simplemente sobrescritos, todavía no los voy a implementar.

Y vamos a generar un nuevo package, le vamos a dar db.

Y en ese Package db va a estar toda la lógica de la base de datos.

Entonces lo primero que voy a crear aquí va a ser una clase.

Una clase que le voy a llamar mi constructor de contactos.

Esta clase todo el tiempo va a esta ayudándome a construir

los diferentes contactos que necesite en ese momento,

o las diferentes vistas de contactos que necesite en ese momento.

Entonces aquí no tenemos que implementar nada.

Esta clase que tenemos por aquí,

en algunas fuentes le llaman el interactor.

Que es como una clase intermedia que está interactuando o está sirviendo de

intermediario y con la clase que directamente consulta la base de datos.

Entonces, esta clase que está aquí es mi clase clave.

Esta clase es la clase clave para

poder estar switcheando en algún momento dado la fuente de datos,

si en un momento es la base de datos, y en otro momento es un webservice.

Yo necesito declarar por aquí estándares.

Entonces antes de comenzar con mis estándares voy a declarar un constructor.

Y voy a colocar un contexto.

Un contexto.

Y el contexto lo voy a estar pasando también a través de este constructor.

Me trae contacto en vez de contexto.

Ahí está, contexto.

Listo. Hacemos nuestro this, this.context.

Igual a context.

Ok, perfecto.

This.context igual a context.

Entonces el primer método que voy a trabajar aquí,

va a ser el método obtener los datos.

Entonces mi primer estándar es que no importa de dónde yo obtenga los datos.

Siempre los datos deben venir en un array list, siempre deben venir en un arreglo,

en un array list, una colección de objetos contacto.

Entonces voy a definir mi método obtener datos,

pero este método debe devolver un array list de contactos.

Vamos a poner obtenerDatos,

así, listo.

Entonces yo aquí, pues todavía no vamos a manejar la conexión de la base de datos.

Entonces podríamos hacer, como a manera de ejemplo,

los datos dummy que teníamos en nuestro RecyclerView que habíamos comentado.

Tenemos acá está en el RecyclerViewFragment,

estos que están aquí que decía inicializar datos.

Entonces esto es lo que a mí me sirve,

es lo que a mí me funciona para construir un RecyclerView.

Y entonces lo puedo poner como datos dummy por el momento.

Entonces puedo aquí estar manejando mi ArrayList de contactos.

Y simplemente hacer un return de contactos, punto y coma.

Listo.

Aquí me dice que algo sucede con drawable y ahorita revisamos.

Necesitamos poner los likes.

Únicamente pues vamos a poner unos likes a manera de, recuerda que son datos dummy.

Este va a tener cinco,

este va a tener tres, este va a tener ocho, este va a tener nueve.

Listo.

Vamos a hacer un rebuild,

que se vuelva a construir el

proyecto para que pues esta R you no aparezca así roja.

Aquí me dice que el recurso no existe.

Vamos a ver donde está.

R.drawable.

Y sí, en efecto no nos está reconociendo R.

Lo que haremos será comentar esto,

así, y de nuevo hacer un rebuild.

A veces sucede que se nos ensucia un poco nuestro archivo R y eso es muy peligroso.

Entonces tratamos de primero comentamos los errores para que cuando compile no

compile con errores.

Y después entonces you procedemos a hacer la inserción R.drawable.

Punto.

Y el que teníamos aquí era candy_icon, ahí está.

Listo.

Entonces vamos a ver si los demás you.

you está, perfecto.

Ahí está, recuerda que son datos dummy,

por aquí vamos a quitar esto que teníamos para comentar.

Listo, esto es lo que va a hacer obtenerDatos.

Ahora, vamos a donde estábamos por acá.

Entonces hasta el momento pues va a decir aquí obtener

contactos de la base de datos.

Y entonces pues vamos a hacerle creer que los contactos que

está obteniendo son efectivamente de la base de datos.

Pero bueno, sabemos nosotros que estos pues son datos dummy.

Entonces para hacer esto vamos a generar

un objeto de nuestro constructor.

Entonces ese objetito de constructor lo vamos a poner global arriba.

Y vamos a poner private constructorContactos.

Y aquí vamos a poner constructorContactos aquí lo vamos a instanciar,

igual a new ConstructorContactos.

Nos va a estar solicitando el contexto,

aquí está, es el contexto que estamos recibiendo por aquí.

Y vamos a hacer

constructorContactos.obtenerDatos.

Esto obtenerDatos va a estar devolviéndonos un ArrayList, ¿recuerdas?

Un ArrayList de contacto.

Entonces yo necesito pues estar

almacenando estos contactos en un ArrayList.

Entonces vamos a declarar por aquí mi ArrayList de contactos.

Y ahorita vas a ver para qué lo necesitamos.

Entonces contactos, vamos a ponerle aquí contactos

se inicialice con lo que traiga mi constructor de contactos.

Aquí pareciera que está muy rebuscado.

Pero en realidad esta es la parte donde separamos

la fuente de los datos con la presentación de los datos.

Entonces esto simplemente me va a ayudar a poder

presentar los datos de una forma más sencilla.

Entonces voy a implementar mi método mostrarContactos.

Y lo voy a mostrar a través de mi objeto iRecyclerViewFragmentView,

que lo tengo por ahí.

Le voy a decir .inicializarAdaptador.

Aquí lo que estoy haciendo es,

recuerda que tenemos que mostrar los contactos en el RecyclerView.

Primeramente necesitamos inicializar el adaptador.

Y para inicializar el adaptador necesito crear un adaptador.

El adaptador se crea a partir de un ArrayList contactos.

Entonces lo que yo tendría que hacer para que esto

tuviera secuencia es este método estarlo llamando

después de que los datos dummy se hayan traído.

Entonces lo que sucede es que primero los datos dummy se rellenan,

se rellena el ArrayList de contactos.

Se asigna aquí a este objeto global,

a esta colección de lista global, se asigna aquí.

Y llamamos este método que estará inicializando nuestro RecyclerView.

Y entonces aquí para crear el adaptador recibe la lista

que previamente you se llenó acá.

Crea nuestro adaptador y finalmente el adaptador se lo pasa

a inicializar adaptador.

Que contiene pues toda la parte de asignar los datos al RecyclerView.

Entonces inicializarAdaptador, recuerdas acá lo tenemos en RecylcerView,

aquí está, inicializarAdaptador.

Aquí dice setAdapter, se lo pone al RecyclerView directamente.

Perfecto.

you hemos colocado, you hemos terminado con nuestro presentador.

Y entonces únicamente nos faltaría

terminar nuestra capa de datos, nuestro modelo.

Entonces recapitulando, hemos hecho a partir de este fragment

que teníamos en modelo mvc, lo hemos transformado ahora a un view model.

Con ayuda de una interfaz hemos definido todos los métodos,

los hemos separado, los hemos definido en la interfaz.

Y hemos creado un presentador que todo gira en torno de esta clase.

Entonces un presentador donde estamos definiendo dos métodos clave,

obtener contactos de la base de datos y mostrar los contactos de la base de datos.

Estos métodos los estamos implementando en una clase que creamos,

que tiene un nombre parecido, un nombre similar.

Se llama fragmentPresenter.

RecyclerViewFragmentPresenter.

Y ahí estamos definiendo los datos que básicamente lo que está haciendo es

extraer los datos de alguna fuente y mostrarlos en nuestro RecyclerView.

Entonces hasta ahorita hemos hecho ViewModel y presentador.

Hemos hecho una conexión de una fuente de datos X.

En este caso nuestra fuente de datos es una fuente de datos dummy.

Y entonces estamos mostrando los de datos en un presentador.

Si nosotros corremos nuestra aplicación,

podríamos ver you tan solo los datos dummy.

Vamos a correrlos, está compilando.

Y bueno, en este momento todavía no estamos viendo nada porque en

nuestra clase RecyclerViewFragment, en nuestro método onCreateView,

pues en ningún momento estamos mandando llamar nuestro presentador.

Vamos a declarar un presentador, private.

Y vamos a decir IRecyclerView.

Necesita tener una instancia de la interfaz RecyclerViewFragmentPresenter.

Y le vamos a decir presenter.

Y aquí en presenter vamos

a instanciarlo con la clase RecyclerViewPresenter.

Donde le vamos a estar pasando this, el RecyclerViewFragmentView y el contexto.

Vamos a decir aquí getContext.

Ahora sí, con esta instancia que you está colocada en el método onCreateView,

automáticamente todo lo que está definido en el presentador.

Si hacemos como un retroceso lo que sucede es que empieza

a construirse el objeto presentador a partir de aquí.

Entonces se reciben estos datos automáticamente

si ejecuta el método obtener contactos de la base de datos.

Entonces empieza a actuar nuestro constructor de contactos.

Nuestro constructor de contactos va a una fuente de datos y obtiene los datos,

nos los trae en un arreglo.

Y entonces con nuestro método mostrar contactos del RecyclerView estamos

insertando los datos en el RecyclerView.

Entonces todo va como en cadenita.

Vamos a correr esto de nuevo y aquí esperamos ver you nuestro RecyclerView.

Ahorita no hemos definido la fuente de datos,

la fuente de datos es una fuente de datos dummy.

A continuación vamos a estar recibiendo la fuente de datos.

Bien, entonces vamos a ver qué sucede.

Y claro, parece ser que necesitamos aquí

nuestro presentador.

Llamar al método obtener contactos de la base de datos.

Lo corremos de nuevo, vamos otra vez.

Parece ser que también nos faltó algo más.

Es muy bueno estar debuggeando de esta forma para estar previniendo

errores en un futuro.

Y lo que nos falta también por acá es estar definiendo en nuestro

método mostrarContactos de qué forma queremos ver el RecyclerView.

Si no hacemos esto pues nuestro RecyclerView no se va a mostrar,

por eso no lo estamos mostrando.

Entonces vamos a poner IRecyclerView y vamos a poner por

aquí generar un RecyclerView con un LinearLayoutVertical.

Y sí, por eso es que no estamos viendo nuestro RecyclerView.

Porque no le hemos colocado de qué forma queremos mostrarlo.

Entonces vamos a correr nuestro proyecto.

Aquí está.

Y está tronando, vamos a ver qué pasó.

Y por aquí nos está lanzando un null pointer exception, dice que no se puede

invocar TextView porque el objeto trae un valor nulo como referencia.

Vamos a ver quién nos está trayendo un valor nulo como referencia,

que lo que está referenciando aquí viene nulo.

Vamos a ver nuestra clase anidada, aquí está ContactoViewHolder.

TvLikes y ok.

Entonces lo que está pasando es que, aquí en vez de tvTeléfono debería ser tvLikes.

Vamos a guardarlo y vamos a correr esto de nuevo.

Entonces en ningún momento tvLikes se estaba instanciando.

Y entonces por eso estábamos almacenando una referencia nula.

Y entonces you no deberíamos tener ningún problema,

deberíamos you ver nuestra lista de contactos de nuestros datos dummy.

Vamos a ver.

Y listo, aquí están you nuestros contactos.

Perfecto, están nuestros contactos dummy.

Si revisamos en contraste de lo que creamos

de los datos dummy, aquí está, tenemos Anahí Salgado que tiene cinco likes.

Aquí está, estos datos que pusimos aquí son los mismos que estamos viendo por acá.

Si accesamos a alguno de los elementos pues todos los elementos funcionan.

Se está mostrando el teléfono, el correo electrónico de cada elemento.

El botón de like también funciona respectivamente para cada contacto.

Perfecto. Entonces con esto you tenemos aislada

la capa de los datos.

you tenemos implementado nuestro modelo vista presentador.

Lo único que nos faltaría ahora será configurar

toda la parte de nuestra base de datos.

Entonces eso lo veremos en nuestro siguiente video.

[MUSIC]

Explorer notre catalogue

Rejoignez-nous gratuitement et obtenez des recommendations, des mises à jour et des offres personnalisées.

Coursera propose un accès universel à la meilleure formation au monde, en partenariat avec des universités et des organisations du plus haut niveau, pour proposer des cours en ligne.

© 2019 Coursera Inc. Tous droits réservés.

Télécharger dans l'App Store

Disponible sur Google Play

Coursera
À propos
Direction
Carrières
Catalogue
Certificats
Certificats MasterTrack™
Diplômes
For Enterprise
For Government

Communauté
Learners
Partners
Developers
Beta Testers
Translators

Se connecter
Blog
Facebook
LinkedIn
Twitter
Instagram
YouTube
Blog Tech

Plus
Conditions
Confidentialité
Aide
Accessibilité
Presse
Contact
Répertoire
Filiales