Developing a Fan Made Version Of My University's App

(Spanish version / versión en español)

Transcript

1. Developing a Fan Made Version Of My University’s App Bruno Aybar
 @brunoaybarg https://medium.com/@bruno.aybar/developing-a-fan-made-version-of-my-universitys-app-9eec3baafcd3
2. Un poco de contexto…
3. UPC Móvil UPC Móvil
4. UPC Móvil x
7. Problemas • Ya no se podía ver el horario de clases • No se guardaba la sesión, ni había una opción de guardar credenciales • Muy lenta. Cualquier acción hacía que el app recargue por completo • La navegación era muy complicada
10. Phase 1: The Dirty Work ?
11. Phase 1: The Dirty Work • Ingeniería inversa: decompilación del APK
 http://www.javadecompilers.com/apk

12. Phase 1: The Dirty Work • Ingeniería inversa: decompilación del APK
 http://www.javadecompilers.com/apk

13. Phase 1: The Dirty Work • Web services descubiertos: @POST("Autenticarp2")
 Observable<LoginResponse> login(..);
 
 @GET("Horario/")
 Observable<TimetableResponse> getTimeTable(..); @GET("CursoAlumno/")
 Observable<CourseListResponse> getCourses(..); @GET("Nota/")
 Observable<CourseResponse> getCourseDetail(..); @GET("Inasistencia/")
 Observable<AbsencesResponse> getAbsences(..); @GET("Companeros/")
 Observable<ClassmatesResponse> getClassmates(..); @GET("PagoPendiente/")
 Observable<PaymentsResponse> getPayments(..); @GET("RecursosDisponible/")
 Observable<ReserveAvailabilityResponse> getReservesAvailability(..); @GET("Reservar/")
 Observable<ReserveResponse> reserveResource(..);
14. Phase 1: The Dirty Work • Web services descubiertos: @POST("Autenticarp2")
 Observable<LoginResponse> login(..);
 
 @GET("Horario/")
 Observable<TimetableResponse> getTimeTable(..); @GET("CursoAlumno/")
 Observable<CourseListResponse> getCourses(..); @GET("Nota/")
 Observable<CourseResponse> getCourseDetail(..); @GET("Inasistencia/")
 Observable<AbsencesResponse> getAbsences(..); @GET("Companeros/")
 Observable<ClassmatesResponse> getClassmates(..); @GET("PagoPendiente/")
 Observable<PaymentsResponse> getPayments(..); @GET("RecursosDisponible/")
 Observable<ReserveAvailabilityResponse> getReservesAvailability(..); @GET("Reservar/")
 Observable<ReserveResponse> reserveResource(..);
15. Phase 1: The Dirty Work • Web services descubiertos: @POST("Autenticarp2")
 Observable<LoginResponse> login(..);
 
 @GET("Horario/")
 Observable<TimetableResponse> getTimeTable(..); @GET("CursoAlumno/")
 Observable<CourseListResponse> getCourses(..); @GET("Nota/")
 Observable<CourseResponse> getCourseDetail(..); @GET("Inasistencia/")
 Observable<AbsencesResponse> getAbsences(..); @GET("Companeros/")
 Observable<ClassmatesResponse> getClassmates(..); @GET("PagoPendiente/")
 Observable<PaymentsResponse> getPayments(..); @GET("RecursosDisponible/")
 Observable<ReserveAvailabilityResponse> getReservesAvailability(..); @GET("Reservar/")
 Observable<ReserveResponse> reserveResource(..);
16. Phase 1: The Dirty Work • Web services descubiertos: @POST("Autenticarp2")
 Observable<LoginResponse> login(..);
 
 @GET("Horario/")
 Observable<TimetableResponse> getTimeTable(..); @GET("CursoAlumno/")
 Observable<CourseListResponse> getCourses(..); @GET("Nota/")
 Observable<CourseResponse> getCourseDetail(..); @GET("Inasistencia/")
 Observable<AbsencesResponse> getAbsences(..); @GET("Companeros/")
 Observable<ClassmatesResponse> getClassmates(..); @GET("PagoPendiente/")
 Observable<PaymentsResponse> getPayments(..); @GET("RecursosDisponible/")
 Observable<ReserveAvailabilityResponse> getReservesAvailability(..); @GET("Reservar/")
 Observable<ReserveResponse> reserveResource(..);
17. Phase 1: The Dirty Work • Web services descubiertos: @POST("Autenticarp2")
 Observable<LoginResponse> login(..);
 
 @GET("Horario/")
 Observable<TimetableResponse> getTimeTable(..); @GET("CursoAlumno/")
 Observable<CourseListResponse> getCourses(..); @GET("Nota/")
 Observable<CourseResponse> getCourseDetail(..); @GET("Inasistencia/")
 Observable<AbsencesResponse> getAbsences(..); @GET("Companeros/")
 Observable<ClassmatesResponse> getClassmates(..); @GET("PagoPendiente/")
 Observable<PaymentsResponse> getPayments(..); @GET("RecursosDisponible/")
 Observable<ReserveAvailabilityResponse> getReservesAvailability(..); @GET("Reservar/")
 Observable<ReserveResponse> reserveResource(..);
18. Phase 1: The Dirty Work • Web services descubiertos: @POST("Autenticarp2")
 Observable<LoginResponse> login(..);
 
 @GET("Horario/")
 Observable<TimetableResponse> getTimeTable(..); @GET("CursoAlumno/")
 Observable<CourseListResponse> getCourses(..); @GET("Nota/")
 Observable<CourseResponse> getCourseDetail(..); @GET("Inasistencia/")
 Observable<AbsencesResponse> getAbsences(..); @GET("Companeros/")
 Observable<ClassmatesResponse> getClassmates(..); @GET("PagoPendiente/")
 Observable<PaymentsResponse> getPayments(..); @GET("RecursosDisponible/")
 Observable<ReserveAvailabilityResponse> getReservesAvailability(..); @GET("Reservar/")
 Observable<ReserveResponse> reserveResource(..);
19. Phase 1: The Dirty Work • Web services descubiertos: @POST("Autenticarp2")
 Observable<LoginResponse> login(..);
 
 @GET("Horario/")
 Observable<TimetableResponse> getTimeTable(..); @GET("CursoAlumno/")
 Observable<CourseListResponse> getCourses(..); @GET("Nota/")
 Observable<CourseResponse> getCourseDetail(..); @GET("Inasistencia/")
 Observable<AbsencesResponse> getAbsences(..); @GET("Companeros/")
 Observable<ClassmatesResponse> getClassmates(..); @GET("PagoPendiente/")
 Observable<PaymentsResponse> getPayments(..); @GET("RecursosDisponible/")
 Observable<ReserveAvailabilityResponse> getReservesAvailability(..); @GET("Reservar/")
 Observable<ReserveResponse> reserveResource(..);
20. Phase 1: The Dirty Work • Web services descubiertos: @POST("Autenticarp2")
 Observable<LoginResponse> login(..);
 
 @GET("Horario/")
 Observable<TimetableResponse> getTimeTable(..); @GET("CursoAlumno/")
 Observable<CourseListResponse> getCourses(..); @GET("Nota/")
 Observable<CourseResponse> getCourseDetail(..); @GET("Inasistencia/")
 Observable<AbsencesResponse> getAbsences(..); @GET("Companeros/")
 Observable<ClassmatesResponse> getClassmates(..); @GET("PagoPendiente/")
 Observable<PaymentsResponse> getPayments(..); @GET("RecursosDisponible/")
 Observable<ReserveAvailabilityResponse> getReservesAvailability(..); @GET("Reservar/")
 Observable<ReserveResponse> reserveResource(..);
21. Phase 1: The Dirty Work • Web services descubiertos: @POST("Autenticarp2")
 Observable<LoginResponse> login(..);
 
 @GET("Horario/")
 Observable<TimetableResponse> getTimeTable(..); @GET("CursoAlumno/")
 Observable<CourseListResponse> getCourses(..); @GET("Nota/")
 Observable<CourseResponse> getCourseDetail(..); @GET("Inasistencia/")
 Observable<AbsencesResponse> getAbsences(..); @GET("Companeros/")
 Observable<ClassmatesResponse> getClassmates(..); @GET("PagoPendiente/")
 Observable<PaymentsResponse> getPayments(..); @GET("RecursosDisponible/")
 Observable<ReserveAvailabilityResponse> getReservesAvailability(..); @GET("Reservar/")
 Observable<ReserveResponse> reserveResource(..);
22. Phase 1: The Dirty Work • Web services descubiertos: @POST("Autenticarp2")
 Observable<LoginResponse> login(..);
 
 @GET("Horario/")
 Observable<TimetableResponse> getTimeTable(..); @GET("CursoAlumno/")
 Observable<CourseListResponse> getCourses(..); @GET("Nota/")
 Observable<CourseResponse> getCourseDetail(..); @GET("Inasistencia/")
 Observable<AbsencesResponse> getAbsences(..); @GET("Companeros/")
 Observable<ClassmatesResponse> getClassmates(..); @GET("PagoPendiente/")
 Observable<PaymentsResponse> getPayments(..); @GET("RecursosDisponible/")
 Observable<ReserveAvailabilityResponse> getReservesAvailability(..); @GET("Reservar/")
 Observable<ReserveResponse> reserveResource(..);
23. Phase 1: The Dirty Work • Es ético? • Es legal? • Me puedo ir preso?
24. Phase 1: The Dirty Work • “Guía de derecho de Autor para Creadores de Software”
 INDECOPI
 
 https:// www.indecopi.gob.pe/ documents/20182/143803/ GDA_CreadoresDeSoftwar e.pdf
25. Phase 1: The Dirty Work • Fines educativos • Sin fines de lucro
26. Phase 2: Defining the Scope • Historias de usuario
 
 
 Como (rol), quiero (algo), para (beneficio)
27. Como estudiante, quiero ver mi horario semanal, para saber cuándo y donde serán mis clases. Phase 2: Defining the Scope
28. Como estudiante, quiero ver mi historial de asistencias, para evitar caer en DPI (jalar por faltas). Phase 2: Defining the Scope
29. Phase 3: Prototyping a Beautiful Mess
30. Phase 3: Prototyping a Beautiful Mess • Material Design Guidelines • Pinterest
31. Phase 4: Work In Progress • Hora de codear: • Extrañaba programar • Aprender y experimentar!
32. Retrofit interface UpcServiceInterface { @POST("Autenticarp2")
 Observable<LoginResponse> login(..);
 
 @GET("Horario/")
 Observable<TimetableResponse> getTimeTable(..); @GET("CursoAlumno/")
 Observable<CourseListResponse> getCourses(..); @GET("Nota/")
 Observable<CourseResponse> getCourseDetail(..); @GET("Inasistencia/")
 Observable<AbsencesResponse> getAbsences(..); @GET("Companeros/")
 Observable<ClassmatesResponse> getClassmates(..); @GET("PagoPendiente/")
 Observable<PaymentsResponse> getPayments(..); @GET("RecursosDisponible/")
 Observable<ReserveAvailabilityResponse> getReservesAvailability(..); @GET("Reservar/")
 Observable<ReserveResponse> reserveResource(..); }
33. RxJava (1.x) interface UpcServiceInterface { @POST("Autenticarp2")
 Observable<LoginResponse> login(..);
 
 @GET("Horario/")
 Observable<TimetableResponse> getTimeTable(..); @GET("CursoAlumno/")
 Observable<CourseListResponse> getCourses(..); @GET("Nota/")
 Observable<CourseResponse> getCourseDetail(..); @GET("Inasistencia/")
 Observable<AbsencesResponse> getAbsences(..); @GET("Companeros/")
 Observable<ClassmatesResponse> getClassmates(..); @GET("PagoPendiente/")
 Observable<PaymentsResponse> getPayments(..); @GET("RecursosDisponible/")
 Observable<ReserveAvailabilityResponse> getReservesAvailability(..); @GET("Reservar/")
 Observable<ReserveResponse> reserveResource(..); }
34. MVVM
35. MVVM public interface UserRepository {
 Observable<Timetable> getTimeTable();
 Observable<List<Course>> getCourses();
 Observable<Course> getCourseDetail();
 Observable<List<Absence>> getAbsences();
 Observable<List<Classmate>> getClassmates();
 }
36. MVVM class ReserveViewModel { //El ViewModel expone data relevante para la vista, haciendo uso del DataModel
 fun getReserveEntries() : Observable<List<DisplayableReserveFilter>>{} 
 fun getReserveEnabledStream() : Observable<Boolean>{} 
 fun getReserveOptions(): Observable<List<DisplayableReserveOption>>{}
 
 fun updatedEntry(entries: List<DisplayableReserveFilter>, position: Int){} 
 fun applyFilters(filters: List<DisplayableReserveFilter>): Observable<String>{}
 
 fun selectedReserveOption(options: List<DisplayableReserveOption>, selected: Int){} }
37. MVVM public class CoursesFragment extends BaseFragment { //View related stuff //. . . //. . . 
 @Override
 protected void bind() {
 super.bind();
 
 mSubscription.add(mViewModel.getCourseDetails()
 .observeOn(AndroidSchedulers.mainThread())
 .subscribe(this::showCourseDetail,this::displayError));
 }
 }

38. Firebase • Push Notifications • App Remote Config
39. Unit Testing + Kotlin
40. Phase 5: Distributing the App ¿Por donde lo distribuyo?
 • Play Store • Google Drive ✔
41. Phase 5: Distributing the App ¿Cómo lo doy a conocer?
42. Phase 5: Distributing the App ¿Cómo lo doy a conocer?
43. Phase 5: Distributing the App
44. Phase 5: Distributing the App
45. Resultados then vs now
46. Herramientas • Fabric • Google Analytics • Facebook Analytics • Firebase Analytics • Amplitude
47. 2500 
 instalaciones 6500
48. ~1200
 usuarios diarios ~2800
49. 7 de diciembre, 2016
50. 19 de mayo, 2017
53. android { // // setup… // productFlavors { prod { buildConfigField 'String', 'REST_URL', ‘“ << aquí estaba la url >>"' } } // // setup… // } build.gradle
54. incluido en el .gitignore
55. android { ... productFlavors { prod { def propsFile = rootProject.file('appconfig.properties') if(propsFile.exists()){ def props = new Properties() props.load(new FileInputStream(propsFile)) buildConfigField 'String', 'REST_URL', props["UPC_REST_URL"] } } } ... } https://github.com/Bruno125/Unofficial-Ups/blob/master/app/build.gradle
56. https://rtyley.github.io/bfg-repo-cleaner/
57. https://github.com/Bruno125/Unofficial-Ups
58. Observaciones 
 finales
59. Proyectos personales
60. Ideas are worthless until you bring them to life!
61. Gracias! @brunoaybarg @bruno.aybar Artículo:
 http://bit.ly/2nxE0wp Repositorio:
 https://github.com/Bruno125/Unofficial-Ups Bruno125