photogram - english manual
TRANSCRIPT
![Page 1: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/1.jpg)
PhotogramVersion 1.3
![Page 2: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/2.jpg)
Requirements• Before you begin, make sure you have the following
installed on your machine frameworks• 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 - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/3.jpg)
Step 1 After Purchase
![Page 4: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/4.jpg)
Github
![Page 5: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/5.jpg)
Github• After confirming the purchase of the Photo
Grid Codes sources, you will need a free account on Github to participate in the development group.
• After creating your account on Github, send an email stating your username and email to [email protected] to receive the invitation to access.
![Page 6: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/6.jpg)
Step 2Clone Project
![Page 7: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/7.jpg)
Git Clone
![Page 8: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/8.jpg)
Clone Project• After accepting the invitation from Github, you
will have access to the entire history of the development, and can ask questions and suggest new features.
• To make a copy of the project to your machine, go to the terminal and type the following command:
• git clone https://github.com/photogram/ionic-app-parse.git Photogram
• After cloning, simply access the folder you created called Photogram
![Page 9: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/9.jpg)
Step 3Getting Starter
![Page 10: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/10.jpg)
$ npm install
![Page 11: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/11.jpg)
Dependencies• The Photogram have some special frameworks that
will help you in agile development, to install all that is necessary, simply type the following command in the project folder and run.
• Will automatically install all the NPM and Bower packages.
• $ npm install
![Page 12: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/12.jpg)
Step 4Ionic Analytics
![Page 13: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/13.jpg)
Ionic Analytics
![Page 14: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/14.jpg)
Ionic Analytics• The Photogram comes configured with integration
with Ionic Analytics
• For you set, you will need a free account on https://apps.ionic.io and then type the following command in the terminal.
• $ ionic io init
• *The first time, you will be asked for your email and password ionic analytics to integrate
![Page 15: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/15.jpg)
Step 5Getting Starter with Parse
![Page 17: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/17.jpg)
Crie uma conta gratuita
![Page 18: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/18.jpg)
Caso já tenha uma conta
crie um novo projeto
![Page 19: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/19.jpg)
Clique em Data
![Page 20: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/20.jpg)
Clique em Web
![Page 21: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/21.jpg)
Clique em New Project
![Page 22: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/22.jpg)
Agora clique em Settings
![Page 23: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/23.jpg)
Acesse o painel de Settings
depois, copie suas credenciais para colar na próxima etapa
![Page 24: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/24.jpg)
Cole suas credenciais em
www/js/config.parse.js
![Page 25: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/25.jpg)
Step 5Create Data Class
![Page 26: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/26.jpg)
Acesse o menu Coredepois clique em Add Class
![Page 27: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/27.jpg)
Class User
![Page 28: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/28.jpg)
Class User+ Col
![Page 29: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/29.jpg)
Class UserFollow
![Page 30: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/30.jpg)
Class UserFollow+ Col
![Page 31: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/31.jpg)
Class Gallery
![Page 32: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/32.jpg)
Class Gallery+ Col
![Page 33: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/33.jpg)
Class GalleryComment
![Page 34: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/34.jpg)
Class GalleryComment
+ Col
![Page 35: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/35.jpg)
Class GalleryLike
![Page 36: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/36.jpg)
Class GalleryLike+ Col
![Page 37: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/37.jpg)
Class GalleryActivity
![Page 38: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/38.jpg)
Class GalleryActivity+ Col
![Page 39: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/39.jpg)
Class GalleryFeedback
![Page 40: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/40.jpg)
Class GalleryFeedback
+ Col
![Page 41: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/41.jpg)
Class GallerySetting
![Page 42: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/42.jpg)
Class GallerySetting+ Col
![Page 43: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/43.jpg)
Class GallerySetting+ Row
![Page 44: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/44.jpg)
Class Gallery+ Col
![Page 45: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/45.jpg)
Step 6Test in your Browser
![Page 46: Photogram - English Manual](https://reader035.vdocuments.mx/reader035/viewer/2022062522/588a07ab1a28ab0f388b7a77/html5/thumbnails/46.jpg)
Test in your Browser$ ionic serve