※テンプレートのご利用は「テンプレートを利用する」のマニュアルをご参照ください
テンプレート概要
従業員のシフトを管理するためのテンプレートです。
生産した製品にシリアルコードを付与して登録し、管理することができるため参照したい製品へすぐにアクセスすることができます。
特徴
kintoneと連携したデータ操作
マイページ上で登録したデータはkintone上に保存されるため、kintoneで作成したアプリと連携して登録したデータを使用することができます。
成りすましを防止する認証機能
アカウントの作成には、メールアドレスとパスワード情報が必要です。
登録するメールアドレスは他人が無断で使用できないようダブルオプトインを採用しています。
生産した製品の一括管理
1レコードずつ登録することができ、登録した製品レコードを一覧で確認することができるため、生産した製品を一括管理することができます。
利用に必要な技術
- PHP言語が扱えること
- HTMLが扱えること
- CSSが扱えること
- JavaScriptが扱えること
テンプレートの詳細
全体フロー図
実装機能一覧
- アカウント作成
- メールアドレス登録
- ダブルオプトイン
- パスワード登録
- ログイン機能
- ログアウト機能
- TOPページ
- 製品データ一覧
- 製品データの登録
- 製品データの詳細
- 製品データの更新
- 製品データの削除
各機能説明、および使用されるページやアクションなど
アカウント作成
-
機能について
-
マイページへのログイン、およびログインするために必要なアカウントを作成するための機能が実装されています。
-
Kintone の「アカウント情報アプリ」のデータベースに登録されるサンプルコードが記載されています。アプリを作る際、下記の項目を作成してください。
- メールアドレス
- パスワード(ハッシュ化されて登録されます)
- セッション情報
-
メールアドレス登録
-
ページ図
-
使用されている form spice の機能
-
メニュー:ページ
- HTMLデザイン
- アセット(JavaScript)
-
メニュー:アクション
- プログラム
- メニュー:分岐設定
- メニュー:チェックポイント設定
-
メニュー:ページ
ダブルオプトイン
-
機能について
- 入力したメールアドレス宛に認証コードが自動的に発行されます。
- 認証コードの発行はテンプレート内部に実装されています。
-
ページ図
使用されている form spice の機能
-
メニュー:ページ
- HTMLデザイン
- アセット(JavaScript)
-
メニュー:アクション
- メール
- プログラム
- メニュー:分岐設定
パスワード登録
-
ページ図
使用されている form spice の機能
-
メニュー:ページ
- HTMLデザイン
- アセット(JavaScript)
-
メニュー:アクション
- プログラム
- メニュー:分岐設定
ログイン機能
-
ページ図
-
使用されている form spice の機能
-
メニュー:ページ
- HTMLデザイン
- アセット(CSS、JavaScript)
-
メニュー:アクション
- プログラム
- メニュー:分岐設定
- メニュー:チェックポイント設定
-
メニュー:ページ
ログアウト機能
-
使用されている form spice の機能
-
メニュー:アクション
- プログラム
- メニュー:チェックポイント設定
-
メニュー:アクション
TOPページ
- ページ図
-
使用されている form spice の機能
-
メニュー:ページ
- HTMLデザイン
- アセット(CSS、JavaScript)
- メニュー:チェックポイント設定
-
メニュー:ページ
製品データの一覧
-
機能について
-
Kintone の「製品用アプリ」のデータベースから情報を取得し表示するサンプルコードが記載されています。アプリを作る際、下記の項目を作成してください。
- 製品名
- シリアルコード
- 登録日
- 保証終了日
- 製品登録者名
-
Kintone の「製品用アプリ」のデータベースから情報を取得し表示するサンプルコードが記載されています。アプリを作る際、下記の項目を作成してください。
-
ページ図
-
使用されている form spice の機能
-
メニュー:ページ
- HTMLデザイン
- アセット(CSS、JavaScript)
- メニュー:チェックポイント設定
-
メニュー:ページ
製品データの登録画面
-
機能について
-
Kintone の「製品用アプリ」のデータベースへ登録するサンプルコードが記載されています。アプリを作る際、下記の項目を作成してください。
-
- 製品名
- シリアルコード
- 登録日
- 保証終了日
- 製品登録者名
-
-
Kintone の「製品用アプリ」のデータベースへ登録するサンプルコードが記載されています。アプリを作る際、下記の項目を作成してください。
-
ページ図
-
使用されている form spice の機能
-
メニュー:ページ
- HTMLデザイン
- アセット(CSS、JavaScript)
-
メニュー:アクション
- プログラム
- メニュー:分岐設定
- メニュー:チェックポイント設定
-
メニュー:ページ
製品データの詳細画面
-
機能について
-
Kintone の「製品用アプリ」のデータベースに登録されているデータの詳細を表示するサンプルコードが記載されています。アプリを作る際、下記の項目を作成してください。
-
- 製品名
- シリアルコード
- 登録日
- 保証終了日
- 製品登録者名
-
-
Kintone の「製品用アプリ」のデータベースに登録されているデータの詳細を表示するサンプルコードが記載されています。アプリを作る際、下記の項目を作成してください。
-
ページ図
-
使用されている form spice の機能
-
メニュー:ページ
- HTMLデザイン
- アセット(CSS、JavaScript)
-
メニュー:アクション
- プログラム
- メニュー:分岐設定
- メニュー:チェックポイント設定
-
メニュー:ページ
製品データの更新画面
-
機能について
-
Kintone の「製品用アプリ」のデータベースに登録されているデータを更新するサンプルコードが記載されています。アプリを作る際、下記の項目を作成してください。
-
- 製品名
- シリアルコード
- 登録日
- 保証終了日
- 製品登録者名
-
-
Kintone の「製品用アプリ」のデータベースに登録されているデータを更新するサンプルコードが記載されています。アプリを作る際、下記の項目を作成してください。
-
ページ図
-
使用されている form spice の機能
-
メニュー:ページ
- HTMLデザイン
- アセット(CSS、JavaScript)
-
メニュー:アクション
- プログラム
- メニュー:分岐設定
- メニュー:チェックポイント設定
-
メニュー:ページ
製品データの削除機能
-
機能について
-
Kintone の「製品用アプリ」のデータベースに登録されているデータを削除するサンプルコードが記載されています。アプリを作る際、下記の項目を作成してください。
-
- 製品名
- シリアルコード
- 登録日
- 保証終了日
- 製品登録者名
-
-
Kintone の「製品用アプリ」のデータベースに登録されているデータを削除するサンプルコードが記載されています。アプリを作る際、下記の項目を作成してください。
-
使用されている form spice の機能
-
メニュー:アクション
- プログラム
- メニュー:チェックポイント設定
-
メニュー:アクション