dabev / deal Goto Github PK

Wireframes en Figma

Nota importante: Recuerda cambiar el valor de Model por el nombre del activity que vas a realizar (en tu caso LocateOnMap), también es muy probable que hagan falta campos de los detalles de servicio, así que agrégalas.

1. Crea un nuevo Activity

Crea la actividad ModelActivity (Empty Activity) en el paquete deal, por el momento todas las actividades relacionadas con vistas las vamos a tener en raíz, es muy probable que después factoricemos para tener todo ordenado.

2. Modificación del archivo activity_model.xml

Crea la siguiente vista con elementos básicos que tiene Android, cada elemento deberá tener un id para identificarlo dentro del ModelActivity.kt

Regla principal para nombrar IDsde cada componente en la vista: El nombre del id siempre comenzará con el nombre del componente junto al nombre del dato que hace referencia, todo con el formato camelCase, por ejemplo:
- <Button> -> buttonRegister, buttonGet
- <TextView> -> textViewName, textViewLastName
- <EditText> -> editTextUsername

3. Usa binding en el ModelActivity.kt

Usa binding en el Activity.

Nota: Para el mapa: por el momento deja un cuadro en blanco que represente el mapa

Wireframes en Figma

Nota importante: Recuerda cambiar el valor de Model por el nombre del activity que vas a realizar (en tu caso ServiceHistory), también es muy probable que hagan falta campos de los detalles de servicio, así que agrégalas.

1. Crea un nuevo Activity

Crea la actividad ModelActivity (Empty Activity) en el paquete deal, por el momento todas las actividades relacionadas con vistas las vamos a tener en raíz, es muy probable que después factoricemos para tener todo ordenado.

2. Modificación del archivo activity_model.xml

Crea la siguiente vista con elementos básicos que tiene Android, cada elemento deberá tener un id para identificarlo dentro del ModelActivity.kt

Regla principal para nombrar IDsde cada componente en la vista: El nombre del id siempre comenzará con el nombre del componente junto al nombre del dato que hace referencia, todo con el formato camelCase, por ejemplo:
- <Button> -> buttonRegister, buttonGet
- <TextView> -> textViewName, textViewLastName
- <EditText> -> editTextUsername

3. Usa binding en el ModelActivity.kt

Usa binding en el Activity.

4. Crea una data class que represente la información de un Model

Crea una data class con los siguientes campos:

ServiceProviderRequest class

• requestId (String)
• shortDescription (String)
• serviceProviderId (String)
• serviceStatus (String)
• stars (Int)
• serviceProviderComments (String)
• chat (MutableList<Message>)

Message class

• userId (String)
• content (String)
• dateSent (Long, Timestamp)

5. Usa un adapter con elementos estáticos para mostrar cada uno de los elementos del historial

También considera los diferentes estados que puede tener en el historial, debido a que alguno puede estar activo y podrá ver el chat.

Wireframes en Figma

Nota importante: Recuerda cambiar el valor de Model por el nombre del activity que vas a realizar (en tu caso DetailService), también es muy probable que hagan falta campos de los detalles de servicio, así que agrégalas.

1. Crea un nuevo Activity

Crea la actividad ModelActivity (Empty Activity) en el paquete deal, por el momento todas las actividades relacionadas con vistas las vamos a tener en raíz, es muy probable que después factoricemos para tener todo ordenado.

2. Modificación del archivo activity_model.xml

Crea la siguiente vista con elementos básicos que tiene Android, cada elemento deberá tener un id para identificarlo dentro del ModelActivity.kt

Regla principal para nombrar IDsde cada componente en la vista: El nombre del id siempre comenzará con el nombre del componente junto al nombre del dato que hace referencia, todo con el formato camelCase, por ejemplo:
- <Button> -> buttonRegister, buttonGet
- <TextView> -> textViewName, textViewLastName
- <EditText> -> editTextUsername

3. Usa binding en el ModelActivity.kt

Usa binding en el Activity.

Wireframes en Figma

Nota importante: Recuerda cambiar el valor de Model por el nombre del activity que vas a realizar (en tu caso ConfirmService), también es muy probable que hagan falta campos de los detalles de servicio, así que agrégalas.

1. Crea un nuevo Activity

Crea la actividad ModelActivity (Empty Activity) en el paquete deal, por el momento todas las actividades relacionadas con vistas las vamos a tener en raíz, es muy probable que después factoricemos para tener todo ordenado.

2. Modificación del archivo activity_model.xml

Crea la siguiente vista con elementos básicos que tiene Android, cada elemento deberá tener un id para identificarlo dentro del ModelActivity.kt

Regla principal para nombrar IDsde cada componente en la vista: El nombre del id siempre comenzará con el nombre del componente junto al nombre del dato que hace referencia, todo con el formato camelCase, por ejemplo:
- <Button> -> buttonRegister, buttonGet
- <TextView> -> textViewName, textViewLastName
- <EditText> -> editTextUsername

3. Usa binding en el ModelActivity.kt

Usa binding en el Activity.

Wireframes en Figma

Nota importante: Recuerda cambiar el valor de Model por el nombre del activity que vas a realizar (en tu caso Register), también es muy probable que hagan falta campos de usuario, así que agrégalas en los inputs.

1. Crea un nuevo Activity

Crea la actividad ModelActivity (Empty Activity) en el paquete deal, por el momento todas las actividades relacionadas con vistas las vamos a tener en raíz, es muy probable que después factoricemos para tener todo ordenado.

2. Modificación del archivo activity_model.xml

Crea la siguiente vista con elementos básicos que tiene Android, cada elemento deberá tener un id para identificarlo dentro del ModelActivity.kt

Regla principal para nombrar IDsde cada componente en la vista: El nombre del id siempre comenzará con el nombre del componente junto al nombre del dato que hace referencia, todo con el formato camelCase, por ejemplo:
- <Button> -> buttonRegister, buttonGet
- <TextView> -> textViewName, textViewLastName
- <EditText> -> editTextUsername

3. Usa binding en el ModelActivity.kt

Usa binding en el Activity.

Wireframes en Figma

Nota importante: Recuerda cambiar el valor de Model por el nombre del activity que vas a realizar (en tu caso ConfirmService), también es muy probable que hagan falta campos de los detalles de servicio, así que agrégalas.

1. Crea un nuevo Activity

Crea la actividad ModelActivity (Empty Activity) en el paquete deal, por el momento todas las actividades relacionadas con vistas las vamos a tener en raíz, es muy probable que después factoricemos para tener todo ordenado.

2. Modificación del archivo activity_model.xml

Crea la siguiente vista con elementos básicos que tiene Android, cada elemento deberá tener un id para identificarlo dentro del ModelActivity.kt

Regla principal para nombrar IDsde cada componente en la vista: El nombre del id siempre comenzará con el nombre del componente junto al nombre del dato que hace referencia, todo con el formato camelCase, por ejemplo:
- <Button> -> buttonRegister, buttonGet
- <TextView> -> textViewName, textViewLastName
- <EditText> -> editTextUsername

3. Usa binding en el ModelActivity.kt

Usa binding en el Activity.

Wireframes en Figma

Nota importante: Recuerda cambiar el valor de Model por el nombre del activity que vas a realizar (en tu caso Login)

1. Crea un nuevo Activity

Crea la actividad ModelActivity (Empty Activity) en el paquete deal, por el momento todas las actividades relacionadas con vistas las vamos a tener en raíz, es muy probable que después factoricemos para tener todo ordenado.

2. Modificación del archivo activity_model.xml

Crea la siguiente vista con elementos básicos que tiene Android, cada elemento deberá tener un id para identificarlo dentro del ModelActivity.kt

Regla principal para nombrar IDsde cada componente en la vista: El nombre del id siempre comenzará con el nombre del componente junto al nombre del dato que hace referencia, todo con el formato camelCase, por ejemplo:
- <Button> -> buttonRegister, buttonGet
- <TextView> -> textViewName, textViewLastName
- <EditText> -> editTextUsername

3. Usa binding en el ModelActivity.kt

Usa binding en el Activity.

Wireframes en Figma

Nota importante: Recuerda cambiar el valor de Model por el nombre del activity que vas a realizar (en tu caso Splash), también es muy probable que hagan falta campos de los detalles de servicio, así que agrégalas.

1. Crea un nuevo Activity

Crea la actividad ModelActivity (Empty Activity) en el paquete deal, por el momento todas las actividades relacionadas con vistas las vamos a tener en raíz, es muy probable que después factoricemos para tener todo ordenado.

2. Modificación del archivo activity_model.xml

Crea la siguiente vista con elementos básicos que tiene Android, cada elemento deberá tener un id para identificarlo dentro del ModelActivity.kt

Regla principal para nombrar IDsde cada componente en la vista: El nombre del id siempre comenzará con el nombre del componente junto al nombre del dato que hace referencia, todo con el formato camelCase, por ejemplo:
- <Button> -> buttonRegister, buttonGet
- <TextView> -> textViewName, textViewLastName
- <EditText> -> editTextUsername

3. Usa binding en el ModelActivity.kt

Usa binding en el Activity.

4. Genera un loop para que dure 5 seg.