本文へスキップ

つくるフェーズ

  1. TOP
  2. Web制作
  3. つくるフェーズ
  4. 管理画面スターターキット

管理画面スターターキット ログイン・権限・操作ログを備えた管理画面の土台

Webシステムでは、利用者向けの画面だけでなく、登録されたデータを管理するための管理画面も必要になります。

管理画面スターターキットは、Webシステムに必要となるログイン機能、ユーザー管理、権限管理、ダッシュボードなどをあらかじめ組み込んだ、管理画面のベースシステムです。

この土台を利用することで、予約システム、会員管理、問い合わせ管理、検索データ管理など、案件ごとに必要な機能を効率よく追加できます。

ベースには、オープンソースであるPHPフレームワークであるLaravelと、管理画面UIライブラリであるAdminLTEを採用しています。

そのため、一から管理画面を設計・開発する場合と比べ、短期間・低コストでWebシステムの開発をスタートできます。

このデモで確認できること

このデモでは、Webシステムで利用される管理画面の基本機能を実際に操作できます。

  • ログイン機能
  • ユーザー管理
  • 権限管理
  • 操作ログ
  • ダッシュボード
  • その他追加機能

実際の案件では、この土台に予約管理や会員管理、問い合わせ管理、検索データ管理などの機能を追加していきます。

WordPressだけでは難しい管理機能にも対応

WordPressは記事や固定ページの更新に優れたCMSですが、業務データを扱うシステムになると、実装が複雑になる場合があります。

例えば、

  • 会員情報の管理
  • 担当者ごとの表示制御
  • 承認フロー
  • 予約管理
  • 問い合わせ管理
  • 操作ログ
  • 権限ごとの細かな制御

などは、要件によって個別実装が増えていきます。

Laravelでは、認証、権限管理、データ管理、バリデーション、メール送信などの基本機能がフレームワークとして整理されているため、保守性を維持しながら柔軟にシステムを構築できます。

Webサイトの更新はWordPress、業務システムはLaravelというように、それぞれの得意分野を組み合わせて構築することも可能です。

ログイン機能

管理画面には、ID・パスワードによる認証機能を実装しています。

このデモではメールアドレスをログインIDとして利用していますが、社員番号や任意の文字列へ変更することもできます。

また、

  • パスワード再設定
  • ログイン情報の保持
  • ログイン後のパスワード変更
  • ログイン前ページへのリダイレクト

など、実運用で必要となる機能も組み込まれています。

ログイン保持時間や認証方式は案件に応じて変更できます。

ユーザー管理・権限管理

管理画面を利用するユーザーを追加・編集・削除できます。

ユーザーには権限を割り当てることができ、それぞれ利用できる機能や閲覧できる情報を制御できます。

例えば、

  • システム管理者
  • お知らせ担当
  • 会員管理担当
  • 閲覧専用ユーザー

など、運用に合わせて権限を切り分けることができます。

これにより、誤操作や不要な情報閲覧を防ぎ、安全な運用を実現できます。

管理画面スターターキット ユーザー管理・権限管理
ユーザーには権限を割り当てることができ、それぞれ利用できる機能や閲覧できる情報を制御できます。

操作ログ

管理画面で行われた操作はログとして記録できます。

誰が、いつ、どのデータを登録・更新・削除したのかを確認できるため、トラブル時の調査や運用管理に役立ちます。

ログの保存対象や保存期間は案件に応じて設定できます。

管理画面スターターキット 操作ログ
管理画面で行われた操作はログとして記録できます。

ダッシュボード

管理画面のトップには、システム全体の状況を確認できるダッシュボードを用意しています。

例えば、

  • 登録会員数
  • お知らせ件数
  • 未対応問い合わせ
  • 予約状況
  • 更新期限

など、日々確認したい情報を集約して表示できます。

デモではカードをドラッグ&ドロップで並び替えられるようになっていますが、実際のシステムではユーザーごとに表示内容や並び順を保存することも可能です。

管理画面スターターキット ダッシュボード
管理画面のトップには、システム全体の状況を確認できるダッシュボードを用意しています。

管理画面UIのカスタマイズ

右上の設定ボタンから、管理画面の表示設定を変更できます。

配色やレイアウトなどは、お客様の運用に合わせてカスタマイズのサンプルを確認することが可能です。

管理画面は毎日利用する画面だからこそ、見やすさや使いやすさも重要な要素になります。

想定できる活用例

管理画面スターターキットは、さまざまなWebシステムの土台として利用できます。

たとえば、以下のような用途に活用できます。

  • コーポレートサイト

お知らせ、制作実績、採用情報、資料請求などを管理など

  • 会員制サイト

会員情報の管理、ログイン後の表示制御、会員ごとのデータ管理など

  • 予約システム

予約状況の確認、予約内容の管理、キャンセル対応、管理者への通知など

  • 問い合わせ管理

送信内容の確認、対応状況の管理、担当者ごとの確認範囲の切り分けなど

最初から大規模なシステムを構築するのではなく、小さく始めて段階的に機能を追加していけることも大きな特徴です。

デモシステムでのデータの扱い

安心してデモをご利用いただくため、登録された情報はデモ機能の確認以外の目的では利用いたしません。

  • 入力データは営業・実運用目的では利用しません。
  • 未ログイン時はブラウザ単位でデモ環境を分離しています。
  • 会員登録後は、お気に入りや履歴など一部の情報をマイページで確認できます。
  • PC・スマートフォン・別ブラウザでは別のデモ環境として扱われる場合があります。
  • デモ環境のため、登録データは一定期間経過後に削除される場合があります。
  • 実際の個人情報や重要な情報の入力はお控えください。

個人情報の取り扱いについては、プライバシーポリシーをご確認ください。

関連するデモ

管理画面スターターキットは、他のデモシステムと連携できます。

  • CRUD型投稿システム
  • 地域データ検索デモ
  • 会員管理
  • 簡易予約システム
  • フォーム作成システム

例えば、検索システムのお気に入り管理や、予約システムの予約一覧、フォームの回答管理なども、この管理画面から確認・管理できるように拡張できます。

まとめ

管理画面スターターキットは、Webシステムに必要となる管理機能をあらかじめ備えたベースシステムです。

この土台を利用することで、ログイン機能やユーザー管理から始まり、予約システム、会員管理、問い合わせ管理、検索システムなど、必要な機能を段階的に追加していくことができます。

一から管理画面を開発するよりも短期間・低コストで開発を進められるため、新規システム開発はもちろん、既存システムのリプレースや機能追加にも活用できます。

WordPressだけでは対応が難しい業務システムや、Webサイトと連携した管理システムをご検討の際は、ぜひお気軽にご相談ください。