Version: 2.2h
GH-Pages site: https://alpiepho.github.io/scoreboard_tap_tn2/
or QR Code:
Then see INSTALL instructions below.
WARNING: this server app was disabled as of 1/14/2024. The code should be usable if re-deployed.
This application is part of a system that expands the typical scoring keeping phone application.
With other scoring applications, two problems occur:
- The score keeper may not always show the score to video or people
- The display on the phone may not be large enough
To solve this, there are actually 3 applications in this system:
- ScoresTN2 - application used by score keeper
- TapTN2 - application used by parents and fans
- ReflectorTN2 - backend server to share the scores
The ScoresTN2 application is similar to other applications you can install from the Apple App Store or Google Play...but you don't need to use either to get it! It is a newer form of web application, a PWA, that can be opened from a website and 'saved' to your IPhone or Android home screen.
The TapTN2 application is similar in style to ScoresTN2, but only "taps' into the ReflectorTN2 site to show the scores that were recently sent by ScoresTN2. Again, you install it by going to the site and use options described below to save it to your home screen.
The ReflectorTN2 application is the backend server that shares the data between the first two applicaitons. There is no user application, but both ScoresTN2 and TapTN2 need to be configured to use the same link to ReflectorTN2.
ScoresTN2 and TapTN2 are PWAs, Progressive Web Applications, written in Flutter. ReflectorTN2 is a Golang application hosted on Google Cloud. It recieves scores from ScoresTN2 and allows TapTN2 to get them. NOTE: the data on ReflectorTN2 is automatically deleted 1 hour after if now new scores are recieved from ScoresTN2 for each score keeper.
FOOTNOTE: if you are wondering about "TN", it stands for "That Name"...the first words the authors father-in-law said when his daughter told him we were getting married. "You are going to have 'that name'?"
This application is a Web application known as a PWA (progressive web application). It is possible to add a PWA to the home screen of an iPhone like it is a downloaded application. Use the following steps:
NOTE: images are from Scores app, but still illustrate the process.
- Open the above link in Safari and click on up-arrow
- Click on "Add to Home Screen"
- Select "Add"
This application is a Web application known as a PWA (progressive web application). It is possible to add a PWA to the home screen of an Android phone like it is a downloaded application. Use the following steps:
NOTE: images are from Scores app, but still illustrate the process.
- Open the above link in Chrome and click on '...'
- Click on "Add to Home Screen"
- Select "Add"
A PWA on iPhone or Android requires internet access to launch the first time. However, once it is running, the application will work fine without and an internet connection.
The application from the above URL will open a responsive web page. It is best viewed on a mobile phone with the most testing on and iPhoneX. If opened on iPhone Safari, you can used the middle bottom button to add to the Home Screen (as a PWA).
The application opens with two large colored buttons for two teams. It also has 3 floating buttons, refresh, switch mode (stream/scores) and settings.
The settings dialog allows some quick actions from icons at the top: clear scores, swap teams, and a done checkmark to save settings listed below. All saved settings are added to the persistent storage so the next launch will read them and the user can pick up where they left off.
The settings dialog also allows selecting the reflector server and which score keeper to track.
Back on the score page, the refesh button will change the score state to the latest state from the reflector.
Toggling the mode button will take to the stream page (actually implemented as a full page modal)). This provides either a raw list of scores from the reflector, or a small color list of scores. Most recent first. Use the Settings page to control what is shown.
Below are some lists of things yet to do and possible future changes.
Thanks for trying out this applications.
- have seen page go black due to some sequence of refresh. Restart the app
- have seen wrong mode appear, again restart the app
- settings changes for raw stream don't change the stream page immediately. Toggle mode.
-
copy and modify for tap
-
review/update README
-
fix QR
-
strip down settings page
-
strip down engine
-
remove gesture from boxes
-
add refesh button
-
clean up un wanted code (can always diff with scores)
-
settings for stream mode
-
stream page/modal
-
stream text
-
stream color
-
[-] latest only
-
read from reflector
-
show comment with dialog
-
send comments?
-
think about security of sending comments
-
review/clear commented out code
-
show QR for this app
-
show QR for ScoresTN2
-
add shows to ScoresTN2
-
new install images (match TapTN2)
-
apply new fonts to stream, or remove??, or from reflector? - from reflector for scores only
-
check save scorer
-
settings: make buttons more obvious
-
settings: refactor
-
settings default link? copy paste on phone?
-
double check QR codes
-
remove version 1 of scores
-
fix engine save/get, add version check
-
longer time on reflector?
-
faster load, try build optimizations
-
add link button for urls found in comments (needs to be followed with space or nothing)
-
stream show sets not working?
-
add debug list to engine and setting to dump, replace print(), add more, setting to enable
-
fix setting of scorer not taking effect
-
timer for scores refresh, 0s, 5s, 10s, 30s, 60s
-
should we removing pending and save for settings (dialogs for text input?)
-
all settings immediately and save on back?
-
refactor duplicate code sections (like _launch url)
-
do we need all settings for stream parts? only for raw
-
fix font size stream (too small)
-
stream options: clear all, get all...
-
apple watch?
-
Jason asked for delay to sync with Youtube at home
void main() {
// --> debugRepaintRainbowEnabled = true;
runApp(Scoreboard());
}
Icons created with https://appicon.co/ NOTE: original image should be square to avoid white edges on IOS Home screen.
QR code generated with https://www.the-qrcode-generator.com/. Used screen capture to save qrocode.png and copied file here.