# Letter Book

17449 ワード
Rails JavaScript Bootstrap jQuery Ruby Ruby テキストリンク

Letter Book

現在保育士として勤務している中で、保育士の日々の業務の簡素化、
保護者と保育士間で円滑にコミュニケーションが取れないかと考え、業務の1つである
** お便り帳アプリを制作しました。 **

動作環境

  • ruby 2.6.6
  • Rails 6.0.3.2
  • JavaScript
  • jQuery

データベース

  • PostgreSQL

DEMO

工夫したところ

実際に現場の職員の話、助言をいただき使っていたただくユーザ目線を考え試行錯誤しなが作成。
具体的には、

◎スマホで操作できるようレスポンシブデザイン

◎忙しい朝の時間にボタン１クリックで登園の時間を送信(time_zoneを使用）

◎保育園からのお知らせ、配布物も"iframe"を使いwordで資料、手紙等を共有し配布漏れ、印刷物のコスト削減。

◎"googleCalendar"を埋め込む事でアプリ内で年間行事（日時を）知る事ができる。

◎返信を書くのが忙しい保護者ように（イイね機能を応用し、見ました！スタンプを実装）

設定

⭐️アプリ側（保護者）

⭐️管理者画面（保育園側）

使用方法

プロフィール画像

お便り帳返信 ①

  • ✏︎保育園での様子,家庭での様子をやりとりする
  • 保育園での様子 → 家庭での様子（検温 家庭での様子を記入） → 投稿
  • #忙しいときは『ニコちゃんマーク』押すと、『見ました！』印でリアクション）

登校時間＆降園時間をワンクリックで

  • ✏︎登園＆お迎えの時間をログイン名付で管理者画面へ送る
  • "登園"or"降園"を押すと押した時間を取ってきて表示！

土曜申請書

  • ✏︎土曜申請を作成し、管理者画面へ送る


- 『土曜申請』をクリックし、1,日付 2,時間 3,理由 入力する


- 『土曜申請一覧』で一覧を見たり、内容編集＆削除出来る

欠席届け

  • ✏︎欠席届けを作成し、管理者画面へ送る
  • 『欠席届け』をクリックし、1,日付 2,時間 3,症状　入力する


- ✏︎欠席届け編集
- 欠席届けも同じく一覧見たり、編集＆削除可能

献立

  • ✏︎1日の食事＆おやつを写真つきで確認
  • Topページから 『献立』クリック → 『詳細』（献立の詳細） → 『おやつ』（おやつの詳細）

お問合せ

  • ✏️保育園へお問合せ
  • Topページから 『お問合せ』クリック → 『お問合せform』 → お問合せ内容を入力 #管理者画面とチャット感覚でやりとりが可能

お知らせ

  • ✏︎園からのクラス頼り、お知らせを確認
  • Topページから 『お知らせ』クリック → 保育園からのお知らせ、配布物も"iframe"を使いwordで資料、手紙等を共有し配布漏れ、印刷物のコスト削減。 ### 管理者画面
  • ✏️保育園側のページ（データを管理、お便り帳、献立等記載ページ）
  • ①の部分のお便り帳や、 献立の部分入力し保護者とのやりとりを図る
  • 登園＆降園、欠席&土曜申請のデータは全部管理者画面に送られる！（ログイン機能も実装して事により、どれが誰のデータなのか区別がつく。

absencesテーブル

Column Type Options
integer app_id ---------------
string title default: "その他"
date date null: false
datetime created_at precision: 6, null: false
datetime updated_at precision: 6, null: false

appsテーブル

Column Type Options
string email default: "", null: false
string image ---------------
string title ---------------
datetime created_at precision: 6, null: false
datetime updated_at precision: 6, null: false

contactsテーブル

Column Type Options
string title ---------------
text content ---------------
bigint app_id null: false
boolean my_contact default: false

lettersテーブル

Column Type Options
float body_temperature テーブルを表示したい
string content テーブルを表示したい
integer post_id null: false
integer app_id null: false
datetime created_at precision: 6, null: false
datetime updated_at precision: 6, null: false

menusテーブル

Column Type Options
string title ---------------
text app_id ---------------
string image ---------------
text snack_content ---------------
string snack_image ---------------
datetime created_at precision: 6, null: false
datetime updated_at precision: 6, null: false

postsテーブル

Column Type Options
string title ---------------
text content ---------------
string image ---------------
bigint app_id null: false
datetime created_at precision: 6, null: false
datetime updated_at precision: 6, null: false

saturday_applicationsテーブル

Column Type Options
time start_time ---------------
string title default: "その他"
time end_time ---------------
date date null: false
integer app_id ---------------
datetime created_at precision: 6, null: false
datetime updated_at precision: 6, null: false

sawsテーブル

Column Type Options
integer app_id ---------------
integer post_id ---------------
datetime created_at precision: 6, null: false
datetime updated_at precision: 6, null: false

textsテーブル

Column Type Options
string title ---------------
datetime created_at precision: 6, null: false
datetime updated_at precision: 6, null: false

welcom_timesテーブル

Column Type Options
string name ---------------
datetime time ---------------
datetime created_at precision: 6, null: false
datetime updated_at precision: 6, null: false

wordsテーブル

Column Type Options
string Myfile ---------------
string title ---------------
integer filename ---------------
integer comment ---------------
datetime created_at precision: 6, null: false
datetime updated_at precision: 6, null: false

実装ページ

  • topページ : ＊ /app/views/posts

  • 管理者画面 : * /app/admin

  • コンタクトページ : * /app/views/contacts

  • 献立ページ : * /app/views/menus

  • 欠席届けページ : * /app/views/absences

  • 土曜申請届けページ : * /app/views/saturday_applications

  • プロフィール設定 : * /app/views/my_pages

  • 返信（家庭での様子） : * /app/views/letters

使用したgem

・ "Devise-i18n"
・ "jquery-rails"
・ "Activeadmin"
・ "Mini_magick"
・ "pry-byebug"

５名の職員実際に使ってもらいアンケートを実施

ご意見

  • 朝はとにかく忙しく、より簡単かつ、素早くやりとり出来るも方がいい。
  • すぐにいきたいページへいきたいので、TOPページボタンを全て配置して欲しい。
  • スマホで操作できるのはありがたい。

今後は皆さんの意見をいただいた箇所を改善し、使いやすく価値提供ができるアプリを作っていきたい。