LogoMark.png

上原一成/卒業研究I のバックアップの現在との差分(No.0)


#author("2021-07-27T21:19:43+09:00","default:member","member")
*Live Room
Live配信で空き状況を確認できる予約システム 
~
#image(学科サイトヘッダー.png)
~
-''Issei Uehara''
-'''Keywords:webサービス, 予約システム'''
-[[試作>http://classsystem.herokuapp.com/]]

~


**Overview
***Introduction / What is This
Live配信で空き状況を確認できる予約システム 
~
~
***Background and Purpose
 近年デジタル化が進む中で、世の中をより便利にするシステムが増えてきている。しかし、便利になったとはいえいまだに不便であったり、そもそもデジタル化の進んでいない地域なども数多く存在している。そのため、もっと使いやすいシステムを自分で作れないか考えてみた。なかでも、今回は身近なシステムである予約システムにフォーカスを当て制作しようと考えた。
~
~
***Concept
-カメラを用いたLive配信を行いより詳細に部屋の状況がわかるようにする
-誰でも使いやすくわかりやすいデザイン
-ログインから入室までのプロセスが簡単である
~
~
***Output
webサービス
~

***Tools
-言語 php
-フレームワーク laravel
-インフラ herokuまたはaws
-データベース mysql
-バージョン管理 github
~

***Term
1年間
~

**Survey
~
-サービスにおけるセキュリティの重要性
[[最近話題になったワクチン予約システムの不備>https://xtech.nikkei.com/atcl/nxt/news/18/10376/]]
[[セキュリティーの重要性>https://www.shadan-kun.com/blog/measure/5671/]]
~
-ユーザビリティー
[[ユーザビリティーを考えたデザイン設計>https://cubecube.net/it_blog/archives/3112]]
[[ページ表示速度の離脱率・直帰率>https://sui-sei.jp/columns/site-search/post-display_speed/]]
~
-コロナ禍でどのようなサービスが注目されているのか
[[話題のwebサービス>https://creive.me/service/]]
~
-世の中のDX動向
[[50%がコロナ禍で「DX推進を加速した」と回答、日本企業のDX動向調査>https://monoist.atmarkit.co.jp/mn/articles/2101/14/news025.html]]
~
-DX(デジタルトランスフォーメーション)とは
[[DX>https://www.i-learning.jp/topics/column/useful/digitaltransformation.html]]
~
-予約管理システム事例
[[予約管理システム>https://boxil.jp/mag/a4578/]]


~
***Technique / Technology
-[[laravel 公式ドキュメント>https://readouble.com/laravel/8.x/ja/]]

~
~

**Project Management

***Schedule
-[[スケジュール>https://docs.google.com/spreadsheets/d/1en5Cdf2Do7z-ZYRny6f6Hykn0C0jnreWvrSLKtViwEE/edit#gid=0]]
-[[プロトタイプデザイン>https://xd.adobe.com/view/90e0d010-73cf-4425-bda2-eed7eec3797c-c5b3/]]
-[[機能の洗い出し>https://docs.google.com/spreadsheets/d/1TPoCDRkx8kXhfRjtaWRVG6GaEruprcabAEwnbp8o70c/edit#gid=0]]
-[[データベース設計>https://dbdiagram.io/d/60828114b29a09603d11cd03]]
~

***ToDo
-ログイン画面・新規登録画面を入室ボタンを押した際にモーダル表示にする
-入室した人をデータベースへ登録・削除機能
%%-座席表作成%%
%%-教室ごとの授業スケジュールおよび格納人数の確認%%
%%-ログアウト機能の実装%%
%%-新規登録画面とログイン画面のバリデーション%%
%%-新規登録画面作成%%
%%-ログイン画面作成%%
%%-プロトタイプデザイン作成%%
%%-機能の洗い出し%%
%%-データベース設計%%
%%-卒業制作テーマ決め%%






~
~
~

#hr
CENTER:''worklog''
#hr
~
~
**2021.07.13
-制作進捗
--卒研概要の作成
--YoutubeのLive配信をサイトに埋め込めるかの検証
--本番環境の構築
~
**2021.07.09
-Youtubeを用いたLive配信で部屋の状態がより詳細に分かるようにする
-制作進捗
--卒研概要の作成
--ロゴの作成
~
**2021.07.02
-制作進捗
--座席表の作成
--授業時間割表の作成
-調査
--[[予約管理システムの事例>https://boxil.jp/mag/a4578/]]
~
**2021.06.25
-制作進捗
--XDデザイン訂正
ログイン画面を入室ボタンを押した時にモーダルで表示
~
**2021.06.18
-学科サイト編集
-制作進捗
--教室ごとの座席表作成
--レイアウト編集
~
**2021.06.11
-制作進捗
--学科サイトのヘッダー作成
--レイアウト編集
~
**2021.06.04
-制作進捗
--教室ごとの授業スケジュールおよび格納人数の確認
--学科サイトのヘッダー作成
--DB設計編集
~
**2021.05.21
-[[プロトタイプデザインの修正>https://xd.adobe.com/view/90e0d010-73cf-4425-bda2-eed7eec3797c-c5b3/]]
-追加予定機能
--授業スケジュール
--入室者カウント
--着席と離席の時間ログの蓄積
--管理者権限(授業スケジュールの変更)
~
**2021.05.14
ログイン画面、新規登録画面の作成
-ログインフォームのバリデーション
--学籍番号の入力チェック
--パスワードの入力チェック
--学籍番号7文字
--パスワード20文字以内
-新規登録フォームのバリデーション
--学籍番号の重複不可
~
**2021.05.07
-[[プロトタイプデザイン>https://xd.adobe.com/view/90e0d010-73cf-4425-bda2-eed7eec3797c-c5b3/?fullscreen]]
-[[機能の洗い出し>https://docs.google.com/spreadsheets/d/1TPoCDRkx8kXhfRjtaWRVG6GaEruprcabAEwnbp8o70c/edit#gid=0]]
-[[データベース設計>https://dbdiagram.io/d/60828114b29a09603d11cd03]]
~
--kslifeアカウントでログインできると便利
--アカウントさえ作ってしまえば誰でもログインできるので
セキュリティをどうするか考える

~
**2021.04.23
今のところ17号館5階に限定して教室管理システムを作成予定
~
-教室の空き状況をweb上で管理するメリット
--教室を利用するたびに紙に記入しなくて良い
--出席を簡単に確認できる(教員側)

~
**2021.04.16
卒業研究方向性
-phpなどのサーバーサイドの言語を勉強中なのでそれを生かした簡単なwebサービスを作成予定?
~
具体例
-掲示板
-簡易的SNS
-17号館5階の教室管理がいまだに紙で行われているので、web上で管理できるツールがあれば便利

~
~

~