Embed Size (px)
Citation preview
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 [email protected] 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
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
