Upload
willian-ribeiro-angelo
View
426
Download
2
Embed Size (px)
Citation preview
PhotogramVersion 1.3
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
Step 1 After Purchase
Github
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.
Step 2Clone Project
Git Clone
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
Step 3Getting Starter
$ npm install
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
Step 4Ionic Analytics
Ionic Analytics
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
Step 5Getting Starter with 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
Step 5Create Data Class
Acesse o menu Coredepois 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
Step 6Test in your Browser
Test in your Browser$ ionic serve