2023年度授業履歴

• 01-1_Webサイト作成全体の流れ
• 01-2_ワイヤーフレーム作成時のポイント
• 02_コーディング時のポイント・注意点
• 02_デザインカンプ制作の際に気をつけること
• 【VSCode】設定の同期
• 【VSCode】LiveShareでの共同作業

D：アキラチーム
末松流瑠
Gallardo Fernandez Cristina
孟愛民

E：宮本チーム
IAN
高見　獅勇斗
趙英文

• ２年生プレゼン資料：00_２年生（発表資料）
• １年生PDF資料：10_１年生（PDF資料）

• Figmaのアカデミック登録を行います。
  参考PDFファイル（資料１　／　資料２）
  
• 配布資料（20240724_ER_tablelayout　／　20240724_teacher）
• 前期課題の制作について
  Figjamにて公開：こちらをクリック
• 本日の課題
  
  1. システム開発のチームに分かれて席に座ってください。
  2. チームごとに、どのようなデータを扱うかを洗い出します。
     1. 手書きやFigmaを利用して、連番やNOなどを考えずに「具体的」なデータを記述します。
     2. Figmaでデータを見やすく記述します。
     3. それぞれのデータがどのような関係かを記述します。
     4. Excelを使用してER図（テーブルレイアウト）を作成します。
     5. テーブルクリエイト文を作成します。
  3. チームごとに誰が、管理システムのどの部分（ファイル）を作成するかを割り振ります。

• テストとして「井田先生にプレゼン」すること。
  • 時間は７分以上～１０分以内とします。
  • 内容が充足しているのかどうかも含めて、事前に練習しておくこと。
  • 授業開始時に、プレゼン順番を決定し、15時40分からプレゼンスタート
• チェック終了後、プレゼン資料（.pptx）およびスケジュール（.xlsx）を前期課題として提出すること。
  ➡提出はこちら

• 授業の進め方
  ※夏休み前に提出した企画書をベースに発表できるレベルまで深堀していく。
  • 資料ダウンロード
    
    • 企画書テンプレートver2
    • プレゼン資料テンプレート
    • 見え方資料
    • システム開発／制作スケジュールのテンプレート
    • GoogleMapsAPIサンプル
• テンプレートはこちら
  • 20240424_要件定義書（業務・機能・非機能）
  • 20240731_システム開発／制作スケジュール
  • 20240508_サイトマップ
• A-TECH概要
  こちらをダウンロード

• Figmaのアカデミック登録を行います。
  参考PDFファイル（資料１　／　資料２）
  
• 配布資料（20240724_ER_tablelayout　／　20240724_teacher）
• 前期課題の制作について
  Figjamにて公開：こちらをクリック
• 本日の課題
  
  1. システム開発のチームに分かれて席に座ってください。
  2. チームごとに、どのようなデータを扱うかを洗い出します。
     1. 手書きやFigmaを利用して、連番やNOなどを考えずに「具体的」なデータを記述します。
     2. Figmaでデータを見やすく記述します。
     3. それぞれのデータがどのような関係かを記述します。
     4. Excelを使用してER図（テーブルレイアウト）を作成します。
     5. テーブルクリエイト文を作成します。
  3. チームごとに誰が、管理システムのどの部分（ファイル）を作成するかを割り振ります。
• 前期課題
  ※テーブルは、チーム単位で作成していきます。
  ※難度によって、大きく加点します。
  ※リーダー加点（10点）
   
  30点（全チーム、この部分は完成済）
  ・基本の講師配布テンプレートをもとに管理画面を準備すること。
  　⇒会員管理
  　⇒お知らせ管理（画像付き）
  40点（2週間かけて、この部分を作成する）
  ・新規のテーブル作成
  ・割当られた管理画面作成
  30点
  ・画像付き、もしくは、複数テーブルでの管理

• 授業の進め方
  ※夏休み前に提出した企画書をベースに発表できるレベルまで深堀していく。
  • 資料ダウンロード
    
    • 企画書テンプレートver2
    • プレゼン資料テンプレート
    • 見え方資料
    • システム開発／制作スケジュールのテンプレート
    • GoogleMapsAPIサンプル
  • — 本日やること　前期課題提出物の制作
    • 前回の続き➡こちらからFigmaにアクセス
    • 9月18日（水）にスキルアップで1年生に向けて1チーム毎プレゼンを行います。
    • プレゼン資料（.pptx）およびスケジュール（.xlsx）を前期課題として提出すること。
    • 提出はこちら
• テンプレートはこちら
  • 20240424_要件定義書（業務・機能・非機能）
  • 20240731_システム開発／制作スケジュール
  • 20240508_サイトマップ
• A-TECH概要
  こちらをダウンロード

• Figmaのアカデミック登録を行います。
  参考PDFファイル（資料１　／　資料２）
  
• 配布資料（20240724_ER_tablelayout　／　20240724_teacher）
• 前期課題の制作について
  Figjamにて公開：こちらをクリック
• 本日の課題
  
  1. システム開発のチームに分かれて席に座ってください。
  2. チームごとに、どのようなデータを扱うかを洗い出します。
     1. 手書きやFigmaを利用して、連番やNOなどを考えずに「具体的」なデータを記述します。（先生が見本を行います）
     2. Figmaでデータを見やすく記述します。
     3. それぞれのデータがどのような関係かを記述します。
     4. Excelを使用してER図（テーブルレイアウト）を作成します。
     5. テーブルクリエイト文を作成します。
  3. チームごとに誰が、管理システムのどの部分（ファイル）を作成するかを割り振ります。
• 前期課題
  ※テーブルは、チーム単位で作成していきます。
  ※難度によって、大きく加点します。
  ※リーダー加点（10点）
   
  30点（全チーム、この部分は完成済）
  ・基本の講師配布テンプレートをもとに管理画面を準備すること。
  　⇒会員管理
  　⇒お知らせ管理（画像付き）
  40点
  ・新規のテーブル作成
  ・割当られた管理画面作成
  30点
  ・画像付き、もしくは、複数テーブルでの管理

• 授業の進め方
  ※先週作成した企画書を掘り下げていきます。まだ、企画内容を変更してもかまいません。
  • 資料ダウンロード
    
    • 企画書テンプレートver2
    • プレゼン資料テンプレート
    • 見え方資料
    • システム開発／制作スケジュールのテンプレート
  • — 本日やること①　企画書チェック
    • こちらのFigJamからそれぞれのグループごとにまとめていきましょう。
      ⇒こちらからFigmaにアクセス
  • — 本日やること②　役割分担
    1. 画面（動作）イメージになるかをFigmaで制作していく。
       また、サイト構成（サイトマップ）に必要なページ分、フレームを作成し、名前を付けること。
    2. 企画書をパワーポイントで作成していく。
    3. データ洗い出し（1時限目）の続き
       ⇒こちらからFigmaにアクセス
    4. スケジュールおよびタスク管理（１年生も想定すること）
       ⇒こちらをクリックしてダウンロード
  • 提出先
    本日作成した企画書（パワポ）およびスケジュールなどをリーダーもしくは副リーダーが提出すること。
    ⇒提出先はこちら
• テンプレートはこちら
  • 20240424_要件定義書（業務・機能・非機能）
  • 20240731_システム開発／制作スケジュール
  • 20240508_サイトマップ
• A-TECH概要
  こちらをダウンロード

• Figmaのアカデミック登録を行います。
  参考PDFファイル（資料１　／　資料２）
  
• 配布資料（20240724_ER_tablelayout　／　20240724_teacher）
• 前期課題の制作について
  Figjamにて公開：こちらをクリック　管理ページサンプル
• 本日の課題①
  
  1. システム開発のチームに分かれて席に座ってください。
  2. チームごとにテーブル名ルールを決めてください。
  3. ２のチーム名ルールをもとにグループごとで「user_mst」と「news_tbl」の２つを作成してください。
  4. チームごとに「Webサーバ」へ管理システムを設置してください。
     1. こちらのファイルをダウンロードします。
     2. 使用するデータベースを変更します。
     3. uploadsフォルダのパーティションを変更します。（newsフォルダも設定すること）
  5. チームごとに誰が、どこのファイルを変更するかを割り振ります。
  6. 自分たちが作成するシステム／サービスで扱うデータをシートを使って書き出してください。
     ⇒決まっていない場合には、先に検討しても構いません。
  7. ER図（テーブルレイアウト）を作成してみてください。
  8. ある程度出来上がったところで、先生に確認してください。
• 前期課題
  ※テーブルは、チーム単位で作成していきます。
  ※難度によって、大きく加点します。
  ※リーダー加点（10点）
   
  30点
  ・基本の講師配布テンプレートをもとに管理画面を準備すること。
  　⇒会員管理
  　⇒お知らせ管理（画像付き）
  40点
  ・新規のテーブル作成
  ・割当られた管理画面作成
  30点
  ・画像付き

• 授業の進め方
  ※先週作成した企画書を掘り下げていきます。まだ、企画内容を変更してもかまいません。
  • 資料ダウンロード
    
    • 企画書テンプレートver2
    • プレゼン資料テンプレート
    • 見え方資料
  • — 本日やること）企画書チェック
    • こちらのFigJamからそれぞれのグループごとにまとめていきましょう。
      ⇒こちらをクリック
    • 証拠（エビデンス）をまとめていく。
      ※日本人は英語ができない？本当にそうなのか？具体的な数値を示す。
    • チームで作成しているシステム／サービス名称および紹介文を作成すること。
  • — 本日やること）役割分担
    • 画面（動作）イメージになるかをFigmaで制作していく。
      また、サイト構成（サイトマップ）に必要なページ分、フレームを作成し、名前を付けること。
    • パワーポイントで作成していく。
    • どのようなデータを管理するかをExcelなどを使用してまとめていく。
• テンプレートはこちら
  • 20240424_要件定義書（業務・機能・非機能）
  • 20240529_システム開発／制作スケジュール
  • 20240508_サイトマップ
• A-TECH概要
  こちらをダウンロード

• Figmaのアカデミック登録を行います。
  参考PDFファイル（資料１　／　資料２）
  
• WebAPIを利用したWebプログラミングを学ぶ。
  資料はこちら　／　サンプルはこちら　／　Figjamはこちら
• 本日の課題
  こちらのファイルをダウンロードして、使用すること。
  WebAPIを利用して、既存システム（ログイン画面）にメールアドレス重複確認プログラムを導入する。
  ⇒先週作成したAPIファイル「webapi-news_v3.php」をコピーし、名前を「webapi-chk_email.php」に変更する。
  ⇒「login.php」ファイルから「webapi-chk_email.php」を読み出し、Emailアドレスが正しいかどうかを判定します。
  　⇒Emailアドレスがすでにある場合、Emailアドレスが入力されていない場合には、「9」を返す。
  　⇒Emailアドレスの重複が無い場合、「0」を返す。
• 課題提出
  • STEP１：開発環境を整える。
    WinSCPを利用して、Webサーバに接続する。
    Webサーバ内にある「本日のフォルダ」にアクセスする。
    『　/var/www/html/tsb2023/20240717　』
    「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
    
  • STEP２：開発環境のWebサイトにアクセスする。
    『　http://tsb.well-field.co.jp/tsb2023/　』
    →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
  • STEP３：資料ページへアクセスする。➡PHPテキスト
• 前期課題提出
  • 管理画面の作成
    システム開発の授業でこれから開発するシステム／サービスの中で、データベース設計を行ったものを管理する画面を開発し、提出すること。
    ⇒テンプレートは、先生が用意したものでも、システム開発の授業で提出してもらったものでも構いません。

• 授業の進め方
  ※先週作成した企画書を掘り下げていきます。まだ、企画内容を変更してもかまいません。
  • 資料ダウンロード
    
    • 企画書テンプレートver2
    • プレゼン資料テンプレート
    • 見え方資料
  • — 本日やること）企画書チェック
    • こちらのFigJamからそれぞれのグループごとにまとめていきましょう。
      ⇒こちらをクリック
    • ターゲット（ペルソナ）を作成していく。自分たちが作成するシステムはどんな人が使うかな？
      また、料金を払ってくれるかを意識していきましょう。
    • 開発に伴う手段および技術的な課題をまとめていく。
  • — 本日やること）企画書作成
    • パワーポイントで作成していく。
    • どんな機能イメージになるかをFigmaなどで制作していく。
  • 上記が終わったら、必ず講師チェックをします。
    • OKだったら、画面イメージ構築などを行う。
    • 上記の画面イメージは、企画書に添付できるようにする。
• テンプレートはこちら
  • 20240424_要件定義書（業務・機能・非機能）
  • 20240529_システム開発／制作スケジュール
  • 20240508_サイトマップ
• A-TECH概要
  こちらをダウンロード

• WebAPIを利用したWebプログラミングを学ぶ。
  資料はこちら　／　サンプルはこちら
• 課題提出
  • STEP１：開発環境を整える。
    WinSCPを利用して、Webサーバに接続する。
    Webサーバ内にある「本日のフォルダ」にアクセスする。
    『　/var/www/html/tsb2023/20240710　』
    「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
    
  • STEP２：開発環境のWebサイトにアクセスする。
    『　http://tsb.well-field.co.jp/tsb2023/　』
    →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
  • STEP３：資料ページへアクセスする。➡PHPテキスト
• 課題
  • LV1：ニュースデータから生徒データに変更して、テキストボックスにstudent_noを入力すると生徒名が表示されるようにしてみよう。
  • LV2：WebAPIを利用して、メールアドレスがすでに登録されているかをチェックするプログラムを考えてみよう。

• 授業の進め方
  ※先週作成した企画書を掘り下げていきます。まだ、企画内容を変更してもかまいません。
  • 資料ダウンロード
    
    • 企画書テンプレートver2
    • プレゼン資料テンプレート
    • 見え方資料
  • — 本日やること）企画書チェック
    • こちらのFigJamからそれぞれのグループごとにまとめていきましょう。
      ⇒こちらをクリック
    • 背景／目的／機能のストーリーが正しいか？
    • エビデンスはあるか？
    • 他社との差別化は何か？強みは何か？
    • このサービスはどんな人が利用するのか？
    • できあがったチームは、井田にチェックを依頼すること。
  • — 本日やること）企画書作成
    • パワーポイントで作成していく。
    • どんな機能イメージになるかをFigmaなどで制作していく。
  • （先週の内容）企画書の骨格作成
    1. 背景：問題定義や時代の流れなど、参考資料をもとに「数値」を明記する。
       例）コロナ禍で外国人観光客が減った／オーバーツーリズムになっている
       （経済産業省の外国人観光客の推移を参照）など
    2. 目的：問題がどのような状態になれば良いのかを明記する。
    3. 機能（手段）：問題解決のための、機能をまとめる。
  • ダメな企画書の作成の流れ
    • 会計システムを作れと言われたから、とりあえず開発しようと思う。
    • チームで話あったら、このシステムを作りたいとなったから。
      ⇒何のために作るのか動機が無い。
    • 世の中の雰囲気が必要そうだから、開発しようと思う。
      ⇒本当に必要なのかの根拠が薄い。
  • 企画書が固まってきたら、A-TECHの評価に当てはまっているかをチェックする。
    • 企業・商品価値
    • 独創性・新規性
    • 機能性・実装力
    • 技術チャレンジ
    • UI・UX
    • プレゼン力／デモンストレーション力
  • 上記が終わったら、必ず講師チェックをします。
    • OKだったら、画面イメージ構築などを行う。
    • 上記の画面イメージは、企画書に添付できるようにする。
• テンプレートはこちら
  • 20240424_要件定義書（業務・機能・非機能）
  • 20240529_システム開発／制作スケジュール
  • 20240508_サイトマップ
• A-TECH概要
  こちらをダウンロード

• セレクトボックス／ラジオボタンを利用したデータ更新　⇒　サンプル確認　／　ダウンロード
  • 講師の先週作成データ
  • 課題１
    自分の学籍番号の「news_v2_tbl」「news_v2_category_mst」テーブルを作成して動作するように変更してください。
    ⇒「news_v2_category_mst」に１～２件、カテゴリーを登録すること。（INSERT文）
    ⇒一覧ページ：連番／タイトル／日付／カテゴリーNO／カテゴリー名／表示区分（0：非表示、1：表示とする）／更新・削除リンク
    ⇒登録／更新：「news_v2_tbl」にデータ登録します。その際にカテゴリーは「セレクトボックス」、表示区分は「ラジオボタン」を利用すること。
    

    Create Table news_v2_tbl (
      seq_no int not null auto_increment,
      title_kj varchar(255) not null,
      article_kj text not null,
      category_no int null,
      disp_ku char(1) not null,
      delete_ku char(1) not null,
      insert_at datetime not null,
      update_at datetime not null,
    
      Primary Key(
        seq_no
      )
    );
    
    Create Table news_v2_category_mst (
      category_no int not null auto_increment,
      category_name varchar(255) not null,
      delete_ku char(1) not null,
      insert_at datetime not null,
      update_at datetime not null,
    
      Primary Key(
        category_no
      )
    );

• 課題提出
  • STEP１：開発環境を整える。
    WinSCPを利用して、Webサーバに接続する。
    Webサーバ内にある「本日のフォルダ」にアクセスする。
    『　/var/www/html/tsb2023/20240626　』
    「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
    
  • STEP２：開発環境のWebサイトにアクセスする。
    『　http://tsb.well-field.co.jp/tsb2023/　』
    →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
  • STEP３：資料ページへアクセスする。➡PHPテキスト
• 早めに終わった方へ
  • サンプル（CHATGPT連携／音声認識）

• 授業の進め方
  ※先週作成した企画書を掘り下げていきます。まだ、企画内容を変更してもかまいません。
  • 資料ダウンロード
    
    • 企画書テンプレートver2
    • プレゼン資料テンプレート
    • 見え方資料
  • 企画書の骨格作成
    1. 背景：問題定義や時代の流れなど、参考資料をもとに「数値」を明記する。
       例）コロナ禍で外国人観光客が減った／オーバーツーリズムになっている
       （経済産業省の外国人観光客の推移を参照）など
    2. 目的：問題がどのような状態になれば良いのかを明記する。
    3. 機能（手段）：問題解決のための、機能をまとめる。
  • ダメな企画書の作成の流れ
    • 会計システムを作れと言われたから、とりあえず開発しようと思う。
    • チームで話あったら、このシステムを作りたいとなったから。
      ⇒何のために作るのか動機が無い。
    • 世の中の雰囲気が必要そうだから、開発しようと思う。
      ⇒本当に必要なのかの根拠が薄い。
  • 企画書が固まってきたら、A-TECHの評価に当てはまっているかをチェックする。
    • 企業・商品価値
    • 独創性・新規性
    • 機能性・実装力
    • 技術チャレンジ
    • UI・UX
    • プレゼン力／デモンストレーション力
  • 上記が終わったら、必ず講師チェックをします。
    • OKだったら、画面イメージ構築などを行う。
    • 上記の画面イメージは、企画書に添付できるようにする。
  • 授業の最後に資料を提出
    ※必ずワードファイル（.doc,.docx）もしくは、PDFファイル（.pdf）で提出すること。
    • 本日の課題提出はこちら
• テンプレートはこちら
  • 20240424_要件定義書（業務・機能・非機能）
  • 20240529_システム開発／制作スケジュール
  • 20240508_サイトマップ
• A-TECH概要
  こちらをダウンロード

• セレクトボックス／ラジオボタンを利用したデータ更新　⇒　サンプル確認　／　ダウンロード
  • 課題１
    自分の学籍番号の「news_v2_tbl」「news_v2_category_mst」テーブルを作成して動作するように変更してください。
    ⇒「news_v2_category_mst」に１～２件、カテゴリーを登録すること。（INSERT文）
    ⇒一覧ページ：連番／タイトル／日付／カテゴリーNO／カテゴリー名／表示区分（0：非表示、1：表示とする）／更新・削除リンク
    ⇒登録／更新：「news_v2_tbl」にデータ登録します。その際にカテゴリーは「セレクトボックス」、表示区分は「ラジオボタン」を利用すること。
    

    Create Table news_v2_tbl (
      seq_no int not null auto_increment,
      title_kj varchar(255) not null,
      article_kj text not null,
      category_no int null,
      disp_ku char(1) not null,
      delete_ku char(1) not null,
      insert_at datetime not null,
      update_at datetime not null,
    
      Primary Key(
        seq_no
      )
    );
    
    Create Table news_v2_category_mst (
      category_no int not null auto_increment,
      category_name varchar(255) not null,
      delete_ku char(1) not null,
      insert_at datetime not null,
      update_at datetime not null,
    
      Primary Key(
        category_no
      )
    );

• 課題提出
  • STEP１：開発環境を整える。
    WinSCPを利用して、Webサーバに接続する。
    Webサーバ内にある「本日のフォルダ」にアクセスする。
    『　/var/www/html/tsb2023/20240619　』
    「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
    
  • STEP２：開発環境のWebサイトにアクセスする。
    『　http://tsb.well-field.co.jp/tsb2023/　』
    →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
  • STEP３：資料ページへアクセスする。➡PHPテキスト

• 授業の進め方
  • A-TECH概要
    こちらをダウンロード
  • チーム分けの実施
    • チームエントリーシート（6月の授業で確定予定。各自意識して、話し合っておいてください。）
      • 20240513_A-TECHエントリシート
  • チーム分けが終わったところは下記へ進む
    • チームビルディング
      • 連絡先交換　⇒　欠席連絡およびフォロー
      • チーム方針　⇒　どのようなチーム運営にしたいか
      • チームポリシー（ルール設定）　⇒　ファイルの管理の仕方やタスク進捗の共有方法など
    • 企画フェーズ
      • 具体的にどのようなものをするかを列挙する。
      • 本日の時点での企画書を記載し、提出する。⇒　企画書テンプレート
      • 時間がある方は、どのような動きになるかなど、画面／プログラムを考えてみる
  • 授業の最後に資料を提出
    ※必ずワードファイル（.doc,.docx）もしくは、PDFファイル（.pdf）で提出すること。
    • 本日の課題提出はこちら
• テンプレートはこちら
  • 20240424_要件定義書（業務・機能・非機能）
  • 20240529_システム開発／制作スケジュール
  • 20240508_サイトマップ

• セレクトボックス／ラジオボタンを利用したデータ更新　⇒　サンプル確認　／　ダウンロード
  • 課題１
    自分の学籍番号の「news_v2_tbl」「news_v2_category_mst」テーブルを作成して動作するように変更してください。
    ⇒「news_v2_category_mst」に１～２件、カテゴリーを登録すること。（INSERT文）
    ⇒一覧ページ：連番／タイトル／日付／カテゴリーNO／カテゴリー名／表示区分（0：非表示、1：表示とする）／更新・削除リンク
    ⇒登録／更新：「news_v2_tbl」にデータ登録します。その際にカテゴリーは「セレクトボックス」、表示区分は「ラジオボタン」を利用すること。
    

    Create Table news_v2_tbl (
      seq_no int not null auto_increment,
      title_kj varchar(255) not null,
      article_kj text not null,
      category_no int null,
      disp_ku char(1) not null,
      delete_ku char(1) not null,
      insert_at datetime not null,
      update_at datetime not null,
    
      Primary Key(
        seq_no
      )
    );
    
    Create Table news_v2_category_mst (
      category_no int not null auto_increment,
      category_name varchar(255) not null,
      delete_ku char(1) not null,
      insert_at datetime not null,
      update_at datetime not null,
    
      Primary Key(
        category_no
      )
    );

• 課題提出
  • STEP１：開発環境を整える。
    WinSCPを利用して、Webサーバに接続する。
    Webサーバ内にある「本日のフォルダ」にアクセスする。
    『　/var/www/html/tsb2023/20240612　』
    「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
    
  • STEP２：開発環境のWebサイトにアクセスする。
    『　http://tsb.well-field.co.jp/tsb2023/　』
    →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
  • STEP３：資料ページへアクセスする。➡PHPテキスト

• チームエントリーシート（6月19日の授業で確定予定。各自意識して、話し合っておいてください。）
  • 20240513_A-TECHエントリシート
• 授業の進め方
  • 前期１つ目の課題作成となります。（２つ目の課題は、システム開発企画書）
    ＜　講師提供プログラム　／　スケジュールシート　＞
    通常50点（提出がない場合には、ゼロ点となります）
    • 共通（満点20点）：スケジュールシート／TOPページなどの画面デザイン（JPGやPNG）／テーブル生成
      • スケジュールシート：作成する機能をもとにスケジュールシートに落とし込む
      • 画面デザイン：XDやFigmaなどで画面を作成する。
      • テーブル生成：s+学籍番号+_+テーブル名で作成する。（すでにある場合は作業不要）
    • プログラム（満点20点）：自分で考えたデザインで、講師作成サンプルに組み込む
    • 選択（満点10点）：スケジュールシート内で好きなものを選ぶ
    • 加点（満点10点）：任意で機能を組み込む（スケジュールシートに追加）
  • 基本課題要件
    • TOPページに「画像付きお知らせ」を３～６件の間で表示させる。
      
      

      

      • デザイン（見た目）も評価対象となります。XDやFigmaなどで、PC版・スマートフォン版を作成すること。
      • 画像とタイトルは必ず表示されること。本文表示については、デザインによって自由とする。
    • 管理機能：お知らせ管理画面を作成し、画像付きで「登録・更新・削除」ができるようにする。
      • デザインは、会員管理画面と同じにすること。
      • ログインしている人だけ、利用できるようにすること。
      • ページングは、実装の有無は問わない。
  • 選択課題
    1. お知らせをクリックして、詳細ページに遷移させる（画像も表示されるようにする）
    2. レスポンシブ対応のお知らせ一覧を作成する。
    3. 管理画面全体のロゴや色合いなどのを変更させる。（ロゴの名前は自由に変更してもよい）
    4. 会員登録時に、同じメールアドレスがあった場合に登録できないようにする。
  • 課題提出
    • STEP１：開発環境を整える。
      WinSCPを利用して、Webサーバに接続する。
      Webサーバ内にある「本日のフォルダ」にアクセスする。
      『　/var/www/html/tsb2023/exam1st　』
      「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
      
    • STEP２：開発環境のWebサイトにアクセスする。
      『　http://tsb.well-field.co.jp/tsb2023/　』
      →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
  • システム開発／制作スケジュールのファイルを開く
  • 前回作成したプログラムにログイン画面を組み込んでみてください（サンプルはこちら）
    前回休んだ方、もしくは、先生のファイルを使用したい場合はこちらのファイルを利用してください
    ⇒　ダウンロードファイルはこちら
    
    • SLCPを学ぶ「運用プロセス／保守プロセス」
  • githubの会員登録を行う。
  • 授業の最後に資料を提出
    • 前期の課題Ⅰ提出はこちら
• テンプレートはこちら
  • 20240424_要件定義書（業務・機能・非機能）
  • 20240529_システム開発／制作スケジュール
  • 20240508_サイトマップ

• ファイルアップロード方法について学ぶ（画像付きお知らせ）　⇒　サンプル確認　／　こちらをクリック
  • 課題１
    自分の「news_tbl」「news_fileuploads_tbl」テーブルを作成して動作するように変更してください
    

    Create Table news_tbl (
      seq_no int not null auto_increment,
      title_kj varchar(255) not null,
      article_kj text not null,
      delete_ku char(1) not null,
      insert_at datetime not null,
      update_at datetime not null,
    
      Primary Key(
        seq_no
      )
    );
    
    Create Table news_fileuploads_tbl (
      seq_no int not null auto_increment,
      news_no int not null,
      folder_name varchar(255) not null,
      file_name varchar(255) not null,
      delete_ku char(1) not null,
      insert_at datetime not null,
      update_at datetime not null,
    
      Primary Key(
        seq_no
      )
    );

  • 課題２
    時間がある生徒は、下記のページを見ながら、ページングを導入してみてください。
    ⇒　サンプル確認
    ⇒　サンプルコード
• 課題提出
  • STEP１：開発環境を整える。
    WinSCPを利用して、Webサーバに接続する。
    Webサーバ内にある「本日のフォルダ」にアクセスする。
    『　/var/www/html/tsb2023/20240605　』
    「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
    
  • STEP２：開発環境のWebサイトにアクセスする。
    『　http://tsb.well-field.co.jp/tsb2023/　』
    →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
  • STEP３：資料ページへアクセスする。➡PHPテキスト

• チームエントリーシート（6月19日の授業で確定予定。各自意識して、話し合っておいてください。）
  • 20240513_A-TECHエントリシート
• 授業の進め方
  • 前期１つ目の課題作成となります。（２つ目の課題は、システム開発企画書）
    ＜　講師提供プログラム　／　スケジュールシート　＞
    通常50点（提出がない場合には、ゼロ点となります）
    • 共通（満点20点）：スケジュールシート／TOPページなどの画面デザイン（JPGやPNG）／テーブル生成
      • スケジュールシート：作成する機能をもとにスケジュールシートに落とし込む
      • 画面デザイン：XDやFigmaなどで画面を作成する。
      • テーブル生成：s+学籍番号+_+テーブル名で作成する。（すでにある場合は作業不要）
    • プログラム（満点20点）：自分で考えたデザインで、講師作成サンプルに組み込む
    • 選択（満点10点）：スケジュールシート内で好きなものを選ぶ
    • 加点（満点10点）：任意で機能を組み込む（スケジュールシートに追加）
  • 基本課題要件
    • TOPページに「画像付きお知らせ」を３～６件の間で表示させる。
      
      

      

      • デザイン（見た目）も評価対象となります。XDやFigmaなどで、PC版・スマートフォン版を作成すること。
      • 画像とタイトルは必ず表示されること。本文表示については、デザインによって自由とする。
    • 管理機能：お知らせ管理画面を作成し、画像付きで「登録・更新・削除」ができるようにする。
      • デザインは、会員管理画面と同じにすること。
      • ログインしている人だけ、利用できるようにすること。
      • ページングは、実装の有無は問わない。
  • 選択課題
    1. お知らせをクリックして、詳細ページに遷移させる（画像も表示されるようにする）
    2. レスポンシブ対応のお知らせ一覧を作成する。
    3. 管理画面全体のロゴや色合いなどのを変更させる。（ロゴの名前は自由に変更してもよい）
    4. 会員登録時に、同じメールアドレスがあった場合に登録できないようにする。
  • 課題提出
    • STEP１：開発環境を整える。
      WinSCPを利用して、Webサーバに接続する。
      Webサーバ内にある「本日のフォルダ」にアクセスする。
      『　/var/www/html/tsb2023/exam1st　』
      「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
      
    • STEP２：開発環境のWebサイトにアクセスする。
      『　http://tsb.well-field.co.jp/tsb2023/　』
      →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
  • システム開発／制作スケジュールのファイルを開く
  • 前回作成したプログラムにログイン画面を組み込んでみてください（サンプルはこちら）
    前回休んだ方、もしくは、先生のファイルを使用したい場合はこちらのファイルを利用してください
    ⇒　ダウンロードファイルはこちら
    
    • SLCPを学ぶ「運用プロセス／保守プロセス」
  • githubの会員登録を行う。
  • 授業の最後に資料を提出
    • 前期の課題Ⅰ提出はこちら
• テンプレートはこちら
  • 20240424_要件定義書（業務・機能・非機能）
  • 20240529_システム開発／制作スケジュール
  • 20240508_サイトマップ

• PDFファイル出力について学ぶ　⇒　こちらをクリック　／　サンプル確認
• ファイルアップロード方法について学ぶ（基本１）　⇒　こちらをクリック　／　サンプル確認
• 課題
  • 課題１
    ユーザー一覧（上位10件）のみを取得し、PDFで出力してください。
  • 課題２
    ファイルアップロードし、アップロードしたファイルをPDFで出力してください。
• 課題提出
  • STEP１：開発環境を整える。
    WinSCPを利用して、Webサーバに接続する。
    Webサーバ内にある「本日のフォルダ」にアクセスする。
    『　/var/www/html/tsb2023/20240529　』
    「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
    
  • STEP２：開発環境のWebサイトにアクセスする。
    『　http://tsb.well-field.co.jp/tsb2023/　』
    →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
  • STEP３：資料ページへアクセスする。➡PHPテキスト

• チームエントリーシート（6月の授業で確定予定。各自意識して、話し合っておいてください。）
  • 20240513_A-TECHエントリシート
• 授業の進め方
  • システム開発／制作スケジュールのファイルを開く
  • 前回作成したプログラムにログイン画面を組み込んでみてください（サンプルはこちら）
    前回休んだ方、もしくは、先生のファイルを使用したい場合はこちらのファイルを利用してください
    ⇒　ダウンロードファイルはこちら
    
  • 企画（計画）：スケジュールを確認し、必要個所を埋めていく。
  • 内部開発：制作スケジュールをもとにプログラムを組み込んでいく。
    
    • できる方は、ユーザーファイルアップロード機能をどのように組み込むとよいかを検討する。
  • SLCPを学ぶ「運用プロセス／保守プロセス」
  • githubの会員登録を行う。
  • 授業の最後に資料を提出
    ※必ずワードファイル（.doc,.docx）もしくは、PDFファイル（.pdf）で提出すること。
    • 本日の課題提出はこちら
• テンプレートはこちら
  • 20240424_要件定義書（業務・機能・非機能）
  • 20240529_システム開発／制作スケジュール
  • 20240508_サイトマップ

• 前回作成した「ユーザー管理画面」を使用する。
  先週の制作ファイルがない場合はこちらを利用してください（20240508_teacher）
• メール送信について学ぶ　⇒　こちらをクリック　／　サンプル確認
• パーツ共通化のためのインクルード方法について学ぶ　⇒　サンプル確認
• 課題
  • 課題１
    ログインした時に登録したメールアドレスに「登録完了しました」のメールが届くようにする。
  • 課題２
    ログイン後の管理画面の上部に共通メニューとして、「一覧・新規登録・ログオフ」を表示する。
    ※ログイン前のページには表示させない。
• 課題提出
  • STEP１：開発環境を整える。
    WinSCPを利用して、Webサーバに接続する。
    Webサーバ内にある「本日のフォルダ」にアクセスする。
    『　/var/www/html/tsb2023/20240515　』
    「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
    
  • STEP２：開発環境のWebサイトにアクセスする。
    『　http://tsb.well-field.co.jp/tsb2023/　』
    →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
  • STEP３：資料ページへアクセスする。➡PHPテキスト

• チームエントリーシート（6月の授業で確定予定。各自意識して、話し合っておいてください。）
  • 20240513_A-TECHエントリシート
• テンプレートはこちら
  • 20240424_要件定義書（業務・機能・非機能）
  • 20240515_システム開発／制作スケジュール
  • 20240508_サイトマップ
• 授業の進め方
  • システム開発／制作スケジュールのファイルを開く
  • レスポンシブデザイン対応のテンプレートを利用し、ユーザー管理画面を組み込む。（サンプルはこちら）
  • 企画（計画）：スケジュールを確認し、必要個所を埋めていく。
  • 内部開発：制作スケジュールをもとにプログラムを組み込んでいく。
    
    • できる方は、ログインフォーム／サインアップ機能を組み込んでいく。
  • SLCPを学ぶ「運用プロセス／保守プロセス」
  • githubの会員登録を行う。
  • 授業の最後に資料を提出
    ※必ずワードファイル（.doc,.docx）もしくは、PDFファイル（.pdf）で提出すること。
    • 本日の課題提出はこちら

• 前回作成した「ユーザー管理画面」を使用する。
  こちらのテンプレートを利用してください（sample_user_knr）
• セッションについて学ぶ　⇒　こちらをクリック　／　サンプル確認
• クッキーについて学ぶ　⇒　こちらをクリック　／　サンプル確認
• 課題
  • 課題１
    ログインしていない時は、強制的にログインフォームに遷移させる。
  • 課題２
    クッキーを利用して、前回、入力されたメールアドレスを自動入力されるようにする。
• 課題提出
  • STEP１：開発環境を整える。
    WinSCPを利用して、Webサーバに接続する。
    Webサーバ内にある「本日のフォルダ」にアクセスする。
    『　/var/www/html/tsb2023/20240508　』
    「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
    
  • STEP２：開発環境のWebサイトにアクセスする。
    『　http://tsb.well-field.co.jp/tsb2023/　』
    →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
  • STEP３：資料ページへアクセスする。➡PHPテキスト

• テンプレートはこちら
  • 20240424_要件定義書（業務・機能・非機能）
  • 20240508_システム開発／制作スケジュール
  • 20240508_サイトマップ
• 授業の進め方
  • システム開発／制作スケジュールのファイルを開く
  • 外部設計：１限目で作成したユーザー管理システムをもとに、サイトマップおよびワイヤーフレームを作成する。
    • サイトマップは、テンプレートを使用してください。
    • ワイヤーフレームは、XDなどのソフトを使用してください。
  • テスト環境構築：XAMPPで１限目で作成したユーザー管理システムが動作するかを確認する。
  • 内部開発：１限目で作成したユーザー管理システムをもとに、上記スケジュール内の「内部開発」を入力していく。
  • SLCPを学ぶ「運用プロセス／保守プロセス」
  • githubの会員登録を行う。
  • 授業の最後に資料を提出
    ※必ずワードファイル（.doc,.docx）もしくは、PDFファイル（.pdf）で提出すること。
    • 本日の課題提出はこちら

• サインアップ／ログイン（パスワードのハッシュ化）
  • 「s+自分の学籍番号+_+user_mst」でテーブルを作成する。
  • 自分で作成したテーブルをもとにプログラムを実行できるようにする。
• ユーザー管理を作成する。
  こちらのページを参考に作成してみましょう（一覧／削除／追加／更新）
• 課題提出
  • STEP１：開発環境を整える。
    WinSCPを利用して、Webサーバに接続する。
    Webサーバ内にある「本日のフォルダ」にアクセスする。
    『　/var/www/html/tsb2023/20240424』
    「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
    
  • STEP２：開発環境のWebサイトにアクセスする。
    『　http://tsb.well-field.co.jp/tsb2023/　』
    →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
  • STEP３：資料ページへアクセスする。➡PHPテキスト

• 授業の進め方
  テンプレートはこちら⇒　20240424_要件定義書（業務・機能・非機能）
  • SLCPを学ぶ「要件定義プロセス：追加分」（30分程度）
  • グループワーク（要件をまとめる）
    1. 先生の役割は、経営者であり、ユーザーです。
    2. グループメンバーの全員が情報システム部という役割です。
    3. まず最初に先生からテーマ「Web写真展システム」についてイメージを伝えます。（約5分）
    4. 要件をまとめるためにグループ内で、先生への質問（インタビュー）を考えます。（約20分）
       ※全体で共有したいため、都度先生に確認するのではなく、発表時間にできるだけまとめてください。
    5. グループ毎に代表者が順番に先生へ質問していきます。（約20分）
    6. 要件定義書テンプレートをもとにグループごとに作成してください。（約60分）
  • 個人ワーク（約40分）
    • どんな画面の制御が良いかを個人で考え、ワードファイル（.doc,.docx）もしくは、PDFファイル（.pdf）にいれること。
      XDやFigmaを利用して、画像出力してもOKです。
  • 授業の最後に資料を提出
    ※必ずワードファイル（.doc,.docx）もしくは、PDFファイル（.pdf）で提出すること。
• 本日の課題提出はこちら

• 授業の進め方
  • 前期・後期の１年間をかけて、新しいことや覚えないことを積み重ねていきます。
    万が一、欠席した場合にも、自分自身で復習しておきましょう。
• ページ間の値の受け渡し（POSTとGETの違い）
  

  /* 送信ファイル submit.php */
  <!DOCTYPE html>
  <html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>sample</title>
  </head>
  <body>
    <div>POST</div>
    <form action="post.php" method="post">
      <input type="text" name="txt_post"><input type="submit" value="POST送信">
    </form>
  
    <div>GET</div>
    <form action="get.php" method="get">
      <input type="text" name="txt_get"><input type="submit" value="GET送信">
    </form>
  </body>
  </html>

  /* POSTファイル受け取り post.php */
  <?php
    //変数宣言
    $txt_post = "";
  
    //もしPOSTで送信された場合、処理を行う
    if($_SERVER["REQUEST_METHOD"] === "POST"){
      $txt_post = $_POST["txt_post"];
    }
  ?>
  <!DOCTYPE html>
  <html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>sample</title>
  </head>
  <body>
    <div>POST取得データ</div>
      <?php echo $txt_post ?>
    </body>
  </html>

• 昨年度の復習（一覧表示）
  • まずは、一覧「news_list」が表示されるようにすること。 
  • その後、テーブルを「student_mst」変更し、動作するようにしてみよう。
    一覧／詳細ページは、生徒情報のすべてが表示されるようにしましょう。
  • 余裕がある方は、「gakka_mst」を使用して、学科名が一覧に表示されるようにしましょう。
• 課題提出
  • STEP１：開発環境を整える。
    WinSCPを利用して、Webサーバに接続する。
    Webサーバ内にある「本日のフォルダ」にアクセスする。
    『　/var/www/html/tsb2023/20240417』
    「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
    
  • STEP２：開発環境のWebサイトにアクセスする。
    『　http://tsb.well-field.co.jp/tsb2023/　』
    →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
  • STEP３：資料ページへアクセスする。➡PHPテキスト

• 授業の進め方
  • 授業の進め方（A-TECH概要）
  • システム開発部の会社での位置
  • SLCPを学ぶ（企画プロセス・要件定義プロセス）
  • 企画書の背景（エビデンス収集）／目的（あるべき姿）の明確化／5W1Hを学ぶ
  • 個人ワーク（本日の課題提出）
    • 桃太郎という童話をもとに背景・目的・手段／概要を作成してみよう。
  • グループワーク （本日の課題提出）
    1. グループ（３名～４名）に分かれてください。
    2. その中で役割を分かれます。（今回はベンダは省きます）
       1. 経営者（投資効果を考える：売上、もしくは節約することを考える）
       2. ユーザー（業務が円滑に回るためにを考える）
       3. 情報システム部（それぞれの意見を聞いて、どう実現するかを考える）
    3. テーマ「クレーン車の配車を効率よく行いたい」
       1. それぞれの立場でどんな問題があるのか？（１０分ほど考え、箇条書きでいいので可視化する）
       2. それぞれの立場で意見を伝える（合計１０分程度）
       3. それをもとにどのような方法がいいのかを再度検討する（１０分程度）
       4. グループとして、どのような問題（背景）があって、それをどうなればいいのか（目的）そして、どのような方法（手段）が良いのかを発表する。（２０分程度）
• 本日の課題提出はこちら

• VSCodeのプラグインの設定
  『SQLTools MySQL/MariaDB/TiDB』を使用して、１年間のＳＱＬ文の復習を行う。
• 外部キー制約を用いたテーブル作成（Webテキスト：26）
  ※テーブル名は「s+学籍番号+_テーブル名」とすること。
  
  1. テーブル作成
  2. 学科マスタのレコードを一括登録
     自分で作成したテーブル「gakka_mst_fk」←「gakka_mst」
  3. データ登録／更新／削除
     1. 自分で作成したテーブル「student_mst_fk」に自分の名前などの任意のデータを3件ぐらい登録してみよう。
     2. 自分で作成したテーブル「student_mst_fk」にある「レコード」を1件更新します。
        1. カラム「gakka_no」を「15」に変更してみよう。
        2. カラム「gakka_no」を「5」に変更してみよう。←必ず変更すること！
     3. 自分で作成したテーブル「gakka_mst_fk」の「gakka_no」が「5」のレコードを削除すること。
• ＰＨＰと登録／更新画面の発展
  ※途中まで作成したプログラムを修正しつつ、完成させること。（課題プログラムダウンロード）
  
  1. 「student_mst」と「gakka_mst」を利用した一覧ページ（ファイル名：dataList.php）を作成
  2. 「student_mst」にデータ登録ページを作成（ファイル名：dataAdd.php）
  3. 「student_mst」にデータ更新ページを作成（ファイル名：dataUpd.php）

• STEP１：開発環境を整える。
  WinSCPを利用して、Webサーバに接続する。
  Webサーバ内にある「本日のフォルダ」にアクセスする。
  『　/var/www/html/tsb2023/20240214』
  「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
  
• STEP２：開発環境のWebサイトにアクセスする。
  『　http://tsb.well-field.co.jp/tsb2023/　』
  →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
• STEP３：資料ページへアクセスする。➡PHPテキスト

• 次年度システム開発チーム編成について
• 基本的なＳＱＬ文の復習（Webテキスト：2～）
  • データベースができないと、次年度授業についていけない可能性があります。
  • 簡単だなと思う程度に理解できているかを、それぞれ確認してください。
• VSCodeのプラグイン
  『SQLTools MySQL/MariaDB/TiDB』を使用して、１年間のＳＱＬ文の復習を行う。
• 外部キー制約を用いたテーブル作成（Webテキスト：26）
• トランザクション処理について（Webテキスト：28）
• ＰＨＰと登録／更新画面の発展（次週の予定）

• コミュニケーション
  • 言語の壁
  • 学年の壁
  • 作業ペアの設定などで対応した
  • 技術面を誉められるとうれしい
  • 質問しやすい雰囲気作り
  • 積極的なフィードバックができるようにする。
• 技術
  • 授業で学んだことを活かしきれなかった。
  • 2年生の技術が高いからついていけなかった。
• 企画
  • もっと魅力的な企画にすべきだと思った。
• データ管理
  • 上書き／削除問題があり、作業をやり直しした。
• チーム運営
  • リーダーシップと責任感、それを支えるメンバーの意識が必要。
  • お願いしても作業をしてもらえない。
  • 具体的なタスク割りをしてもらいたい。
  • 欠席が多いと仕事をお願いしづらい。
  • スケジュール管理（時間管理）が上手くできなかった。
  • チームがどんな状況かが、共有されていない。

• STEP１：開発環境を整える。
  WinSCPを利用して、Webサーバに接続する。
  Webサーバ内にある「本日のフォルダ」にアクセスする。
  『　/var/www/html/tsb2023/20240207-14』
  「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
  
• STEP２：開発環境のWebサイトにアクセスする。
  『　http://tsb.well-field.co.jp/tsb2023/　』
  →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
• STEP３：資料ページへアクセスする。➡PHPテキスト

• 提出フォームはこちら
• 質問事項
  • Q.テーブルレイアウトやSQLは４つ分作成したが、PHPで使用するのは１つのテーブルで良いか？
    • A.問題ありません。テーブルレイアウト／SQLのところで加点します。
  • Q.PHPで使用するテーブルは、簡単なマスタだけでもいいですか？
    • A.問題ありません。マスタ管理システムとして提出してもらえれば大丈夫です。
  • Q.４つのテーブル分のシステムを作成する必要はありますか？
    • A.必要ありません。マスタなどは、事前にINSERT文で登録しておき、表示のみで使用しても大丈夫です。
      　但し、４つのテーブル分のシステムを作成しても構いません。そのまま評価します。
• 提出物
  1. テーブルレイアウト（E-R図）作成➡プライマキーは「自動採番」に設定してください。
     「自分で考えたテーマ」のテーブル設計すること。
     ➡提出用資料➊：テ―ブルレイアウト（E-R図）テンプレート
  2. 上記のテーブルを作成するためのSQL文（テーブルクリエイト文）を作成し、「ターミナル」を使用して実行／作成してください。
     ※他の方とテーブル名が被らないように、テーブル名の頭に「学籍番号など」を付ける。
     ➡提出用資料➋：テーブルクリエイト文テンプレート
  3. PHPプログラム（データ一覧・論理削除・新規登録・更新）
     ➡サンプル（デモ／Zipファイル）
     ➡課題２で作成した自分のテーブルを利用すること。
     ➡ファイル名称は下記にしてください。
     提出用資料❸（下記プログラム）：
     
     1. config.php　（設定ファイル）
     2. dataList.php　（一覧／削除）
     3. dataAdd.php　（新規登録）
     4. dataUpd.php　（更新）
• 開発ヒント
  • PHPプログラムを改修する点として、大きく分けて３つあります。・自分のテーブルに併せて入力フォームを増やす。
    ・増やしたフォームに対応して、PHPの変数を増やし、フォームから値を取得する。
    ・３つのファイルにあるプログラムやSQL部分を変更する。
          ・dataAdd.php
                ・０９行目～１０行目
                ・１４行目～１９行目
                ・２３行目～３５行目
                ・４１行目～４２行目
                ・６０行目～６６行目
          ・dataList.php
                ・１４行目～１６行目
                ・３５行目～４３行目
                ・７９行目～９７行目
          ・dataUpd.php
                ・２１行目～２２行目
                ・２６行目～３１行目
                ・３５行目～３９行目
                ・４４行目～４７行目
                ・６５行目～７１行目
                ・８８行目～９２行目
• 評価
  • C評価60～65点
    • テーブル：１つ
  • B評価70～75点
    • テーブル：最低２つ以上
  • A評価80～85点
    • テーブル：最低３つ以上
    • 一覧：誰が見ても分かりやすいカラムだけを表示させる。
  • S評価90点～100点
    • テーブル：最低３つ以上
    • 一覧：誰が見ても分かりやすいカラムだけを表示させる。
    • 登録／更新画面：区分やカテゴリーなどがある場合は、ラジオボックス・チェックボックスを使用する。

• STEP１：開発環境を整える。
  WinSCPを利用して、Webサーバに接続する。
  Webサーバ内にある「本日のフォルダ」にアクセスする。
  『　/var/www/html/tsb2023/2024exam　』
  「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
  
• STEP２：開発環境のWebサイトにアクセスする。
  『　http://tsb.well-field.co.jp/tsb2023/　』
  →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
• STEP３：資料ページへアクセスする。➡PHPテキスト

• 全て開発が終わった場合には、他の授業勉強を行っても大丈夫です。
  但し、ゲームや動画を観たり、他の生徒の邪魔になる行為はやめてください。

• 提出フォームはこちら
• 提出物
  1. テーブルレイアウト（E-R図）作成➡プライマキーは「自動採番」に設定してください。
     「自分で考えたテーマ」のテーブル設計すること。
     ➡提出用資料➊：テ―ブルレイアウト（E-R図）テンプレート
  2. 上記のテーブルを作成するためのSQL文（テーブルクリエイト文）
     ➡提出用資料➋：テーブルクリエイト文テンプレート
  3. PHPプログラム（データ一覧・論理削除・新規登録・更新）
     ➡サンプル（デモ／Zipファイル）
     ➡課題２で作成した自分のテーブルを利用すること。
     ➡ファイル名称は下記にしてください。
     提出用資料❸（下記プログラム）：
     
     1. config.php　（設定ファイル）
     2. dataList.php　（一覧／削除）
     3. dataAdd.php　（新規登録）
     4. dataUpd.php　（更新）
• 評価
  • C評価60～65点
    • テーブル：１つ
  • B評価70～75点
    • テーブル：最低２つ以上
  • A評価80～85点
    • テーブル：最低３つ以上
    • 一覧：誰が見ても分かりやすいカラムだけを表示させる。
  • S評価90点～100点
    • テーブル：最低３つ以上
    • 一覧：誰が見ても分かりやすいカラムだけを表示させる。
    • 登録／更新画面：区分やカテゴリーなどがある場合は、ラジオボックス・チェックボックスを使用する。

• STEP１：開発環境を整える。
  WinSCPを利用して、Webサーバに接続する。
  Webサーバ内にある「本日のフォルダ」にアクセスする。
  『　/var/www/html/tsb2023/2024exam　』
  「上記フォルダ」内に『　自分の学籍番号　』フォルダを作成する。
  
• STEP２：開発環境のWebサイトにアクセスする。
  『　http://tsb.well-field.co.jp/tsb2023/　』
  →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
• STEP３：資料ページへアクセスする。➡PHPテキスト

• 全て開発が終わった場合には、他の授業勉強を行っても大丈夫です。
  但し、ゲームや動画を観たり、他の生徒の邪魔になる行為はやめてください。

• 提出物
  1. テーブルレイアウト（E-R図）作成➡プライマキーは「自動採番」に設定してください。
     「自分で考えたテーマ」のテーブル設計すること。
     ➡提出用資料➊：テ―ブルレイアウト（E-R図）テンプレート
  2. 上記のテーブルを作成するためのSQL文（テーブルクリエイト文）
     ➡提出用資料➋：テーブルクリエイト文テンプレート
  3. PHPプログラム（データ一覧・論理削除・新規登録・更新）➡ファイル名称は下記にしてください。
     ➡提出用資料❸（下記プログラム）：
     
     1. dataList.php
     2. dataAdd.php
     3. dataUpd.php
• 評価
  • C評価60～65点
    • テーブル：１つ
  • B評価70～75点
    • テーブル：最低２つ以上
  • A評価80～85点
    • テーブル：最低３つ以上
    • 一覧：誰が見ても分かりやすいカラムだけを表示させる。
  • S評価90点～100点
    • テーブル：最低３つ以上
    • 一覧：誰が見ても分かりやすいカラムだけを表示させる。
    • 登録／更新画面：区分やカテゴリーなどがある場合は、ラジオボックス・チェックボックスを使用する。
• 提出先
  • 試験日当日に公開します。

• 学期末試験は、課題提出となります。３種類の提出物作成を行ってください。
  

• データベースとPHPとの連携を学んでいきます。
• STEP１：開発環境を整える。
  WinSCPを利用して、Webサーバに接続する。
  Webサーバ内にある「本日のフォルダ」にアクセスする。
  『　/var/www/html/tsb2023/2024exam　』
  「本日のフォルダ」内に『　自分の学籍番号　』フォルダを作成する。
  
• STEP２：開発環境のWebサイトにアクセスする。
  『　http://tsb.well-field.co.jp/tsb2023/　』
  →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
• STEP３：資料ページへアクセスする。➡PHPテキスト

• 全て開発が終わった場合には、他の授業勉強を行っても大丈夫です。
  但し、ゲームや動画を観たり、他の生徒の邪魔になる行為はやめてください。

• データベース設計およびテーブルクリエイト・データ登録を後期試験までに完成させること。
  プライマキーは、「自動採番」するように設定してください。
• 試験の前週は、試験に向けた準備を行いますので、必ず出席すること。
• 試験当日は、作成したテーブルとPHPの連携をすること。

• 前回、管理システムの「生徒一覧」が完成し、今日は、更新画面を作成します。
  お知らせ一覧・削除・更新・追加　➡　テキストはこちら
• 前回の授業を欠席した方は、こちらからダウンロードしてください。
• 上記完成したら、新規作成も連携し、一覧・削除・更新・追加の４つの動作ができるようにする。

• 上記で作成した管理システム（お知らせ）のテーブルを生徒マスタ「student_mst_ai」に変更すること。
  

  /* 生徒マスタ「student_mst_ai」テーブル構造 */
  
  create table student_mst_ai (
  student_no int not null auto_increment,
  student_kj varchar(255) not null,
  student_kn varchar(255) null,
  student_cd varchar(20) null,
  gakka_no int null,
  seibetu_ku char(1) not null,
  age_nb int null,
  test_su int null,
  delete_ku char(1) not null,
  insert_at datetime not null,
  update_at datetime not null,
  
  primary key(
  student_no
  )
  );

• STEP１：開発環境を整える。
  WinSCPを利用して、Webサーバに接続する。
  Webサーバ内にある「本日のフォルダ」にアクセスする。
  『　/var/www/html/tsb2023/20231213　』
  「本日のフォルダ」内に『　自分の学籍番号　』フォルダを作成する。
  
• STEP２：開発環境のWebサイトにアクセスする。
  『　http://tsb.well-field.co.jp/tsb2023/　』
  →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
• STEP３：資料ページへアクセスする。➡PHPテキスト

• 早く終わった方は、後期課題のテーブル設計し、準備すること。

• データベース設計およびテーブルクリエイト・データ登録を後期試験までに完成させること。
  プライマキーは、「自動採番」するように設定してください。
• 試験の前週は、試験に向けた準備を行いますので、必ず出席すること。
• 試験当日は、作成したテーブルとPHPの連携をすること。

• 管理システムの作成をします。前期課題の範囲となりますので、しっかりと学習しましょう。
  お知らせ一覧・削除・更新・追加　➡　テキストはこちら

• 上記で作成した管理システム（お知らせ）のテーブルを生徒マスタ「student_mst_ai」に変更すること。
  

  /* 生徒マスタ「student_mst_ai」テーブル構造 */
  
  create table student_mst_ai (
  student_no int not null auto_increment,
  student_kj varchar(255) not null,
  student_kn varchar(255) null,
  student_cd varchar(20) null,
  gakka_no int null,
  seibetu_ku char(1) not null,
  age_nb int null,
  test_su int null,
  delete_ku char(1) not null,
  insert_at datetime not null,
  update_at datetime not null,
  
  primary key(
  student_no
  )
  );

• STEP１：開発環境を整える。
  WinSCPを利用して、Webサーバに接続する。
  Webサーバ内にある「本日のフォルダ」にアクセスする。
  『　/var/www/html/tsb2023/20231213　』
  「本日のフォルダ」内に『　自分の学籍番号　』フォルダを作成する。
  
• STEP２：開発環境のWebサイトにアクセスする。
  『　http://tsb.well-field.co.jp/tsb2023/　』
  →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
• STEP３：資料ページへアクセスする。➡PHPテキスト

• 早く終わった方は、後期課題のテーブル設計し、準備すること。

• データベース設計およびテーブルクリエイト・データ登録を後期試験までに完成させること。
  プライマキーは、「自動採番」するように設定してください。
• 試験の前週は、試験に向けた準備を行いますので、必ず出席すること。
• 試験当日は、作成したテーブルとPHPの連携をすること。

• 前回の授業で学んだ「ニュース新規登録」を「生徒新規登録」に変更するプログラムを学ぶ。
  • ニュース新規登録のWebテキストをもとに下記のテーブルに変更してください。
    • 生徒マスタ「student_mst_ai」を使用すること。
      

      /* 生徒マスタ「student_mst_ai」テーブル構造 */
      
      create table student_mst_ai (
      student_no int not null auto_increment,
      student_kj varchar(255) not null,
      student_kn varchar(255) null,
      student_cd varchar(20) null,
      gakka_no int null,
      seibetu_ku char(1) not null,
      age_nb int null,
      test_su int null,
      delete_ku char(1) not null,
      insert_at datetime not null,
      update_at datetime not null,
      
      primary key(
      student_no
      )
      );

• 「ニュース一覧」を「生徒一覧」（テーブル名：student_mst_ai）に変更するプログラムを学ぶ。
• 「ニュース詳細」を「生徒詳細」（テーブル名：student_mst_ai）に変更するプログラムを学ぶ。
  ※生徒詳細は、名前だけでなく、それカラムも画面上に表示させること。
• 今日の課題に取り組む。

• STEP１：開発環境を整える。
  WinSCPを利用して、Webサーバに接続する。
  Webサーバ内にある「本日のフォルダ」にアクセスする。
  『　/var/www/html/tsb2023/20231122　』
  先週作成していない人は、「本日のフォルダ」内に『　自分の学籍番号　』フォルダを作成する。
• STEP２：開発環境のWebサイトにアクセスする。
  『　http://tsb.well-field.co.jp/tsb2023/　』
  →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
• STEP３：資料ページへアクセスする。➡PHPテキスト
  

• 下記のようなデザインに変更すること。
  • 1件ずつのカードは角丸にすること。
  • 画面端まで繰り返したら、自動で折り返すこと。
    

• 早く終わった方は、後期課題のテーブル設計し、準備すること。

• データベース設計およびテーブルクリエイト・データ登録を後期試験までに完成させること。
  プライマキーは、「自動採番」するように設定してください。
• 試験の前週は、試験に向けた準備を行いますので、必ず出席すること。
• 試験当日は、作成したテーブルとPHPの連携をすること。

• 前回の授業で学んだ「ニュース一覧と詳細ページ」の関連についてコードを読む。
• ニュース新規登録からテーブルへデータ登録する方法を学ぶ。

• STEP１：開発環境を整える。
  WinSCPを利用して、Webサーバに接続する。
  Webサーバ内にある「本日のフォルダ」にアクセスする。
  『　/var/www/html/tsb2023/20231122　』
  「本日のフォルダ」内に『　自分の学籍番号　』フォルダを作成する。
• STEP２：開発環境のWebサイトにアクセスする。
  『　http://tsb.well-field.co.jp/tsb2023/　』
  →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
• STEP３：資料ページへアクセスする。➡PHPテキスト
  

• ニュース新規登録のWebテキストをもとに下記のテーブルに変更してください。
  • 生徒マスタ「student_mst_ai」を使用すること。
    

    /* 生徒マスタ「student_mst_ai」テーブル構造 */
    
    create table student_mst_ai (
    student_no int not null auto_increment,
    student_kj varchar(255) not null,
    student_kn varchar(255) null,
    student_cd varchar(20) null,
    gakka_no int null,
    seibetu_ku char(1) not null,
    age_nb int null,
    test_su int null,
    delete_ku char(1) not null,
    insert_at datetime not null,
    update_at datetime not null,
    
    primary key(
    student_no
    )
    );
    

• 発展
  • ファイル名を「newsAddphp ➡ studenAdd.php」
  • 完成したら、前回開発したデータ一覧にボタンもしくはリンクを設置し、登録ページへ遷移できるようにすること。

• 先週までのデータベース設計およびテーブルクリエイト・データ登録を後期試験までに完成させること。
• 試験の前週は、試験に向けた準備を行いますので、必ず出席すること。
• 試験当日は、作成したテーブルとPHPの連携をすること。

• STEP１：開発環境を整える。
  WinSCPを利用して、Webサーバに接続する。
  Webサーバ内にある「本日のフォルダ」にアクセスする。
  『　/var/www/html/tsb2023/20231108　』
  「本日のフォルダ」内に『　自分の学籍番号　』フォルダを作成する。
• STEP２：開発環境のWebサイトにアクセスする。
  『　http://tsb.well-field.co.jp/tsb2023/　』
  →「本日のフォルダ」＞『　自分の学籍番号　』フォルダ
• STEP３：資料ページへアクセスする。➡PHPテキスト
  

• ニュース一覧のWebテキストをもとに下記のテーブルに変更してください。
  • 生徒マスタ「student_mst」を使用すること。
  • 一覧ページ（newslist.php）では、「student_no」「student_kj」「insert_at」
  • 詳細ページ（newsArticle.php）では、「student_no」「student_kj」「student_kn」「student_cd」「age_nb」「test_su」「insert_at」
  • 条件：削除されていないデータのみを抽出すること。
• 発展
  • ファイル名を「newslist.php ➡ studentlist.php」「newsArticle.php ➡ studentprf.php」「config.php」の３つにしてください。
  • 詳細ページ（studentprf.php）に、学科マスタ（gakka_mst）の「gakka_kj」が表示されるようにすること。

1. Excelを使用して、非正規形でデータを作成する。➡サンプルデータ
   更に第３正規化までを行う。
2. Excelを使用して、テーブルレイアウトを作成する。➡参考ファイルのダウンロード
   更にE-R図をエクセルファイルで作成する。➡参考ファイルのダウンロード
3. テキスト（メモ帳）を使用して、SQLでクリエイト文を作成する。➡参考ページ
4. テキスト（メモ帳）を使用して、SQLで一括データ登録を作成する。➡サンプルデータのダウンロード

• 非正規形でデータを作成してみる。➡サンプルデータ
• 第３正規化までを行ってみる。
• E-R図の概念データモデル➡LucidChart
• E-R図の論理データモデル➡LucidChart
• テーブルレイアウトを作成してみる。➡参考ファイルのダウンロード
• SQLでクリエイト文を作成してみる。➡参考ページ
• SQLで一括データ登録を作成してみる。➡サンプルデータのダウンロード

• 演習１）問題はこちらからダウンロード（科目）
• 演習２）問題はこちらからダウンロード（楽器）
• 演習３）上記の正規化したテーブルのE-R図を作成してみよう。（LucidChartを利用）
  • それぞれ概念データモデル／論理データモデルの２種類

• LucidChartでE-R図を作成してみる
  ※実体関連という表記　➡　E-R図の準備
• ツールの使い方を学ぶ（E-R図を作ってみる）
  ※テーブルレイアウトはこちら
  ➔学生マスタと学科マスタのフィールドを表記する。
  ➔学生マスタと学科マスタのフィールドを結合する。
  ※一対多の関係に注意
• 課題）このテーブルレイアウトからE-R図を作成してみよう。

• LucidChartでDFDを作成してみる　➡　DFDの準備
• ツールの使い方を学ぶ（DFDの流れを作ってみる）
  • 例）販売管理システム
• 課題１）学校のテストを受ける
• 課題２）学校に入学する。
• 課題３）好きなデータの流れを考えてみる。

• consumer_mst（顧客マスタ）
• commodity_mst（商品マスタ）
• details_tbl（明細テーブル）
• details_sub_tbl（明細サブテーブル）

• ４つのテーブルを結合することができる。
• 明細テーブル／明細サブテーブルにデータ登録できる。
  （※在庫については、本日は無視してください）

• 後期から２年生のチームに参加し、一緒にシステム開発を行っていきます。
• １年生は、本日のプレゼンを参考に参加したいチームを第１～３希望までを「しっかり」選んでください。
  • 必ず第３希望まで別々のチームを選んでください。全部同じチームを選んだ場合、希望するチームに入れない場合があります。
  • チーム活動に参加してもらいます。参加してもしゃべらない、考えない、作らない場合には「単位」は出ません。
  • システムが完成しない場合には、チームとして評価するものがないため、「単位」がでません。
• 優秀チームの２年生は「ITコンテスト2023」のTSB代表として、名古屋にいきます。

• 22-DELETE文：削除（論理削除・物理削除）
• 23-INSERT文②デリイン
• 24-INSERT文③一括登録
• 25-DROP文：テーブル削除

• 19-CREATE文①テーブル作成
• 20-INSERT文①登録
• 21-UPDATE文：更新
• 22-DELETE文：削除

• 18-SELECT文⑯テーブル結合Ⅲ
• 19-CREATE文①テーブル作成

• 16-SELECT文⑭テーブル結合Ⅰ
• 17-SELECT文⑮テーブル結合Ⅱ

• 14-SELECT文⑫集計関数：group by
• 15-SELECT文⑬集計関数：having

• 11-SELECT文⑨条件：nullと空
• 12-SELECT文⑩並び替え：order by
• 13-SELECT文⑪集計関数

• 授業内容
  1. 14-SELECT文⑫集計関数：group by
  2. 15-SELECT文⑬集計関数：having
  3. 確認テスト提出
     こちらのページへ

• 07-SELECT文⑤条件：and・or
• 08-SELECT文⑥条件：in
• 09-SELECT文⑦条件：比較演算子
• 10-SELECT文⑧条件：like

• 授業内容
  1. 11-SELECT文⑨条件：nullと空
  2. 12-SELECT文⑩並び替え：order by
  3. 13-SELECT文⑪集計関数
  4. 確認テスト提出
     こちらのページへ

• データベースに接続（VSCodeを利用）
• SELECT文①基本構文
• SELECT文②条件：where
• SELECT文③条件：and
• SELECT文④条件：or

• 授業内容
  1. 07-SELECT文⑤条件：and・or
  2. 08-SELECT文⑥条件：in
  3. 09-SELECT文⑦条件：比較演算子
  4. 10-SELECT文⑧条件：like
  5. 確認テスト提出
     こちらのページへ

• 重要ワードの確認
  1. テーブルレイアウト（生徒マスタ／学科マスタ）.pdf
  2. 学生マスタ（サンプルデータ）.pdf
  3. 学科マスタ（サンプルデータ）.pdf
• データベースに接続（VSCodeを利用）

• 授業内容
  1. SELECT文①基本構文
  2. SELECT文②条件：where
  3. SELECT文③条件：and
  4. SELECT文④条件：or
  5. 確認テスト提出
     こちらのページへ

• 授業の進め方
  • 前期・後期の１年間をかけて、新しいことや覚えないことを積み重ねていきます。
    万が一、欠席した場合にも、自分自身で復習しておきましょう。
• データベースとは？覚えておかないといけないキーワード
• VSCodeのインストール～SQL実行まで
  • ID／パスワード、そして、作業手順を忘れないようにしっかりメモ。
    ※２年間ずっと使うことになります。
• 確認テスト提出→次週に持ち越し