# 情報システムの構築と応用・補講
12/18 13:00-16:00

本日の課題
1. 各プロジェクトで使おうとしているデータについてまとめていこう
2. サイネージの画面イメージをこのHackMDで共有しよう

HackMD画面に画像をドラッグアンドドロップすると、アップロードされて貼り付けられます↓

以下、#10のHackMDから転載
----
①スポーツ熱中都市
コンセプトシート：　https://docs.google.com/presentation/d/19wfXdodv5XNwZcIZsp_HB6ZTO3gVPe2-M0Bti7u0YnE/edit#slide=id.g15d33d011b0_0_10

- リーダー、プレゼンテータ、書記、プログラミング
- 江尻、西沢、島田、眞仁田、木村、上杉、丸山、青木、島﨑、茂木、川鍋
- https://211h10061.wixsite.com/my-site-3
- 使用データ
- スポーツ全般
https://www.city.kumagaya.lg.jp/kanko/kumaspo/index.html　
- スポーツ施設のオープンデータ　https://www2.wagmap.jp/kumagaya/OpenDataDetail?lid=325&mids=50
- 施設　
https://www.city.kumagaya.lg.jp/shisetsu/sports/index.html
- ページのRSS
- スポーツイベント　https://www.city.kumagaya.lg.jp/kanko/event/sports/index.html
- スポーツ協会
https://kumagaya-sport.com/
- 立正大学強化クラブ　
https://www.ris.ac.jp/sports/index.html
-

---
②子供の居場所
コンセプトシート:
https://docs.google.com/presentation/d/19wfXdodv5XNwZcIZsp_HB6ZTO3gVPe2-M0Bti7u0YnE/edit#slide=id.g19959fe842a_0_0
- 子ども食堂の場所の説明→伊藤・小林
- 施設ごとのイベントの表示→高橋・岩井田
- 総合的な編集→田中
- https://rikuriku20021130.wixsite.com/ibasyo
- 子ども食堂の紹介しかまだできてないです！サイネージ用は今後作成予定です。
- 使用データ
-

---
③農産物のブランド化
コンセプトシート：　https://docs.google.com/presentation/d/19wfXdodv5XNwZcIZsp_HB6ZTO3gVPe2-M0Bti7u0YnE/edit#slide=id.g198f1b81fc6_32_0

- リーダー、プレゼンテーター(2人)、書記、プログラマー(全員)
- 宮本、内田、戸塚、小金丸
- https://211h10041.wixsite.com/my-site
- 使用データ
- 熊谷市の農産物：紹介・レシピ、直売所マップ　https://www.city.kumagaya.lg.jp/kanko/nousannbutu/index.html
- JAくまがや：紹介
https://ja-kumagaya.or.jp/nousanbutu/
- 熊谷市公式チャンネル kumagaya city：熊谷の農業 https://www.youtube.com/@kumagayacity
- 「鮮菜美果　熊谷のやさい」パンフレット
https://www.city.kumagaya.lg.jp/about/soshiki/sangyo/nougyoshinkou/oshirase/kumagayanoyasai.html
- SOILマーク
https://www.dgc.co.jp/mark.htm
- 熊谷農業振興課：農業者の紹介 https://www.city.kumagaya.lg.jp/about/soshiki/sangyo/nougyoshinkou/index.html

- 農産物のまとめの例
- 概要
　SOILマークをサイネージに導入する。農業の特徴をサイネージに入れる。
熊谷の農業の特徴としては、二毛作等があげられる。レシピ。
力の入れている野菜もしくは知らないについてはピックアップする。旬の農作物。
- 基本設計
　青パパイヤ、やまといもの売っている場所とレシピをスライドで表示する。
設置場所は病院の待合室を想定。→待っている間に見てもらえる。スライドの枚数は3～6枚くらい?
QRで読み取れるようにしてよいかも。
　直売所のQRを読み込んだ場合に場所の情報(今のところは熊谷市のホームページにいくようにする)が表示されるとか。デジタルが苦手な人(高齢者など)に向けて、配布資料を置いておく。

---
④その他
- リーダー，プレゼン，書記，プログラマー(all)
- 福田，櫻井，林
- https://yukas27084.wixsite.com/mysite
- データは作成完了。
- データをもとに広告(QR付き)を作成する。
- サイトはhtmlとcssとjavasqriptsで作成予定。githubで公開予定。
- ランダムに表示する処理は, もうテンプレートを入手しているのでできそう。
- 後はcssでランダムのドキドキ感を出すために演出,効果音を入れられれば最高。
- ランダムするきっかけが決まっていない。センサーがいいが。(できなかったら1分ごとにランダムをかける)

---
memo

- 参考：デジタルサイネージとは？仕組み・導入から制作にかかる費用・コンテンツ例などを紹介
https://prtimes.jp/magazine/digital-signage/

- 立正大学野球部のトピック（RSS形式)
https://www.ris.ac.jp/sports/baseball/topics/mdcpc70000001och.xml
これを加工して見せかたを工夫するのはあり

## サイネージ仕様

- 画面サイズ：fullHD
- HTML+CSS+JavaScript
- Swiper.js（スライド表示・カルーセル・画面エフェクト）
- leaflet.js（地図表示）
- CSV -> JSON（オープンデータ・独自に集めたデータ）
- RSS -> JSON(HP更新情報からとってくる)
- 実行環境：GitHub pages
- 雛形をgithubで用意、各自fork
- Google Fontからあったフォントを選ぼう

TODO（太田）
- 雛形作成
- GitHub使い方（ユーザ登録は済）
- Raspberry Piのセンサ入力とブラウザへの伝達方法
- グラフ表示
-