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
58
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
400
LeetCodeガイド
1kohei1
2
930
アメリカでの一年目
1kohei1
0
83
Other Decks in Technology
See All in Technology
dbtとAIエージェントを組み合わせて見えたデータ調査の新しい形
10xinc
7
1.4k
AI連携の新常識! 話題のMCPをはじめて学ぶ!
makoakiba
0
150
ざっくり学ぶ 『エンジニアリングリーダー 技術組織を育てるリーダーシップと セルフマネジメント』 / 50 minute Engineering Leader
iwashi86
6
3k
Open Table Format (OTF) が必要になった背景とその機能 (2025.10.28)
simosako
2
440
猫でもわかるAmazon Q Developer CLI 解体新書
kentapapa
1
140
書籍『実践 Apache Iceberg』の歩き方
ishikawa_satoru
0
230
re:Inventに行くまでにやっておきたいこと
nagisa53
0
720
OSSで50の競合と戦うためにやったこと
yamadashy
3
1k
What's new in OpenShift 4.20
redhatlivestreaming
0
370
RemoteFunctionを使ったコロケーション
mkazutaka
1
140
AI時代の発信活動 ~技術者として認知してもらうための発信法~ / 20251028 Masaki Okuda
shift_evolve
PRO
1
120
AWSが好きすぎて、41歳でエンジニアになり、AAIを経由してAWSパートナー企業に入った話
yama3133
2
180
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Raft: Consensus for Rubyists
vanstee
140
7.2k
Designing for Performance
lara
610
69k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Designing Experiences People Love
moore
142
24k
Producing Creativity
orderedlist
PRO
348
40k
Speed Design
sergeychernyshev
32
1.2k
Building Applications with DynamoDB
mza
96
6.7k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Thoughts on Productivity
jonyablonski
71
4.9k
It's Worth the Effort
3n
187
28k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
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