課題９

課題内容

コーポレートサイトのCMSを実装
課題1で作成したサイトに管理画面を追加して、ユーザーがサイトの各セクションを編集できるようにします。

要件

1. 管理画面の実装

   • 課題1で作成したサイトの管理画面を実装します。管理画面はユーザー名とパスワードでログインできるようにします。

2. 管理画面の構成

   • ログインページ: ユーザー名とパスワードを入力し、管理画面にアクセスできるようにします。
   • ダッシュボード（ログイン後）: 各ページへのナビゲーションメニューを表示します。
   • ロゴ編集: 現在設定されているロゴをプレビューし、新しいロゴをアップロードするためのinputタグと送信ボタンを設置します。
   • ファーストビュー画像編集: 現在のファーストビュー画像をプレビューし、新しい画像をアップロードするinputタグと送信ボタンを設置します。プレースホルダーには現状設定されている値を表示します。
   • 第一セクション編集:
     大見出し、説明文の編集用inputおよびtextareaタグを設置します。さらに、2つのセクション（ArchiveとNew）の見出し、説明文、背景画像のアップロード用inputとtextareaタグを設置します。送信ボタンも追加し、プレースホルダーには現状設定されている値を表示します。
   • 第二セクション編集:
     見出し、説明文、ボタンの文章を編集するinputおよびtextareaタグを設置します。背景画像のアップロード用inputと送信ボタンも追加し、プレースホルダーには現状設定されている値を表示します。
   • 第三セクション編集:
     Catalog部分とAntique部分にそれぞれ見出し、説明文の編集用inputおよびtextareaタグ、画像のプレビューと編集用inputタグを設置し、送信ボタンを追加します。プレースホルダーには現状設定されている値を表示します。
   • フッター編集: フッター右側の2つの見出し、説明文の編集用inputおよびtextareaタグを設置します。
   • ログアウト: ログアウト処理を行い、ログイン画面にリダイレクトされるようにします。

完成目標期間

5日以内を目安に完成させてください。

使用言語

• HTML: 管理画面やフォームの作成に使用します。
• CSS: 管理画面の見た目を整えるために使用します。
• PHP: ログイン処理、セクションの編集、画像アップロード、データベースとの連携を行います。
• MySQL（SQL）: 編集内容をデータベースに保存し、サイトで表示されるようにします。

習得できるスキル

• ユーザー認証: 管理画面にログインするためのユーザー認証の仕組みを実装します。
• フォーム処理: サイトの各セクションの編集機能を実装し、データをサーバーに送信・保存するスキルを習得します。
• 画像アップロード: ロゴや背景画像などのファイルをサーバーにアップロードし、サイトに反映する機能を学べます。
• データベース連携: 管理画面で入力されたデータをデータベースに保存し、フロントエンドに表示させる技術を習得します。

課題提出

1. 制作ファイルを確認する

制作ファイルを確認し、要件通りに動作しているかを確認してください。

2. 制作ファイルをギガファイルで提出

パソコンにLINEを追加していない場合は、必ず追加しておくようにしましょう。
参考サイト: パソコンでLINEを利用する

1. ギガファイルを開く
2. 「ファイルの保持期限変更」で【30日】以上を選択します。
3. 制作ファイルをアップロードします。
4. 当スクールのITスキルサポートLINE公式アカウントに課題名とギガファイルのURLを提出して下さい。
   提出例

提出後について

プロジェクトファイルは必ず保存しましょう。
基本的にはご提出頂いてから１週間以内に順を追って、採点結果を LINE公式よりお送り致します。採点結果で修正があった場合は、指示に従って修正・提出を繰り返し、クリアしたら次の課題に進みましょう！

※注意事項※

課題で作成した動画等をSNS等にアップしたり、ご自身の実績として掲載することは絶対にやめて下さい。もし、見つかった場合は然るべき処置を取らせて頂きます。