PurdueCAM2Project/CAM2WebUI
Basic Setup
Git and GitHub
Heroku
Viewing Website Locally
Selenium Test Environment
Sphinx-generated Github Page
Travis CI Setup
Implementation Details
User
Google Fusion Table
Camera Pop Up View
Email
Admin
App List
load_latlngJSON
Test Setup
Django Selenium test
PurdueCAM2Project/CAM2WebUI
Docs
»
Welcome to PurdueCAM2Project/CAM2WebUI’s documentation!
View page source
Welcome to PurdueCAM2Project/CAM2WebUI’s documentation!
¶
Basic Setup
Git and GitHub
Basic Git and GitHub
Frequently Used Git Commands
Managing branches
Issuing a pull request
Cleaning up
Heroku
Using Heroku Site
UI Team Leader Responsibilties
Viewing Website Locally
Virtualenv Setup
Configuring Python Virtual Environment
Exporting Config vars
Run Local Server
Selenium Test Environment
Download Python Selenium
Download Firefox/Chrome driver
Install X virtual framebuffer(xvfb)
Ready to Write Selenium Test
Sphinx-generated Github Page
Environment Setup
Sphinx Configuration
Initial Sphinx Set up
Add build folder to gitignore
Add Sphinx RTD theme
Add Sphinx MarkDown Support
Index.rst setup
Write Documentation
Locally View Documentation
Deploy to Github Page
Deploy with Travis-CI
Locally built and deploy by push
Travis CI Setup
Connect Travis CI with Github
Travis CI Configuration File
Environment Selection
pre-test scripts and installation
testing scripts
deployment
Notifications
Implementation Details
User
1. User Registration
Routing the URLS
Creating a form
Creating a model
Writing a register view:
Templates:
2. User Login and Logout
Routing the URLS
Login template
3. Forgot Password (Password Reset)
Goal
approach
4. User Third party login
Installation
Configuration
GitHub Authentication
Google Authentication
Add url in page
5. User Profile
Relate submit button with forms
Obtain data of user specified by fields in the form
Views
Template
Google Fusion Table
Preparation
Enable Google API
Install Google Client Library
Authentication and upload files to Google Drive
Sync Fusion Table with Google Spreadsheet
Export spreadsheet to Google Fusion table
Add the script to the spreadsheet
Syncing 100,000 + entries to Fusion table
Previous script
New Script
Steps to configure Google Apps Project
Potential issues
Troubleshooting Google Apps Script
Using Google Fusion Tables
About fusion tables
Creating fusion tables
Filtering data in fusion tables
Getting HTML and Javascript code for map obtained from location data
Querying data from fusion tables using Javascript
Customizing markers‘ info windows
Populating Googlesheet with metadata from CAM2 API database
Configure environment variables
Google Oauth for updating Googlesheet
Run the script
Adding parameters
Camera Pop Up View
The Modal Box - cameras.html
Styling the Box - cameras.css
Opening and Closing the Modal - cameras.js and cameras.html
Email
1. User Email Confirmation
Approach
Related Templates
2.Contact Us
Goal
Approach
Related Templates
3. Send Email from Admin
Goal
decorator
Send Email Page
Template
Admin
1. Redefine User Admin
Inline
2. Admin action of Send Email from Admin
Goal
Approach
3. Export User Data to CSV
Goal
UserAdmin class and Admin action
Action Function
App List
Build up the new model
Creating forms
Writing a view:
Template:
load_latlngJSON
What is it
Why it was needed
Executing the script
Documentation
Using Beautiful Soup to parse webpage
Using geocode API
Creating JSON file
Test Setup
Django Selenium test
Running Django Test
Setting up Liveserver testcases
Setup and TearDown
Creating testcases
Webdriver API