Se eu já tiver um sistema pronto, porém só web ?

Vc precisa transformar seu site em um layout de um app e depois transformar ele usando o Apache Cordova. Assim seu site pode virar um app.

Se vc atualizar o admin e o app fizer consumo dessa base de dados, o app vai atualizar sim porém tem q confirmar se ele está consumindo dados do admin e tal.

Acredito que no seu caso seja mais facil ou seja menos trabalhoso dar uma olhada sobre PWAs (Progressive Web Apps). Basicamente voce vai precisar fazer o que o lazaro falou "transformar seu site em um layout de um app" tambem, porem não vai precisar ter todo o trabalho de publicar em uma loja e pagar os custos disso. Mas isso imaginando que seu aplicativo seja somente para a sua liga.

Oi Gabriel,

o que os meninos estão dizendo é que seu site deve ser "responsivo", ou seja, adaptável para telas de dispositivos móveis.

Se você quer usar o que você já tem, tenho duas sugestões... ou você faz um PWA a partir do seu site, ou você torna seu site responsivo e cria apps que usem webviews, ou seja, você abre conteúdo da internet por dentro da sua própria app sem necessidade do navegador. Você pode se usar de cache para guardar os dados baixados na primeira vez e não gastar a internet do usuário, e colocar um botão de reloadData para que ele possa atualizar os dados quando ele quiser usando o acesso a internet.

Sobre PWA:

Tem um post muito legal do Sergio Lopes sobre o assunto:

https://imasters.com.br/desenvolvimento/progressive-web-apps-palavra-chave-e-web-nao-app/?trace=1519021197&source=single

E tem curso na Alura com o Artur Diniz:

https://cursos.alura.com.br/course/progressive-webapp-offline

Espero ter ajudado!!!! Bons estudos!!

Então, é que meu site já está responsivo, olha: futebolamador.mclweb.com.br mas eu precisava que fosse exatamente um app pra usar notificação push, e preciso também que conforme eu for alimentando via painel admin, atualize tanto no site quanto no app

Acho que dá pra enviar Push mesmo sendo PWA, pois dá para fazer isso ateh para os browsers :)

Sim, mas eu queria exatamente app pois foi pedido isso ...

Bom,

você pode estruturar um backend que envie os dados para a app (por json, por exemplo) sincronizando com a web e atualizando, mas nesse caso não vai ter como aproveitar muita coisa.

No caso da Alura, escolhemos por fazer as aplicações nativas para Android e iOS de forma que se integre com a plataforma e se atualize, sincronizando os dados.

Você pode fazer algo no mesmo sentido, ou nativo ou híbrido. Mas vai dar um trabalhinho para estruturar a API.

Espero que tenha ajudado! :)

Entendi Tais, você me aconselha primeiramente tirar todo meu php da index e fazer as requisições via ajax ?

Não sei a Tais mas eu recomendaria isso =)

Edit:

Fala Gabriel tudo bom cara?

A Tais Batuira já ti deu a chave do sucesso para fazer sua App, a ideia da PWA é bem boa e pode ti poupar um trabalhinho de ter que reescrever o código front todo (caso esteja junto com o php) para adaptar para um Cordova da vida.

E sim, você irá atualizar o front mediante requisições Ajax, nesse caso você precisará ter uma API que quando você acessa as URLs ela fornece dados em JSON seguindo essa linha do que o Github faz:

https://api.github.com/users/soutomario

o php tem uma função pra gerar esse tipo de dado que é a http://php.net/manual/pt_BR/function.json-encode.php

Se precisar de um suporte para fazer mais coisas com PHP, não deixe de aprimorar seus conhecimentos com os cursos da carreira php https://www.alura.com.br/carreira-desenvolvedor-php-junior https://www.alura.com.br/carreira-desenvolvedor-php-erudito

Em último caso, se tiver usando algo como um Wordpress, você pode utilizar o WP Api Rest, que transforma os dados de um Wordpress em uma API de forma quase que automática: http://v2.wp-api.org/

Eu já cheguei a fazer uma App com esse último exemplo também e deu super certo :)

Acho que talvez o ideal fosse o seguinte: criar uma API que manuseie os dados do seu banco de dados, de onde seu app pode consumir. Criar um sistema separado que representa seu site e aproveitar essa API e consumir os dados também no site, mas não via Ajax e sim na lógica antes de renderizar o site.

Por que essa sugestão? Pois não prejudica o seu SEO. Requisições Ajax muitas vezes não são consideradas pelos robôs de motores de busca, e pode ser que esse conteúdo seja ignorado.

Seriam então 3 micro sistemas: 1. Um servidor que fornece o conteúdo em algum formato específico. 2. Um aplicativo que consome esses dados. 3. Um site que consome esses dados.

Se bem estruturado, reduz também a manutenção necessária e permite que você teste novos endpoints da sua API antes que o site ou o aplicativo estejam dependentes dela.

Gabriel,

eu faço apenas o desenvolvimento a app, não mexo com o backend da aplicação, mas os meninos possuem uma boa bagagem no assunto e deram opções bem ricas do que você pode fazer.

Cabe a você ver qual a melhor solução para o seu cenário atual, levando em consideração o seu conhecimento das tecnologias, o trabalho que vai dar, a dificuldade de implementar e a urgência para entregar as apps.

Estamos a disposição para quaisquer dúvidas!! Espero ter ajudado ;)

Bons estudos!!