Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
UCF Fall 2017 Senior Design final presentation
Search
Kohei
December 01, 2017
Technology
0
33
UCF Fall 2017 Senior Design final presentation
This is the final presentation I gave at UCF Fall 2017 Senior Design.
Kohei
December 01, 2017
Tweet
Share
More Decks by Kohei
See All by Kohei
LeetCode 83 - Remove duplicates from sorted list
1kohei1
2
360
LeetCodeガイド
1kohei1
2
870
アメリカでの一年目
1kohei1
0
63
Other Decks in Technology
See All in Technology
最近たまに見かけるTiDBってなんだ? - Findy
pingcap0315
2
750
Terraformあれやこれ/terraform-this-and-that
emiki
8
1.3k
日本におけるデータエンジニアリングのこれまでとこれから
foursue
16
4k
推しは推せるときに推せ! プロダクトにフィードバックしていこう
nakasho
0
240
複雑な構成要素を持つUIとの向き合い方 〜新・支出グラフでの実例〜 / B43 TECH TALK
nakamuuu
0
130
HEXA OSINT CTF V3 作戦会議
meow_noisy
0
130
SREとその組織類型
tatsuo48
9
1.6k
Cracking the KubeCon CfP
inductor
2
170
サーバー間 GraphQL と webmock-graphql の話 / server-to-server graphql and webmock-graphql
qsona
2
170
反実仮想機械学習とは何か
usaito
PRO
8
3k
ServiceNow Knowledge 24の歩き方 EYストラテジー・アンド・コンサルティング
manarobot
0
170
Algyan イベント振り返り
linyixian
0
200
Featured
See All Featured
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Become a Pro
speakerdeck
PRO
10
4.5k
Facilitating Awesome Meetings
lara
41
5.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
115
18k
In The Pink: A Labor of Love
frogandcode
138
21k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.4k
Being A Developer After 40
akosma
56
580k
Automating Front-end Workflow
addyosmani
1355
200k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
Adopting Sorbet at Scale
ufuk
67
8.6k
What the flash - Photography Introduction
edds
64
11k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
321
20k
Transcript
Qwikcut Video management system Group 8 Kohei Arai Eric Downey
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
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
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
Problems u Hudl is doing great! u ...But has some
problems we would like to solve u Video quality u Immediacy u Price
Problems u Hudl is doing great! u ...But has some
problems we would like to solve u Video quality u Immediacy u Price
Current flow
Future flow
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
System architecture
System architecture 1
System architecture 2
System architecture 3
System architecture 4
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
DEMO
u Released on August 22nd u 2,226 user accounts u
1,149 user accounts actually logs in the system at least once
Telestration u Drawing on the video player
Telestration u Drawing on the video player
DEMO
Telestration – Tech stack u Frontend u SVG u RxJS
u Backend u MongoDB u Mongoose
Telestration – DB schema u footballstatsid: clip identifier u telestrationat:
the seconds telestration is drawn u telestrations: contain all drawing information
Telestration – Sample
Telestration – Sample
Telestration – Usage
Stats entry u Qwikcut has statisticians which enters stats for
each clip u Our project also includes providing that feature
Stats entry
DEMO
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
Overall stats u Stats entered by statisticians are automatically reflected
on coaches view
Development workflow 1. Create a JIRA issue 2. Checkout and
work 3. Make PR 4. Merge to master 5. Push to production
Development workflow 1. Create a JIRA issue 2. Checkout and
work 3. Make PR 4. Merge to master 5. Push to production
Development workflow 1. Create a JIRA issue 2. Checkout and
work 3. Make PR 4. Merge to master 5. Push to production
Development workflow 1. Create a JIRA issue 2. Checkout and
work 3. Make PR 4. Merge to master 5. Push to production
Development workflow 1. Create a JIRA issue 2. Checkout and
work 3. Make PR 4. Merge to master 5. Push to production
Error reporting Ø When API fails to handle the request,
it logs to the console Ø The error log is sent to the Slack channel
Checking the server health u We are using NewRelic to
detect slow API entry point
Checking the server health
Project budget All numbers are in monthly charge
Next steps u SSL secured connection u Better scrubbing u
Touch enabled telestration u Live streaming