2023年度授業履歴

• 出席状況（欠席０回＋10点、欠席１回＋5点、欠席２回0点、欠席３回ー5点、欠席４回ー10点、欠席５回ー15点）
• システム開発で制作したものが評価対象となります。
  • 納品物１：企画書に沿った動作するシステム
  • 納品物２：発表用パワーポイント資料
  • 納品物３：システムに対する面談テスト、もしくはレポート

• 11:00　授業開始（チームごとに座る）
  
• 11:10　（リーダー／副リーダー）１・２年生が作業できるようにタスクの割り振り（Figmaはこちら）
• 11:20　発表に向けての決め事および準備をする。

• 出席状況（欠席０回＋10点、欠席１回＋5点、欠席２回0点、欠席３回ー5点、欠席４回ー10点、欠席５回ー15点）
• システム開発で制作したものが評価対象となります。
  • 納品物１：企画書に沿った動作するシステム
  • 納品物２：発表用パワーポイント資料
  • 納品物３：システムに対する面談テスト、もしくはレポート

• 11:00　授業開始（チームごとに座る）
  
• 11:10　（リーダー／副リーダー）１・２年生が作業できるようにタスクの割り振り（Figmaはこちら）
• 11:20　発表に向けての決め事および準備をする。

• １月は、⑪１５日／⑫２２日／⑬２９日
• ２月は、⑭０５日／⓯１２日（期末考査）

• 出席状況（欠席０回＋10点、欠席１回＋5点、欠席２回0点、欠席３回ー5点、欠席４回ー10点、欠席５回ー15点）
• システム開発で制作したものが評価対象となります。
  • 納品物１：企画書に沿った動作するシステム
  • 納品物２：発表用パワーポイント資料
  • 納品物３：システムに対する面談テスト

• 11:00　授業開始（チームごとに座る）
  
• 11:10　（リーダー／副リーダー）１・２年生が作業できるようにタスクの割り振り（Figmaはこちら）
• 11:20　発表に向けての決め事および準備をする。

• １月は、⑪１５日／⑫２２日／⑬２９日
• ２月は、⑭０５日／⓯１２日（期末考査）

• 出席状況（欠席０回＋10点、欠席１回＋5点、欠席２回0点、欠席３回ー5点、欠席４回ー10点、欠席５回ー15点）
• システム開発で制作したものが評価対象となります。
  • 納品物１：企画書に沿った動作するシステム
  • 納品物２：発表用パワーポイント資料
  • 納品物３：システムに対する面談テスト

• 11:00　授業開始（チームごとに座る）
• 11:05　2月12日に向けて
  
• 11:10　（リーダー／副リーダー）１・２年生が作業できるようにタスクの割り振り（Figmaはこちら）
• 11:20　発表に向けての決め事および準備をする。

• １２月は、いよいよ１８日の最後の授業となります。
  各チーム、進捗状況によって、年末年始も少しずつでもいいので、作業をしましょう。
  学校が無い代わりに、ゆっくりと自分のペースでプログラムに向き合う時間は大事です。

• １月は、⑪１５日／⑫２２日／⑬２９日
• ２月は、⑭０５日／⓯１２日（期末考査）

• 出席状況（欠席０回＋10点、欠席１回＋5点、欠席２回0点、欠席３回ー5点、欠席４回ー10点、欠席５回ー15点）
• システム開発で制作したものが評価対象となります。
  • 納品物１：企画書に沿った動作するシステム
  • 納品物２：発表用パワーポイント資料
  • 納品物３：システムに対する面談テスト

• 11:00　授業開始（チームごとに座る）
• 11:05　本番および作業フォルダについて
  
• 11:10　（リーダー／副リーダー）１・２年生が作業できるようにタスクの割り振り（Figmaはこちら）
• 11:20　チーム別ヒヤリング

• １２月は、残り１１日・１８日の2回の授業だけとなります。
  ※授業時間外でも頑張っているチームがあります。最後の学校生活になる方も多いと思います。
  今やれることをしっかりとやりましょう。

• 出席状況（欠席０回＋10点、欠席１回＋5点、欠席２回0点、欠席３回ー5点、欠席４回ー10点、欠席５回ー15点）
• システム開発で制作したものが評価対象となります。
  • 納品物１：企画書に沿った動作するシステム
  • 納品物２：発表用パワーポイント資料
  • 納品物３：システムに対する面談テスト

• 11:00　授業開始（チームごとに座る）
• 11:05　本番および作業フォルダについて
  
• 11:10　（リーダー／副リーダー）１・２年生が作業できるようにタスクの割り振り（Figmaはこちら）
• 11:20　チーム別ヒヤリング

• １２月は、４日・１１日・１８日の３回の授業だけとなります。
  そのため、毎日どこまで進めていくかを決めていきましょう。
• 午後についての記述を参考に、進捗スピードをあげていきましょう。

• 自分たちのシステムの強みは何なのかを明確にし、その機能を優先して開発を進めていきましょう。
• 今から誰が発表し、どのように魅力を伝えることができるかのシナリオを考えていきましょう。
• プレゼン参考動画
  • ホリエモンが認めた天才小学6年生が「学びのイノベーション」を提案
  • 「スナック」の25億円市場を狙う起業家が登場！その新サービスとは！？

• 11:00　授業開始（チームごとに座る）
• 11:05　本番および作業フォルダについて
  
• 11:10　（リーダー／副リーダー）１・２年生が作業できるようにタスクの割り振り（Figmaはこちら）
• 11:20　チーム別ヒヤリング

• 他のチームのアイディアやプログラムをコピーする行為は禁止します。
• システム開発の時間内にチーム作業の妨害になる行為は禁止します。
• 授業中に携帯やパソコンなどで、授業に関係ない行為を行うことを禁止します。

• 11:00　授業開始（チームごとに座る）
• 11:05　本番および作業フォルダについて
  ※パスワードは、各チームの開発担当にのみお伝えします。
  • Ａチーム
    URL 　　　https://tsb.well-field.co.jp/system/10sec/2024a/
    SrvPath 　/var/www/html/system/10sec/2024a
    userID　　tsbsystem2024A
  • Ｂチーム
    URL 　　　https://tsb.well-field.co.jp/system/10sec/2024b/
    SrvPath 　/var/www/html/system/10sec/2024b
    userID　　tsbsystem2024B
  • Ｃチーム
    URL 　　　https://tsb.well-field.co.jp/system/10sec/2024c/
    SrvPath 　/var/www/html/system/10sec/2024c
    userID　　tsbsystem2024C
  • Ｄチーム
    URL 　　　https://tsb.well-field.co.jp/system/10sec/2024d/
    SrvPath 　/var/www/html/system/10sec/2024d
    userID　　tsbsystem2024D
  • Ｅチーム
    URL 　　　https://tsb.well-field.co.jp/system/10sec/2024e/
    SrvPath 　/var/www/html/system/10sec/2024e
    userID　　tsbsystem2024E
• 11:10　（リーダー／副リーダー）１・２年生が作業できるようにタスクの割り振り（Figmaはこちら）
• 11:20　チーム別ヒヤリング

• Figmaのデータを統合しました。Webアプリ開発とシステム開発を統合。

• 11:00　授業開始（チームごとに座る）
• 11:05　A-TECHについて（※午後の資料を参照してください）
• 11:10　作業計画（Figmaにて作成）
  • リーダー／副リーダー➡そろそろ作業が完了してきた１年生・２年生が出てくるかと思います。その他、どのような作業をお願いするかを考えておきましょう。
  • メンバー➡不具合や不明点がある、手が空いている場合には、チームリーダー／副リーダーに報告すること。
  • 開発に着手する前に、計画を立てましょう。必要なプログラムソース（サンプル）の有無／データの流れからのテーブル設計など
    ➡ChatGPTやサンプルを利用した場合、バグやセキュリティ面に不安があるため、そのまま利用するのはやめましょう。
• 11:20　（リーダー／副リーダー）作業タスクの書き出し（スケジュール表を参照）
  • 2024_（Aチーム）システム開発スケジュール
  • 2024_（Bチーム）システム開発スケジュール
  • 2024_（Cチーム）システム開発スケジュール
  • 2024_（Dチーム）システム開発スケジュール
  • 2024_（Eチーム）システム開発スケジュール
• 11:40　（リーダー／副リーダー）１・２年生が作業できるようにタスクの割り振り（Figmaはこちら）

• 13:30　授業開始（チームごとに座る）
• 13:40　A-TECHについて
• 13:45　開発サーバおよび命名ルールについて
• 14:05　メンバーごとのタスクの確認および作業開始（Figmaはこちら）
• 15:10　進捗の確認
• 15:20　作業開始
• 16:30　本日の発表（前回と異なるメンバーが発表すること）

• 実施日：２月２２日（土）
• 資料提出：２月２０日（木）１７時まで提出期限
• 選抜チーム：合計２チーム（４～５名のチーム）２月１２日に発表
• プレゼン順の抽選：全部で６チーム（東京２、大阪１、名古屋２、福岡１）
  
• プレゼン時間：１チーム２０分（プレゼン＆デモンストレーション10分／質疑応答＆審査7分）
• 採点：商品価値／UI・UX／独創性・新規性／機能性・実装力／技術チャレンジ／プレゼン力デモンストレーション力
  ⇒それぞれ10段階評価：１（悪い）➡５（普通）➡１０（良い）
  ⇒時間を過ぎた場合：プレゼン＆デモンストレーションからマイナス6点

• XAMMPなどで開発する場合でも下記の共通データベースを利用し、チーム開発を進めていきましょう。
  • ＜VPSサーバ接続情報＞
    • アカウント：tsbsystem
    • パスワード：tsbusers
    • ホスト名（サーバ）：tsb.well-field.co.jp
  • ＜VPSサーバ内のデータベース接続情報＞
    • アカウント：tsbsystem
    • パスワード：tsbusers
    • 使用するデータベース：system2024
• 命名ルール
  • テーブル名の名前は、チームで決めたプレフィックスを必ず付けること。
  • CSSのidやclass、Javascriptの関数名、PHPの変数名などは、意味付けをしていきましょう。
    特に複数のページにまたがるようなclassなどは、他のメンバーが作成したものと同じ名前にならないように注意しましょう。

• Figmaのデータを統合しました。Webアプリ開発とシステム開発を統合。

• 11:00　授業開始（チームごとに座る）
• 11:10　作業計画（Figmaにて作成）
  • 本日で、５回目（残り10回）の授業となります。完成日から逆算し、スケジュールを立て直しを行ってください。
  • Figmaの役割分担表に講師から一言ずつ、コメントを入れてあります。
  • ２年生の中で、要件をしっかりまとめ理解し、１年生と共有できるようにしていきましょう。
    また、チーム内での話し合いを進めていきましょう。
• 11:20　（リーダー／副リーダー）作業タスクの書き出し（スケジュール表を参照）
  • 2024_（Aチーム）システム開発スケジュール
  • 2024_（Bチーム）システム開発スケジュール
  • 2024_（Cチーム）システム開発スケジュール
  • 2024_（Dチーム）システム開発スケジュール
  • 2024_（Eチーム）システム開発スケジュール
• 11:40　（リーダー／副リーダー）１・２年生が作業できるようにタスクの割り振り（Figmaはこちら）
  最後、プログラム統合することをイメージして、どのように進めるのが良いかを考える。
  バラバラで開発を進めると後で結合できない／ページごとにデザインが違うなど、修正が必要になる可能性が高いです。

• 1年生：今与えられている役割が、全体の作業として、何に繋がるかを確認すること。
• 2年生：なぜその作業が必要かを伝えること。

• 13:30　授業開始（チームごとに座る）
• 13:40　チームで開発するということ。
  ※コミュニケーションは不要？一緒に仕事をしていくために。
  1. よくあるチーム内トラブル
     1. メンバーが自己判断で、勝手に進めている。
     2. どちらのデザインを採用するかで、デザイナー同士がもめる。
     3. スケジュール通りに進めてもらえない。または、スケジュールが厳しすぎる。
     4. 性格の不一致による、個人的な反発がある。
     5. その言葉に対して、納得がいかない／作業をやらないで違うことをやっている。
  2. どうすればすればいいの？
     1. 「やらなければいけないこと」「やってはいけないこと」を明確にする。
     2. 「誰にどんな役割（権限）」を与えるかを明確にする。
     3. 「人の話を聴く態度」を意識する。
     4. 「意見をまとめる／落としどころをつくる」ことで、チームをまとめる。
        その際に、何故ならばとロジカルな考えのもと、判断する。
• 13:50　深田先生：
• 14:05　メンバーごとのタスクの確認および作業開始（Figmaはこちら）
• 15:10　進捗の確認
• 15:20　作業開始
• 16:30　本日の発表（前回と異なるメンバーが発表すること）

• Figmaのデータを統合しました。Webアプリ開発とシステム開発を統合。

• 11:00　授業開始（チームごとに座る）
• 11:10　作業分担（Figmaにて作成）
  • 利用者プロセスとDFD（データフローダイアグラム）を整備しよう
  • 要件（仕様）を確定していこう
• 11:20　（リーダー／副リーダー）作業タスクの書き出し（スケジュール表を参照）
  • 2024_（Aチーム）システム開発スケジュール
  • 2024_（Bチーム）システム開発スケジュール
  • 2024_（Cチーム）システム開発スケジュール
  • 2024_（Dチーム）システム開発スケジュール
  • 2024_（Eチーム）システム開発スケジュール
• 11:40　（リーダー／副リーダー）１・２年生が作業できるようにタスクの割り振り（Figmaはこちら）
  その他、作業見本やＨＴＭＬコーディングのベースファイル作成など

• 利用者プロセス：フローを図形を用いて、描きましょう
• DFD：利用者プロセスをもとにどんなデータが流れるかを描きましょう
• 仕様書：機能の部分を具体的にまとめましょう
  （例：ポイントは何をすると何点取得／フラッシュカードは、１回につき何セット繰り返すのか？）など

• 13:30　授業開始（チームごとに座る）
• 13:40　仕事を進めていくうえで意識してほしいこと
  • メンバーの仕事のしやすさを考える（エクセル偏）
  • タスクの順位付け（あなたは、簡単なものから終わらせる？難しいものから終わらせる？）
    

    期限	所要予測時間	項目	順位付け （1～）
    2024/10/30	5分程度	成績データ１件更新
    2024/10/30	5分程度	HTMLコーディング（文字の色変更）
    2024/10/30	5時間	管理画面
    2024/11/5	３人日（24時間）	ログインフォーム作成
    2024/11/12	２週間	企画書提出

• 13:50　深田先生：04_仕事の品質と納期
• 14:05　メンバーごとのタスクの確認および作業開始（Figmaはこちら）
• 15:10　進捗の確認
• 15:20　作業開始
• 16:30　本日の発表（前回と異なるメンバーが発表すること）

• mysqli：mysql専用の機能を使う、処理を高速したいなどの場合に利用する。
• pdo：mysql以外のデータベースでも使用ることができる。汎用性が高く、PHPで開発する場合、今後の拡張性などを考えると優位性が高い。

• 11:00　授業開始（チームごとに座る）
• 11:10　作業タスクの書き出し（スケジュール表を参照）
  • 2024_（Aチーム）システム開発スケジュール
  • 2024_（Bチーム）システム開発スケジュール
  • 2024_（Cチーム）システム開発スケジュール
  • 2024_（Dチーム）システム開発スケジュール
  • 2024_（Eチーム）システム開発スケジュール
• 11:40　１・２年生が作業できるようにタスクの割り振り（Figmaはこちら）
  その他、作業見本やＨＴＭＬコーディングのベースファイル作成など

• 13:30　授業開始（チームごとに座る）
• 13:40　安全なシステムを構築するために ➡（サンプルコード）
  
• 13:50　深田先生から「デザイン処理のコツ」
• 14:10　メンバーごとのタスクの確認および作業開始（Figmaはこちら）
• 15:10　進捗の確認
• 15:20　作業開始
• 16:30　本日の発表（前回と異なるメンバーが発表すること）

• 13:30　授業開始（チームごとに座る）
• 13:40　聴く力（聴く姿勢）➡（20241016_聴く力）
• 14:10　03_デザイン制作についての 確認事項
• 14:30　メンバーごとのタスクの確認および作業開始（Figmaはこちら）
• 15:10　進捗の確認
• 15:20　作業開始
• 16:30　本日の発表

• 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／パスワード、そして、作業手順を忘れないようにしっかりメモ。
    ※２年間ずっと使うことになります。
• 確認テスト提出→次週に持ち越し