Code Monkey home page Code Monkey logo

cp-dashboard's Introduction

Campus Dashboard

必要な情報を一目で確認できる、タイマー付きのダッシュボードサイト。

Campus Dashboardのスクリーンショット

特徴

大型スクリーンに映したいあの情報や、ああったらいいなと思う機能を、一つの画面にまとめたWeb Appです!

主な機能

  • 大きな時計
  • タイマー
  • 設定時間に応じた、チャイム/予鈴鳴動
  • 行事カウントダウン
  • 情報表示機能
    • センサーからの情報 (専用のハードウェアが必要 技術情報)
      • 室温
      • 湿度
      • 気圧
    • 気象データからの情報
      • 天気
      • 外気温
      • (気圧)
  • 電光掲示板風の文字スクロール
  • バナー広告風に画像を表示

ダッシュボードの柔軟なカスタマイズ

タイマーやチャイムなどの音源は、設定から自由に変更することが可能です。

また、気象情報の設定地域や気温などのアメダスの観測点も、設定から変更することが可能です。(デフォルトでは、東京地方/東京の気象情報を表示します。)

フォントの変更や、テーマの変更も可能です!

静的にホスティング可能

このウェブアプリは、情報の取得なども含め、すべての処理をクライアント側で行うことが可能です。

そのため、静的ファイルをホスティングするだけで簡単に導入することができるほか、データ収集は行わないため、プライバシーにも配慮されています。

その他

詳しい詳細や使い方などは、Wikiを参照してください。

気象データについて

気象データは、気象庁のホームページから取得しています。

このデータは、気象庁が提供している「気象庁ウェブサービス利用規約」に基づいて利用しています。

フォントのライセンス

効果音のライセンス

cp-dashboard's People

Contributors

corenion avatar

Stargazers

 avatar

Watchers

 avatar

cp-dashboard's Issues

定期実行の処理がバックグラウンド時に(ほぼ)停止する

ここ数日、バックグラウンド時に時計更新/チャイム鳴動用のループの実行回数が激減する問題が発生しています。
この影響で、チャイムなどが遅延する問題が発生しています :(

時刻管理のコードは発生直前まで特に処理を変えていないため、どこかで仕様変更/バグが発生した可能性がありますが、いずれにせよ安定的に動作するように仕様変更が必要です。
現在、時計の更新にWeb Workerを用いる方法に書き直すことを検討しています。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.