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
デザインとエンジニアリングの架け橋を目指す OPTiMのデザインシステム「nucleus」の軌跡と広げ方
optim
0
120
RemoteFunctionを使ったコロケーション
mkazutaka
1
120
あなたの知らない Linuxカーネル脆弱性の世界
recruitengineers
PRO
3
160
AIとともに歩んでいくデザイナーの役割の変化
lycorptech_jp
PRO
0
880
パフォーマンスチューニングのために普段からできること/Performance Tuning: Daily Practices
fujiwara3
2
130
オブザーバビリティと育てた ID管理・認証認可基盤の歩み / The Journey of an ID Management, Authentication, and Authorization Platform Nurtured with Observability
kaminashi
1
720
マルチエージェントのチームビルディング_2025-10-25
shinoyamada
0
180
re:Inventに行くまでにやっておきたいこと
nagisa53
0
230
20251027_findyさん_音声エージェントLT
almondo_event
2
440
SQLAlchemy の select(User).where(User.id =="123") を理解してみる/sqlalchemy deep dive
3l4l5
3
430
CREが作る自己解決サイクルSlackワークフローに組み込んだAIによる社内ヘルプデスク改革 #cre_meetup
bengo4com
0
340
AWS DMS で SQL Server を移行してみた/aws-dms-sql-server-migration
emiki
0
240
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.9k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
The Language of Interfaces
destraynor
162
25k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Faster Mobile Websites
deanohume
310
31k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Building an army of robots
kneath
305
46k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
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