OPCIONES PARA GENERAR PROTOTIPOS DE PROYECTO DE SISTEMAS

-
Buenas a todos en estos dias muchos clientes prefieren que les muestres prototipos del sistemas antes de desarrollarlos quiza algunos porque lo consideran mas facil o quiza para estar seguros de como sera, te aconsejaria mostarcelos si asi lo piden, ya si no sabes como hacerlos a continacion comparto opciones para generar los prototipos de las apps Flutter (ultimo prototipo que me toco sacar):

1. Figma (Recomendado)Ventajas: 
Gratuito, colaborativo, fácil de usarIdeal para: Prototipos interactivos y profesionalesPuedo ayudarte a: Crear wireframes detallados con componentes específicos

2. Flutter Inspector + ScreenshotsVentajas: 
Prototipos reales en Flutter
Ideal para: Demostrar la UI exacta que tendrásPuedo ayudarte a: Crear código Flutter básico para las pantallas (desarrollar vistas pero mostrar los prototipos como imagen)

3. Mockups en Código (Mi Sugerencia)
Ventajas: Rápido, funcional, fácil de iterarIdeal para: Demostrar la funcionalidad realPuedo ayudarte a: Crear una app Flutter funcional con UI completa
IDEA USADA EN MI PROPUESTA: Crear Prototipos Funcionales en Flutter, creando prototipos funcionales en Flutter que demuestran la funcionalidad real del sistema POS, navegando entre pantallas solo para mostrar el diseño exacto que tendrá la app final, Permiten validar la UX con usuarios reales Son reutilizables - parte del código se puede usar en producción



EN MI CASO TOCO GENERAR LAS PANTALLAS PRINCIPALES QUE CREARÍAMOS PARA EL POS LAS CUALES FUERON:

1. Pantalla de Login
Con Campo de usuario/empleadoCampo de contraseñaBotón de inicio de 
sesiónValidación de turno

2. Pantalla Principal del POS
Lista de  productos, Información del cliente y botones de pago

3. Pantalla de Selección de Productos
Lista de productos con preciosBúsqueda de productosCantidades  y totales

4. Pantalla de Pago
Métodos de pago disponiblesCálculo de cambioInformación de la transacción

5. Pantalla de Cliente
Búsqueda de clientesInformación del cliente seleccionadoHistorial de compras

Comentarios

Publicar un comentario

Entradas más populares de este blog

Ejemplo de suma Pascal

-
Imagen
Aquí muestro un ejemplo simple de suma en pascal en el cual pide introducir dos números para luego sumarlos y mostrar el resultado : Program P3AE4 (input,output); uses crt; Var num1, num2, total: Integer; Begin writeln('Suma'); writeln('Ingrese el primer numero:'); readln(num1); writeln('Ingrese el segundo numero:'); readln(num2); total:= num1+num2; writeln('El total de la suma es: ',total); readkey; End. Si quiere restar, multiplicar o dividir solo deberían cambiar el símbolo "+" por el deseado. Descargar código: link Turbo Pascal
Read more »

Solucion al error collation desconocida: 'utf8mb4_0900_ai_ci'

-
Imagen
Exportando una base de datos en Ubuntu al querer impórtala por medio de phpmyadmin no se importa y muestra el siguiente error: collation desconocida: 'utf8mb4_0900_ai_ci' Para solucionar el problema y poder importar la base de datos deberás de abrirla por medio de tu editor de código y remplazar el texto " utf8mb4_0900_ai_ci " por " utf8mb4_general_ci " guardas la base de datos y al intentar importarla de nuevo ya te tiene que pasar. Solución hallada en:  https://www.freakyjolly.com/resolved-when-i-faced-1273-unknown-collation-utf8mb4_0900_ai_ci-error/#.X5wu14hKiUk
Read more »

Ejemplo calculando area y perimetro del rectangulo javascript

-
Imagen
En este ejemplo de programacion mostrare en javascript el codigo con el cual se podra calcular el area y perimetro de  un rectangulo. explicando un poco: El área de un cuadrado es igual al cuadrado de la longitud del lado.  El perímetro de un cuadrado es cuatro veces el valor del lado     aqui el codigo   <html> <body> <script> //ingresando base Base=prompt('Ingrese el valor de la Base',''); //Ingresando altura Altura=prompt('Ingrese el valor de la Altura',''); //Calculando Area Area=Base*Altura; //Calculando Perimetro Perimetro=(2*Altura)+(2*Base); //Mostrando resultados alert("El Area del Rectangulo es: "+Area); alert("El Perimetro del Rectangulo es:"+Perimetro); </script> </body> </html> Descargar ejemplo: calculando area y perimetro del rectangulo javascript Javascript
Read more »