UCF Fall 2017 Senior Design final presentation

This is the final presentation I gave at UCF Fall 2017 Senior Design.

Transcript

1. Qwikcut Video management system Group 8 Kohei Arai Eric Downey
2. Table of contents u Background of the project u Demo u Instant access u Telestration u Stats entry u Development workflow u Error reporting u Server monitoring u If time left, highlights
3. What is Qwikcut? u Videography company that focuses on high school and youth sports u Currently used by over 500 youth football teams and 50 high schools u Used by coaches and athletes to evaluate performance
4. Hudl u Competitor of Qwikcut u Platform to help coaches and players review game films and analyze them u 150,000 active teams and nearly 5.5 million unique users
5. Problems u Hudl is doing great! u ...But has some problems we would like to solve u Video quality u Immediacy u Price
6. Problems u Hudl is doing great! u ...But has some problems we would like to solve u Video quality u Immediacy u Price
7. Current flow
8. Future flow
9. QwikBox - Immediate uploads u Done by different senior design team already u Small computer receiving video directly from the camera u Uploads clips after each play
10. System architecture
11. System architecture 1
12. System architecture 2
13. System architecture 3
14. System architecture 4
15. Tech stack u Qwikcut API u Microsoft SQL hosted on Azure u MongoDB hosted on mLab u NodeJS app running on Heroku u Qwikcut portal u Angular.io u Twitter Bootstrap u jQuery
16. DEMO
17. u Released on August 22nd u 2,226 user accounts u 1,149 user accounts actually logs in the system at least once
18. Telestration u Drawing on the video player
19. Telestration u Drawing on the video player
20. DEMO
21. Telestration – Tech stack u Frontend u SVG u RxJS u Backend u MongoDB u Mongoose
22. Telestration – DB schema u footballstatsid: clip identifier u telestrationat: the seconds telestration is drawn u telestrations: contain all drawing information
23. Telestration – Sample
24. Telestration – Sample
25. Telestration – Usage
26. Stats entry u Qwikcut has statisticians which enters stats for each clip u Our project also includes providing that feature
27. Stats entry
28. DEMO
29. Stats entry u Clicking sync/Prev/Next saves entered stats u To save computation power, sends only changes u Updates will be delivered to coaches/athletes by socket.io
30. Overall stats u Stats entered by statisticians are automatically reflected on coaches view
31. Development workflow 1. Create a JIRA issue 2. Checkout and work 3. Make PR 4. Merge to master 5. Push to production
32. Development workflow 1. Create a JIRA issue 2. Checkout and work 3. Make PR 4. Merge to master 5. Push to production
33. Development workflow 1. Create a JIRA issue 2. Checkout and work 3. Make PR 4. Merge to master 5. Push to production
34. Development workflow 1. Create a JIRA issue 2. Checkout and work 3. Make PR 4. Merge to master 5. Push to production
35. Development workflow 1. Create a JIRA issue 2. Checkout and work 3. Make PR 4. Merge to master 5. Push to production
36. Error reporting Ø When API fails to handle the request, it logs to the console Ø The error log is sent to the Slack channel
37. Checking the server health u We are using NewRelic to detect slow API entry point
38. Checking the server health
39. Project budget All numbers are in monthly charge
40. Next steps u SSL secured connection u Better scrubbing u Touch enabled telestration u Live streaming