Photogram - Manual em Português

PhotogramVersion 1.3

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

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 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.

Etapa 2Clonando 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 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

Etapa 3Iniciando o projeto local

$ npm install

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

Etapa 4Configuraçã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, 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

Etapa 5Configurando 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 5Criando nosso banco de Dados

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

Etapa 6Teste no seu Navegador

Teste no ser Navegador

$ ionic serve

Thanks so much

Willian Ribeiro Angelowww.photogramapp.comphotogram.ionic@gmail.com