Crea un prototipo de aplicación en SAP BUILD

Crea un prototipo de alta fidelidad en BUILD. Aprenderás a crear una aplicación prototipo
freestyle con una interfaz fácil de usar.

¡Comenzamos!

Dentro de Workspace, crea un nuevo proyecto.

Ponle un nombre a tu proyecto y selecciona Empezar con un Template.

Ponle un nombre a tu prototipo y selecciona Freestyle.

Edita la página de home page.

Cambia la vista a una aplicación móvil.

Hagamos una pantalla de inicio de sesión. Agrega una imagen al centro del workspace. Para buscar
la imagen, ve a Controls y busca Image y arrástrala al workspace de tu prototipo.
Ahora importa la imagen que quieres colocar dándole clic en Library en las propiedades de la
imagen en el menú de la derecha.

Ahora agregaremos dos cajas de Inputs para el correo y contraseña. Repite lo mismo que con la
imagen y arrástralos al workspace de tu prototipo.
Ahora agrega un Button para el inicio de sesión y reacomoda su tamaño.

Agrega una pantalla Freestyle adicional al home page.

Ahora vas a poder ver tu pantalla nueva de esta manera:

Ahora arrastra una lista de notificaciones (Notification List)

Ahora agrega un button en la parte superior para navegar a la pantalla anterior.

Seleccionando el botón, dirígete a sus propiedades a la derecha y en actions selecciona Navigate

Back.
Ahora regresa a la Page 1 para agregar la navegación a la Page 2.

Selecciona el botón y configura en las acciones Navigate to Page 2, Slide forward y modifica el
Text a Iniciar sesión.
Selecciona el segundo input y el Placeholder coloca Ingresa tu contraseña y modifica el type a
Password.

Selecciona el primer input y coloca en el Placeholder Ingresa tu correo y modifica el Type a Email.
Ahora veremos la navegación del prototipo. Dale clic a Preview.

Prueba el uso de los inputs y dale clic a Inicial sesión.

Verás la navegación a la otra pantalla.

Ahora al darle clic al botón, verás como te regresa a la pantalla inicial. Para seguir editando, dale
clic a UI Editor.

Happy prototyping!