photogram - manual em português
TRANSCRIPT
![Page 1: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/1.jpg)
PhotogramVersion 1.3
![Page 2: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/2.jpg)
Necessário• Antes de começar, certifique-se que tenha os seguintes
frameworks instalados em sua máquina• Node JS (www.nodejs.org)• Git (https://git-for-windows.github.io/)• Ionic Framework (http://ionicframework.com/)• Bower (http://bower.io/)• Gulp (http://gulpjs.com/• $ npm install -g ionic bower cordova gulp
![Page 3: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/3.jpg)
Etapa 1 Depois da Compra
![Page 4: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/4.jpg)
Github
![Page 5: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/5.jpg)
Github• Depois da confirmação da compra dos
Códigos fontes do Photogram, será necessário ter uma conta gratuita no Github para participar do grupo do desenvolvimento.
• Após criar a sua conta no Github, envie um email informando o seu nome de usuário e email para [email protected] para receber o convite para acesso.
![Page 6: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/6.jpg)
Etapa 2Clonando o Projeto
![Page 7: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/7.jpg)
Git Clone
![Page 8: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/8.jpg)
Fazendo uma Cópia• Após aceitar o convite do Github, você terá
acesso a todo o histórico do desenvolvimento, além de poder tirar dúvidas e sugerir novas funcionalidades.
• Para fazer uma cópia do projeto para a sua máquina, vá até o terminal e digite o seguinte comando:
• git clone https://github.com/photogram/ionic-app-parse.git Photogram
• Depois de clonar, basta acessar a pasta que foi criada chamada Photogram
![Page 9: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/9.jpg)
Etapa 3Iniciando o projeto local
![Page 10: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/10.jpg)
$ npm install
![Page 11: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/11.jpg)
Dependências• O Photogram possuem alguns frameworks
especiais que irão te ajudar no desenvolvimento ágil, para instalar tudo o que é necessário, basta apenas digitar o seguinte comando na pasta do projeto e executar.
• Automaticamente irá instalar todos os pacotes NPM e Bower.
• $ npm install
![Page 12: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/12.jpg)
Etapa 4Configuração do Ionic Analytics
![Page 13: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/13.jpg)
Ionic Analytics
![Page 14: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/14.jpg)
Configurar Ionic Analytics
• O Photogram já vem configurado com a integração com o Ionic Analytics
• Para você configurar, será necessário ter uma conta gratuita em https://apps.ionic.io e depois digitar o seguinte comando no terminal.
• $ ionic io init
• *Na primeira vez, irá ser solicitado seu email e senha do ionic analytics para fazer a integração
![Page 15: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/15.jpg)
Etapa 5Configurando o Parse
![Page 17: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/17.jpg)
Crie uma conta gratuita
![Page 18: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/18.jpg)
Caso já tenha uma conta
crie um novo projeto
![Page 19: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/19.jpg)
Clique em Data
![Page 20: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/20.jpg)
Clique em Web
![Page 21: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/21.jpg)
Clique em New Project
![Page 22: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/22.jpg)
Agora clique em Settings
![Page 23: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/23.jpg)
Acesse o painel de Settings
depois, copie suas credenciais para colar na próxima etapa
![Page 24: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/24.jpg)
Cole suas credenciais em
www/js/config.parse.js
![Page 25: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/25.jpg)
Etapa 5Criando nosso banco de Dados
![Page 26: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/26.jpg)
Acesse o menu Coredepois clique em Add Class
![Page 27: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/27.jpg)
Class User
![Page 28: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/28.jpg)
Class User+ Col
![Page 29: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/29.jpg)
Class UserFollow
![Page 30: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/30.jpg)
Class UserFollow+ Col
![Page 31: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/31.jpg)
Class Gallery
![Page 32: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/32.jpg)
Class Gallery+ Col
![Page 33: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/33.jpg)
Class GalleryComment
![Page 34: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/34.jpg)
Class GalleryComment
+ Col
![Page 35: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/35.jpg)
Class GalleryLike
![Page 36: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/36.jpg)
Class GalleryLike+ Col
![Page 37: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/37.jpg)
Class GalleryActivity
![Page 38: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/38.jpg)
Class GalleryActivity+ Col
![Page 39: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/39.jpg)
Class GalleryFeedback
![Page 40: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/40.jpg)
Class GalleryFeedback
+ Col
![Page 41: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/41.jpg)
Class GallerySetting
![Page 42: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/42.jpg)
Class GallerySetting+ Col
![Page 43: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/43.jpg)
Class GallerySetting+ Row
![Page 44: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/44.jpg)
Class Gallery+ Col
![Page 45: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/45.jpg)
Etapa 6Teste no seu Navegador
![Page 46: Photogram - Manual em Português](https://reader038.vdocuments.pub/reader038/viewer/2022102811/588a07ab1a28ab0f388b7a79/html5/thumbnails/46.jpg)
Teste no ser Navegador
$ ionic serve