{"id":73,"date":"2025-09-20T20:29:51","date_gmt":"2025-09-20T23:29:51","guid":{"rendered":"https:\/\/diegoelias.dev\/pt\/?p=73"},"modified":"2025-09-20T22:32:53","modified_gmt":"2025-09-21T01:32:53","slug":"desenvolvimento-da-interface-grafica-para-sistemas-de-restaurante","status":"publish","type":"post","link":"https:\/\/diegoelias.dev\/pt\/blog\/sem-categoria\/desenvolvimento-da-interface-grafica-para-sistemas-de-restaurante\/","title":{"rendered":"Desenvolvimento da interface gr\u00e1fica para sistemas de restaurante"},"content":{"rendered":"<p>Tela de sele\u00e7\u00e3o de idioma<\/p>\n<ul>\n<li>Mostrar op\u00e7\u00f5es de sele\u00e7\u00e3o de idioma (poderia ter nome do idioma e bandeira juntos, s\u00f3 bandeira ou s\u00f3 nome do idioma).<\/li>\n<li>Somente bot\u00f5es grandes como op\u00e7\u00f5es e sem distra\u00e7\u00f5es.<\/li>\n<li>Escolher simplesmente com um toque e passar para a seguinte fase da interface.<\/li>\n<li>Problema de l\u00f3gica poss\u00edvel: se o usu\u00e1rio volta at\u00e9 aqui e tem itens no carrinho, estes s\u00e3o apagados automaticamente.<\/li>\n<\/ul>\n<p>Tela de sele\u00e7\u00e3o de categoria<\/p>\n<ul>\n<li>Mostrar op\u00e7\u00f5es das categorias dos itens existentes (poderia ter nome e imagem ou s\u00f3 nome da categoria).<\/li>\n<li>Somente bot\u00f5es grandes como op\u00e7\u00f5es e sem distra\u00e7\u00f5es.<\/li>\n<li>Escolher simplesmente com um toque e passar para a seguinte fase da interface (sele\u00e7\u00e3o de item).<\/li>\n<li>Op\u00e7\u00f5es na parte superior: voltar atr\u00e1s (sele\u00e7\u00e3o de idioma) e um seletor de idioma.<\/li>\n<li>Op\u00e7\u00f5es na parte inferior: cancelar pedido (voltar para sele\u00e7\u00e3o de idioma) ou ir para o carrinho (mostrar s\u00f3 se existirem itens no carrinho e n\u00famero de itens).<\/li>\n<\/ul>\n<p>Tela de sele\u00e7\u00e3o de item dentro da categoria escolhida<\/p>\n<ul>\n<li>Mostrar grid de itens da categoria escolhida (deve ter imagem, nome e pre\u00e7o).<\/li>\n<li>Somente bot\u00f5es grandes como op\u00e7\u00f5es e sem distra\u00e7\u00f5es.<\/li>\n<li>Escolher simplesmente com um toque e passar para a seguinte fase da interface (personaliza\u00e7\u00e3o do item).<\/li>\n<li>Op\u00e7\u00f5es na parte superior: voltar atr\u00e1s (sele\u00e7\u00e3o de categoria), seletor de idioma, seletor de categoria e seletor de subcategoria.<\/li>\n<li>Op\u00e7\u00f5es na parte inferior: cancelar pedido (voltar para sele\u00e7\u00e3o de idioma) ou ir para o carrinho (mostrar s\u00f3 se existirem itens no carrinho e n\u00famero de itens).<\/li>\n<\/ul>\n<p>Tela de personaliza\u00e7\u00e3o do item<\/p>\n<ul>\n<li>Mostrar detalhes do produto (imagem, nome, descri\u00e7\u00e3o, pre\u00e7o) al\u00e9m do bot\u00e3o \u201cadicionar ao carrinho\u201d.<\/li>\n<li>Somente bot\u00f5es grandes como op\u00e7\u00f5es e sem distra\u00e7\u00f5es.<\/li>\n<li>Ao usar o bot\u00e3o \u201cadicionar ao carrinho\u201d passa para a seguinte fase da interface (carrinho de compra).<\/li>\n<li>Op\u00e7\u00f5es na parte superior: voltar atr\u00e1s (sele\u00e7\u00e3o de item) e seletor de idioma.<\/li>\n<li>Op\u00e7\u00f5es na parte inferior: cancelar pedido (voltar para sele\u00e7\u00e3o de idioma), seguir comprando (voltar para sele\u00e7\u00e3o de categoria) ou ir para o carrinho (mostrar s\u00f3 se existirem itens no carrinho e n\u00famero de itens).<\/li>\n<li>Problema de l\u00f3gica poss\u00edvel: se o usu\u00e1rio volta e adiciona o mesmo item, apenas 1 unidade \u00e9 adicionada e ele \u00e9 levado diretamente ao carrinho, sem op\u00e7\u00e3o de continuar comprando.<\/li>\n<\/ul>\n<p>Tela de carrinho de compra ou resumo do pedido<\/p>\n<ul>\n<li>Lista dos itens adicionados ao carrinho (imagem, nome, pre\u00e7o, quantidade e op\u00e7\u00e3o de apagar).<\/li>\n<li>Somente bot\u00f5es grandes como op\u00e7\u00f5es e sem distra\u00e7\u00f5es (quantidade com bot\u00f5es de adicionar\/remover e bot\u00e3o de apagar item).<\/li>\n<li>Teclado virtual para inserir nome do cliente.<\/li>\n<li>Ao usar os bot\u00f5es de quantidade ou apagar, a interface continua a mesma apenas atualizando valores.<\/li>\n<li>Op\u00e7\u00f5es na parte superior: voltar atr\u00e1s (sele\u00e7\u00e3o de item) e seletor de idioma.<\/li>\n<li>Op\u00e7\u00f5es na parte inferior: cancelar pedido (voltar para sele\u00e7\u00e3o de idioma), seguir comprando (voltar para sele\u00e7\u00e3o de categoria) ou finalizar compra.<\/li>\n<li>Ao usar o bot\u00e3o \u201cfazer compra\u201d passa para a seguinte fase da interface (confirma\u00e7\u00e3o).<\/li>\n<li>L\u00f3gica: depois de finalizar a compra, salvar na base de dados o pedido com seus detalhes e limpar o carrinho.<\/li>\n<\/ul>\n<p>Tela de confirma\u00e7\u00e3o<\/p>\n<ul>\n<li>Mensagem de confirma\u00e7\u00e3o do pedido com detalhes (lista de itens, total, data e n\u00famero do pedido).<\/li>\n<li>L\u00f3gica: depois de 20 segundos, redirecionar para a tela inicial (sele\u00e7\u00e3o de idioma).<\/li>\n<li>Problema de l\u00f3gica poss\u00edvel: se o usu\u00e1rio deixa de interagir por 2 minutos ou mais, ser\u00e1 redirecionado ao in\u00edcio (sele\u00e7\u00e3o de idioma), apagando qualquer atividade do carrinho.<\/li>\n<\/ul>\n<p>Caso vers\u00e3o web<\/p>\n<ul>\n<li>O sistema inicia em uma tela igual \u00e0 de sele\u00e7\u00e3o de item, mas mostrando todos os itens.<\/li>\n<li>Pode filtrar categorias e subcategorias na parte superior, al\u00e9m de trocar idioma.<\/li>\n<li>Um novo bot\u00e3o na parte superior leva ao carrinho, mostrando tamb\u00e9m o n\u00famero de itens.<\/li>\n<li>N\u00e3o precisa de op\u00e7\u00f5es na parte inferior, exceto na tela de carrinho de compra.<\/li>\n<\/ul>\n<p>Regras gerais<\/p>\n<ul>\n<li>Sempre usar bot\u00f5es grandes como op\u00e7\u00f5es e sem distra\u00e7\u00f5es.<\/li>\n<li>Sempre usar janelas de confirma\u00e7\u00e3o (apagar ou cancelar pedido)<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Tela de sele\u00e7\u00e3o de idioma Mostrar op\u00e7\u00f5es de sele\u00e7\u00e3o de idioma (poderia ter nome do idioma e bandeira juntos, s\u00f3 bandeira ou s\u00f3 nome do idioma). Somente bot\u00f5es grandes como op\u00e7\u00f5es e sem distra\u00e7\u00f5es. Escolher simplesmente com um toque e passar para a seguinte fase da interface. Problema de l\u00f3gica poss\u00edvel: se o usu\u00e1rio volta [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-73","post","type-post","status-publish","format-standard","hentry","category-sem-categoria"],"_links":{"self":[{"href":"https:\/\/diegoelias.dev\/pt\/wp-json\/wp\/v2\/posts\/73","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diegoelias.dev\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/diegoelias.dev\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/diegoelias.dev\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diegoelias.dev\/pt\/wp-json\/wp\/v2\/comments?post=73"}],"version-history":[{"count":1,"href":"https:\/\/diegoelias.dev\/pt\/wp-json\/wp\/v2\/posts\/73\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/diegoelias.dev\/pt\/wp-json\/wp\/v2\/posts\/73\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/diegoelias.dev\/pt\/wp-json\/wp\/v2\/media?parent=73"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/diegoelias.dev\/pt\/wp-json\/wp\/v2\/categories?post=73"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/diegoelias.dev\/pt\/wp-json\/wp\/v2\/tags?post=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}