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
いまさら聞けない ABテスト入門
skmr2348
1
180
インサイト情報からどこまで自動化できるか試してみた
takas0522
0
130
バイブコーディングと継続的デプロイメント
nwiizo
2
380
Optuna DashboardにおけるPLaMo2連携機能の紹介 / PFN LLM セミナー
pfn
PRO
1
820
Why React!?? Next.jsそしてReactを改めてイチから選ぶ
ypresto
10
4.1k
KAGのLT会 #8 - 東京リージョンでGAしたAmazon Q in QuickSightを使って、報告用の資料を作ってみた
0air
0
190
LLMアプリケーション開発におけるセキュリティリスクと対策 / LLM Application Security
flatt_security
7
1.7k
PLaMoの事後学習を支える技術 / PFN LLMセミナー
pfn
PRO
9
3.7k
about #74462 go/token#FileSet
tomtwinkle
1
270
FastAPIの魔法をgRPC/Connect RPCへ
monotaro
PRO
1
660
Sidekiq その前に:Webアプリケーションにおける非同期ジョブ設計原則
morihirok
17
7.1k
OCI Network Firewall 概要
oracle4engineer
PRO
1
7.7k
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
54
11k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Fireside Chat
paigeccino
40
3.7k
Producing Creativity
orderedlist
PRO
347
40k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
890
Bash Introduction
62gerente
615
210k
Become a Pro
speakerdeck
PRO
29
5.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
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