bookedのインストール手順

#概要
予約管理システムbookedのインストール手順です。
Windows環境に構築した場合です。

#apache+PHP+MySQL構築
##インストール手順
XAMPPを使用して一括でインストールします。
以下のページからWindows向けインストーラーをダウンロードします。
https://www.apachefriends.org/jp/index.html

この記事を書いた時点でのインストーラのファイル名は以下の通りでした。
xampp-win32-5.6.21-0-VC11-installer.exe

インストーラーを実行します。

　ウィルス対策ソフトが悪さをするかもしれませんという警告が出る場合があります。
「Yes」を押します。
![1.png](https://qiita-image-store.s3.amazonaws.com/0/120078/40658748-3a34-6275-2edb-63572624e891.png)

　UAEが有効な場合には、Program Files以下にインストールしない方が良いですよという警告が出ます。
　「OK」を押します。
![2.png](https://qiita-image-store.s3.amazonaws.com/0/120078/eb5666df-6e28-ded2-add1-ab883a490cd9.png)

　「Next」を押します。
![3.png](https://qiita-image-store.s3.amazonaws.com/0/120078/d7c940c4-b779-5d6b-8a02-7e356294ed09.png)

　インストールするコンポーネントを選択します。デフォルトでは、全てにチェックが付いていますが、必要なさそうなチェックを外して[next]を押します。
![4.png](https://qiita-image-store.s3.amazonaws.com/0/120078/a7a6e2c9-de28-45ed-3c6d-c7e1d279af70.png)

　インストールフォルダを指定します。デフォルトでは、C:\xamppが指定されています。
　「Next」を押します。
![5.png](https://qiita-image-store.s3.amazonaws.com/0/120078/66509de9-a83c-a2a8-3726-cc33147b92d0.png)

　「Next」を押します。
![6.png](https://qiita-image-store.s3.amazonaws.com/0/120078/e6ee1ca3-9380-49da-a67b-54f592bf950d.png)

　「Next」を押します。
![7.png](https://qiita-image-store.s3.amazonaws.com/0/120078/e0a02096-7a0e-4dec-b25d-db7ff6bb4119.png)

　インストールが実行されます。
![8.png](https://qiita-image-store.s3.amazonaws.com/0/120078/1adf5f05-a8c8-b1be-c379-a0bb88840766.png)

　インストールの完了です。コントロールパネルを自動で開くチェックボックスにチェックを入れます。
「Finish」を押します。
![10.png](https://qiita-image-store.s3.amazonaws.com/0/120078/c9dc2345-7095-5023-c4a0-5023feb13483.png)

　言語選択をします。デフォルトで英語が選択されています。
「Save」を押します。
![11.png](https://qiita-image-store.s3.amazonaws.com/0/120078/89e57c5a-460c-f2f7-c705-847b35125372.png)

　コントロールパネルが開きます。ApacheとMySQLのStartボタンを押して、起動します。
![12.png](https://qiita-image-store.s3.amazonaws.com/0/120078/b5fa9036-65a8-a709-7e1b-53dab3a4e449.png)
![13.png](https://qiita-image-store.s3.amazonaws.com/0/120078/e3130478-e195-d69a-d2b3-fe281182a6f8.png)

http://localhost/
にアクセスすると、ダッシュボードが開きます。
右上にある、phpMyAdminのリンクをクリックします。
![14_0.png](https://qiita-image-store.s3.amazonaws.com/0/120078/35469fca-81ae-4660-1d5e-e63fff0231ba.png)

phpMyAdminが開きます。画像下部にある通り、デフォルトでは、rootのパスワードが設定されていないため、rootのパスワードを設定します。
Useraccountsのタブを押します。
![14.png](https://qiita-image-store.s3.amazonaws.com/0/120078/31e70d41-7859-7b05-6ac0-66f2b1fcea15.png)

Useraccountsが開きます。
ユーザ名：root
Hostname：localhost
のユーザを選択します。
![15_0.png](https://qiita-image-store.s3.amazonaws.com/0/120078/363c7ea5-8275-cdfa-14f4-d5e0a290f829.png)

rootのパスワードを変更します。
![15_2.png](https://qiita-image-store.s3.amazonaws.com/0/120078/41757647-f8a4-422f-7954-cae07be740e4.png)

rootのパスワードを変更したため、phpMyAdminにログインできなくなります。
C:\xampp\phpMyAdmin\config.inc.phpの
`$cfg['Servers'][$i]['password'] = 'xxx';`
を修正します。
phpMyAdminにログインできることを確認します。

MySQLの設定は完了です。

#booked構築
##インストール手順
１．[bookedホームページ](http://bookedscheduler.com/)を開きます。
２．ダウンロードタブを選択します。
３．自動的にダウンロード開始されます。
４．ダウンロードファイルを解凍します。
５．解凍フォルダをそのまま、C:\xampp\htdocs直下にコピー（移動）します。
　　C:\xampp\htdocs\booked
６．config.phpファイルを作成します。
　　C:\xampp\htdocs\booked\config\config.dist.php
　　をコピーし、リネームしてconfig.phpとします。
　　C:\Apache24\htdocs\booked\config\config.php
７．config.phpファイルを編集します。以下は編集した行のみです。
`
　$conf['settings']['default.timezone'] = 'Asia/Tokyo';
　$conf['settings']['admin.email'] = 'admin@example.com';
　$conf['settings']['default.language'] = 'ja_jp';
　$conf['settings']['script.url'] = 'http://localhost/booked/Web';
　$conf['settings']['image.upload.directory'] = 'booked/Web/uploads/images';
　$conf['settings']['image.upload.url'] = 'booked/uploads/images';
　$conf['settings']['database']['password'] = 'booked_password';
　$conf['settings']['database']['hostspec'] = 'localhost';
　$conf['settings']['database']['name'] = 'booked';
　$conf['settings']['phpmailer']['mailer'] = 'smtp';
　$conf['settings']['phpmailer']['smtp.host'] = 'xxx.xxx.xxx.xxx';
　$conf['settings']['phpmailer']['smtp.auth'] = 'false';
`
８．bookedインストール
　ブラウザで、http://localhost/booked/Web/install
　にアクセスします。
　インストールパスワードを設定する必要があるため、指定されたパスワードをコピーします。
　config.phpファイルを編集します。
　$conf['settings']['install.password'] = 'xxxxxxxxxxx';

　指定されたパスワードをを入力して、「次へ」を押します。
![18.png](https://qiita-image-store.s3.amazonaws.com/0/120078/8d3f1a26-e491-6f66-afc2-f25cc8234c1f.png)

　１）　config.phpで編集した、データベース名、データベースのユーザ名、データベースのホスト名を確認します。
　２）　データベースを作成するユーザを指定します。
　　　MySQLユーザとして、rootを入力します。rootのパスワードを入力します。
　３）　チェックボックス３つに全てチェックします。
　「インストールを実行」を押します。
![19.png](https://qiita-image-store.s3.amazonaws.com/0/120078/8bade71a-d363-a4a7-72c0-450bb1cae7b4.png)

　インストール完了です。
![20.png](https://qiita-image-store.s3.amazonaws.com/0/120078/669d1b7e-1182-53d1-8665-95ff24f768d3.png)

http://localhost/booked/Web/
にアクセスして、ログイン画面を開きます。
サンプルユーザとして、以下の２つが登録されています。
管理者ユーザ：admin/password
一般ユーザ　：user/password
![17.png](https://qiita-image-store.s3.amazonaws.com/0/120078/020fda4d-d993-3f6b-7f24-654cf4c2f191.png)

ログイン出来たら完了です。
![21.png](https://qiita-image-store.s3.amazonaws.com/0/120078/b99e2ee4-4058-9eeb-da1a-7af370d0ac81.png)