Photogram
Version 1.3
Necessário
• Antes de começar, certifique-se que tenha os seguintes
frameworks instalados em sua máquina
• Node JS (www.no...
Etapa 1
Depois da Compra
Github
Github
• Depois da confirmação da compra dos Códigos
fontes do Photogram, será necessário ter uma
conta gratuita no Github...
Etapa 2
Clonando o Projeto
Git Clone
Fazendo uma Cópia
• Após aceitar o convite do Github, você terá acesso a
todo o histórico do desenvolvimento, além de pode...
Etapa 3
Iniciando o projeto local
$ npm install
Dependências
• O Photogram possuem alguns frameworks especiais que
irão te ajudar no desenvolvimento ágil, para instalar t...
Etapa 4
Configuração do Ionic Analytics
Ionic Analytics
Configurar Ionic Analytics
• O Photogram já vem configurado com a integração com o
Ionic Analytics
• Para você configurar,...
Etapa 5
Configurando o Parse
Parse.com
Crie uma conta gratuita
Caso já tenha uma conta
crie um novo projeto
Clique em Data
Clique em Web
Clique em New Project
Agora clique em Settings
Acesse o painel de Settings
depois, copie suas credenciais para colar na próxima etapa
Cole suas credenciais em
www/js/config.parse.js
Etapa 5
Criando nosso banco de Dados
Acesse o menu Core
depois clique em Add Class
Class User
Class User
+ Col
Class UserFollow
Class UserFollow
+ Col
Class Gallery
Class Gallery
+ Col
Class GalleryComment
Class GalleryComment
+ Col
Class GalleryLike
Class GalleryLike
+ Col
Class GalleryActivity
Class GalleryActivity
+ Col
Class GalleryFeedback
Class GalleryFeedback
+ Col
Class GallerySetting
Class GallerySetting
+ Col
Class GallerySetting
+ Row
Class Gallery
+ Col
Etapa 6
Teste no seu Navegador
Teste no ser Navegador
$ ionic serve
Thanks so much
Willian Ribeiro Angelo
www.photogramapp.com
photogram.ionic@gmail.com
Próximos SlideShares
Carregando em…5
×

Photogram - Manual em Português

226 visualizações

Publicada em

Passo a passo de como iniciar a configuração do Photogram, após adquirir sua cópia do código fonte. Manual ilustrado, com todos os detalhes para você iniciar seu desenvolvimento usando Ionic Framework, juntamente com o backend do Parse.com.

Publicada em: Tecnologia
  • Seja o primeiro a comentar

Photogram - Manual em Português

  1. 1. Photogram Version 1.3
  2. 2. 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
  3. 3. Etapa 1 Depois da Compra
  4. 4. Github
  5. 5. 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 photogram.ionic@gmail.com para receber o convite para acesso.
  6. 6. Etapa 2 Clonando o Projeto
  7. 7. Git Clone
  8. 8. 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
  9. 9. Etapa 3 Iniciando o projeto local
  10. 10. $ npm install
  11. 11. 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
  12. 12. Etapa 4 Configuração do Ionic Analytics
  13. 13. Ionic Analytics
  14. 14. 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
  15. 15. Etapa 5 Configurando o Parse
  16. 16. Parse.com
  17. 17. Crie uma conta gratuita
  18. 18. Caso já tenha uma conta crie um novo projeto
  19. 19. Clique em Data
  20. 20. Clique em Web
  21. 21. Clique em New Project
  22. 22. Agora clique em Settings
  23. 23. Acesse o painel de Settings depois, copie suas credenciais para colar na próxima etapa
  24. 24. Cole suas credenciais em www/js/config.parse.js
  25. 25. Etapa 5 Criando nosso banco de Dados
  26. 26. Acesse o menu Core depois clique em Add Class
  27. 27. Class User
  28. 28. Class User + Col
  29. 29. Class UserFollow
  30. 30. Class UserFollow + Col
  31. 31. Class Gallery
  32. 32. Class Gallery + Col
  33. 33. Class GalleryComment
  34. 34. Class GalleryComment + Col
  35. 35. Class GalleryLike
  36. 36. Class GalleryLike + Col
  37. 37. Class GalleryActivity
  38. 38. Class GalleryActivity + Col
  39. 39. Class GalleryFeedback
  40. 40. Class GalleryFeedback + Col
  41. 41. Class GallerySetting
  42. 42. Class GallerySetting + Col
  43. 43. Class GallerySetting + Row
  44. 44. Class Gallery + Col
  45. 45. Etapa 6 Teste no seu Navegador
  46. 46. Teste no ser Navegador $ ionic serve
  47. 47. Thanks so much Willian Ribeiro Angelo www.photogramapp.com photogram.ionic@gmail.com

×