47
Photogram Version 1.3

Photogram - English Manual

Embed Size (px)

Citation preview

Page 1: Photogram  - English Manual

PhotogramVersion 1.3

Page 2: Photogram  - English Manual

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

Step 1 After Purchase

Page 4: Photogram  - English Manual

Github

Page 5: Photogram  - English Manual

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

Step 2Clone Project

Page 7: Photogram  - English Manual

Git Clone

Page 8: Photogram  - English Manual

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

Step 3Getting Starter

Page 10: Photogram  - English Manual

$ npm install

Page 11: Photogram  - English Manual

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

Step 4Ionic Analytics

Page 13: Photogram  - English Manual

Ionic Analytics

Page 14: Photogram  - English Manual

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

Step 5Getting Starter with Parse

Page 16: Photogram  - English Manual

Parse.com

Page 17: Photogram  - English Manual

Crie uma conta gratuita

Page 18: Photogram  - English Manual

Caso já tenha uma conta

crie um novo projeto

Page 19: Photogram  - English Manual

Clique em Data

Page 20: Photogram  - English Manual

Clique em Web

Page 21: Photogram  - English Manual

Clique em New Project

Page 22: Photogram  - English Manual

Agora clique em Settings

Page 23: Photogram  - English Manual

Acesse o painel de Settings

depois, copie suas credenciais para colar na próxima etapa

Page 24: Photogram  - English Manual

Cole suas credenciais em

www/js/config.parse.js

Page 25: Photogram  - English Manual

Step 5Create Data Class

Page 26: Photogram  - English Manual

Acesse o menu Coredepois clique em Add Class

Page 27: Photogram  - English Manual

Class User

Page 28: Photogram  - English Manual

Class User+ Col

Page 29: Photogram  - English Manual

Class UserFollow

Page 30: Photogram  - English Manual

Class UserFollow+ Col

Page 31: Photogram  - English Manual

Class Gallery

Page 32: Photogram  - English Manual

Class Gallery+ Col

Page 33: Photogram  - English Manual

Class GalleryComment

Page 34: Photogram  - English Manual

Class GalleryComment

+ Col

Page 35: Photogram  - English Manual

Class GalleryLike

Page 36: Photogram  - English Manual

Class GalleryLike+ Col

Page 37: Photogram  - English Manual

Class GalleryActivity

Page 38: Photogram  - English Manual

Class GalleryActivity+ Col

Page 39: Photogram  - English Manual

Class GalleryFeedback

Page 40: Photogram  - English Manual

Class GalleryFeedback

+ Col

Page 41: Photogram  - English Manual

Class GallerySetting

Page 42: Photogram  - English Manual

Class GallerySetting+ Col

Page 43: Photogram  - English Manual

Class GallerySetting+ Row

Page 44: Photogram  - English Manual

Class Gallery+ Col

Page 45: Photogram  - English Manual

Step 6Test in your Browser

Page 46: Photogram  - English Manual

Test in your Browser$ ionic serve