【個人開発編】飲食系ナイト情報検索ポータルサイト

OVERVIEW

県内にフォーカスした飲食系ナイト情報検索ポータルサイトを作成 開発期間:1年程 ツール:VirtualBox (Vagrant),VSCode OS,DB,サーバ:Linux,MySql 言語:PHP (CAKEPHP),Shell,Js(JQuery),BootStrap4,

YEAR 2018 - 2019

● 開発した経緯

沖縄の飲み屋街の活性化を目的として、県内密着型のナイト情報をまとめたポータルサイトに需要を感じウェブサービスとして開発を行いました。

検索エンジンでは以下のように表示されるかと思います。

検索キーワードは「ナイプラ 沖縄」と検索するとトップに出ます。※恐らく。

●苦労したこと

フルスクラッチ開発でPHPを使用することは前提で決めていてどのフレームワークに乗せるか検討した時にCAKEPHPがありました。フロント・バックともに技術の選定に時間を要し、またフレームワークの学習も同時に行ったことで相当な時間を費やしました、最初のリリースにトータルで1年以上は普通に掛かりました、後は修正。修正の日々。

●問題点

特にインフラ構築周りで時間をかけたことで本来の開発に集中投下することができなかったと思います。vertual box(CentOs)だったので構築に苦労した。やり方次第でもっとリリース短縮できたはず。※Docker使うなど

●改善点

もっといろんな技術があることを知ること。※全部キャッチアップとは言わず、表面を撫でるくらいでもいいから、その技術の記事があれば読む。流す程度でも。

●通常の利用方法

👈 画像:ポータルサイトのトップを表示。トップでは県内のどのエリア(離島含む)か選択し、そこからさらにキャバクラ、スナック、バー等で飲食店を探すことができます。

👉 画像:県内全体でアクセスが多い飲食店をランキング形式で表示します。各店舗のアクセスを1時間毎にバッチ集計してランキング形式で表示します。


👈 画像:(各店舗のお知らせ、スタッフの日記)を発信した最新の順に4つまで最新表示されます。

👉 画像:【Instagram api】を使用し、インスタアカウントを持つ店舗はSNS登録を行うことで1時間毎にバッチ処理でインスタ情報を作成し表示します。※各店舗の連続投稿防止で最大5件までは表示する仕様として、全体表示件数として70件を表示します。


👈 画像:店舗のトップを表示します。

👉 画像:店舗メニューを表示し、タップすると対象までスクロール、またはポップアップします。


👈 画像:スタッフが登録されている場合はスタッフエリアに表示されます。各スタッフをタップでスタッフページへ遷移します。

👉 画像:システムエリアには、店舗の基本情報、システム内容を表示します。


👈 画像:各店舗でもインスタアカウントを持つ店舗の場合は投稿を表示します。【Twitter API】のSNS登録を行うことができます。 

👉 画像:お知らせエリアで店舗のお知らせ、ギャラリーで店内雰囲気の画像等を表示します。


👈 画像:任意ですが、採用情報があれば表示します。

👉 画像:店舗のレビューを投稿・表示します。


●各利用者は、【①利用ユーザ、②店舗管理者、③店舗スタッフ】が利用する想定で各管理画面等を用意しました。以下、各利用者の説明です。

 ①利用ユーザ(アカウント登録必須)

  • お気に入り店舗登録
  • お気に入りスタッフ登録
  • プロフィール登録

②店舗管理者(アカウント登録必須)

  • (トップ画像、キャッチコピー、店舗クーポン、スタッフ、店舗情報、求人情報、店舗ギャラリー、SNS )登録
  • スタッフ出勤管理
  • 店舗お知らせ登録
  • 設定管理
  • ダッシュボード ( 店舗アクセス [ 月間、日別、曜日別 ] チェック )
  • 店舗オーナー情報登録
  • 契約内容・お支払いの確認

③店舗スタッフ(アカウント登録必須)

  • (トップ画像、キャッチコピー、店舗クーポン、スタッフ、店舗情報、求人情報、店舗ギャラリー、SNS )登録
  • スタッフ出勤管理
  • 店舗お知らせ登録
  • 設定管理
  • ダッシュボード ( 店舗アクセス [ 月間、日別、曜日別 ] チェック )
  • 店舗オーナー情報登録
  • 契約内容・お支払いの確認

●ここでは、利用者のイメージとし代表で【②店舗管理者】を画像と一緒に確認だけします。

👈 画像:通常利用時のサイドバーから店舗ログインで表示されます。(店舗スタッフも同様)

👉 画像:ログインするとダッシュボード画面で登録店舗の一覧が表示されます。※複数店舗登録可能


👈 画像:サイドバーにはオーナーに関する設定画面が用意されています。

👉 画像:ダッシュボードから店舗の詳細ボタンを押すと、ダッシュボードが表示されます。


👈 画像:月毎、曜日別、日別でアクセス数を表示します。※JQuery専用のライブラリを使っています。

👉 画像:店舗ページで表示される内容を編集します、スクロールバーでスライドできます。


👈 画像:スライドすると、ここではスタッフの登録のON、OFFを切り替えたりできます。

👉 画像:サイドバーから店舗の編集したい内容を選択することで編集画面へ遷移することも可能です。


以上、【①利用ユーザ、③店舗スタッフ】の機能説明は省きました。

時間があれば載せてみようと思います。

沖縄に来た際は、是非とも【沖縄 ナイプラ】で検索を( ´∀` )!






WEBSITE