Letter Book
現在保育士として勤務している中で、保育士の日々の業務の簡素化、
保護者と保育士間で円滑にコミュニケーションが取れないかと考え、業務の1つである
** お便り帳アプリを制作しました。 **
動作環境
- ruby 2.6.6
- Rails 6.0.3.2
- JavaScript
- jQuery
データベース
- PostgreSQL
DEMO
工夫したところ
実際に現場の職員の話、助言をいただき使っていたただくユーザ目線を考え試行錯誤しなが作成。
具体的には、
◎スマホで操作できるようレスポンシブデザイン
◎忙しい朝の時間にボタン１クリックで登園の時間を送信(time_zoneを使用）
◎保育園からのお知らせ、配布物も"iframe"を使いwordで資料、手紙等を共有し配布漏れ、印刷物のコスト削減。
◎"googleCalendar"を埋め込む事でアプリ内で年間行事（日時を）知る事ができる。
◎返信を書くのが忙しい保護者ように（イイね機能を応用し、見ました！スタンプを実装）
設定
⭐️アプリ側（保護者）
⭐️管理者画面（保育園側）
使用方法
プロフィール画像
- ✏︎好きなプロフィール写真＋名前を設定する
- ログインするとTOPページにいきます。TOPページ下にある『プロフィール』クリックし、プロフィール変更可能
お便り帳返信 ①
- ✏︎保育園での様子,家庭での様子をやりとりする
- 保育園での様子 → 家庭での様子（検温 家庭での様子を記入） → 投稿
- #忙しいときは『ニコちゃんマーク』押すと、『見ました！』印でリアクション）
登校時間＆降園時間をワンクリックで
- ✏︎登園＆お迎えの時間をログイン名付で管理者画面へ送る
- "登園"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 | 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ページボタンを全て配置して欲しい。
- スマホで操作できるのはありがたい。