Aprende en Comunidad
Avalados por :
Como otimizar seu site como um aplicativo web para dispositivos móveis e sistemas - Guia completa
- Creado 01/03/2024
- Modificado 01/03/2024
- 3 Vistas
0
Cargando...
OK, estou alguns dias atrasado, mas aqui está o meu conselho do mês. Minha formação original sempre foi em aplicações web e recentemente tenho encontrado muitas coisas nesse mundo que se aplicam ao meu XS, XSA e outros desenvolvimentos no espaço da SAP.
Em particular, a ideia de transformar meu site em um aplicativo web, com uma melhoria nas tags Meta na minha página inicial. Assim como a adição de um ou dois ícones. Você já está obtendo um design responsivo através do uso de coisas como SAPUI5 mas, é claro, há alguns toques adicionais que farão o aplicativo se destacar um pouco mais.
Essas áreas estão bem documentadas tanto para dispositivos Apple quanto Android, por exemplo, com Apple você pode fornecer um ícone que aparecerá se você "adicioná-lo à tela inicial" em vez de simplesmente salvá-lo como um marcador dentro do seu navegador.
Também existem várias instruções e tutoriais sobre como fazer isso para coisas diferentes do seu dispositivo móvel, como Chrome . Independentemente do tutorial que você siga ou se é algo básico como um passo a passo ou mais avançado, a ideia é a mesma, como posso fazer com que meu site, que essencialmente é um aplicativo, tenha uma aparência e sensação mais permanente no dispositivo ou sistema em que está sendo carregado?
Áreas e elementos a serem considerados e levados em conta para isso são, é claro, a Viewport, os ícones do aplicativo, as tags meta e o arquivo de manifesto.
Os ícones são, é claro, aquele toque de personalização que todo desenvolvedor adora e toda equipe de marca odeia.
Eu uso várias ferramentas online gratuitas para gerar os arquivos específicos, mas costumo passar muito tempo dentro de ferramentas como Gimp para realmente criar os gráficos por mim mesmo. Normalmente faço isso quando encontro um erro ou desafio em meu aplicativo que parece que não consigo superar naquele momento.
Em particular, a ideia de transformar meu site em um aplicativo web, com uma melhoria nas tags Meta na minha página inicial. Assim como a adição de um ou dois ícones. Você já está obtendo um design responsivo através do uso de coisas como SAPUI5 mas, é claro, há alguns toques adicionais que farão o aplicativo se destacar um pouco mais.
Essas áreas estão bem documentadas tanto para dispositivos Apple quanto Android, por exemplo, com Apple você pode fornecer um ícone que aparecerá se você "adicioná-lo à tela inicial" em vez de simplesmente salvá-lo como um marcador dentro do seu navegador.
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad.png">
Também existem várias instruções e tutoriais sobre como fazer isso para coisas diferentes do seu dispositivo móvel, como Chrome . Independentemente do tutorial que você siga ou se é algo básico como um passo a passo ou mais avançado, a ideia é a mesma, como posso fazer com que meu site, que essencialmente é um aplicativo, tenha uma aparência e sensação mais permanente no dispositivo ou sistema em que está sendo carregado?
Áreas e elementos a serem considerados e levados em conta para isso são, é claro, a Viewport, os ícones do aplicativo, as tags meta e o arquivo de manifesto.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
Os ícones são, é claro, aquele toque de personalização que todo desenvolvedor adora e toda equipe de marca odeia.
Eu uso várias ferramentas online gratuitas para gerar os arquivos específicos, mas costumo passar muito tempo dentro de ferramentas como Gimp para realmente criar os gráficos por mim mesmo. Normalmente faço isso quando encontro um erro ou desafio em meu aplicativo que parece que não consigo superar naquele momento.
Pedro Pascal
Se unió el 07/03/2018
Facebook
Twitter
Pinterest
Telegram
Linkedin
Whatsapp
Sin respuestas
No hay respuestas para mostrar
Se el primero en responder
contacto@primeinstitute.com
(+51) 1641 9379
(+57) 1489 6964
© 2024 Copyright. Todos los derechos reservados.
Desarrollado por Prime Institute
Hola ¿Puedo ayudarte?