Development Technology and Application of WEB Information System

WEB情報システム開発技術と応用 Courses Guide

  1. 解決したい課題の設定
  2. chatGPTとVS codeによる課題解決プロシスおよびプログラミング方法の検証
  1. SQLの基本命令： DBに接続、テーブル作成、データの挿入、更新、削除
  2. SQLの検索クエリー(select)
  1. 学習内容
    • 概要と役割、console.logを利用しコンソールを表示しJavaScriptを実行する、基本文法
    • 基本構文、変数とデータ型、演算子
    • 制御文
    • 関数
    • GUIとJavaScriptイベント処理
    • オブジェクト、JSON
    • 配列
  2. JavaScript開発演習例題
    1. ダイアログによる入力とconsole.logによる出力
    2. JavaScript 入力・出力・レスポンス・イベント処理と制御構造例題
    3. asg5:パラメータ付きボタンイベント処理関数とオブジェクト配列の例題
    4. asg6:DOM/BOMの応用例題
    5. asg7:Web APIsの応用例題
    6. asg8:JavaScript Graphics
  1. MySQL
    • システム開発企画案作成
    • データベースの作成
    • データ入力
    • 関数作成
  2. PHPプログラミング
    1. 例題のテンプレート
    2. 例題 p1.php
      1. 概要と役割、基本文法
      2. 変数とデータ型、演算子
      3. 制御文
      4. 関数
    3. 例題 php2025/p2_jp.php
      1. HTML5 GUIコンポーネント
      2. GUIcomponetsの設計と実装
      3. アンケートDBの構成と実装
      4. PHPとDB間の連携と通信
    4. 例題 php2025/p3.php
      1. アンケートデータの通信
      2. 通信データのDBへの登録
    5. JavaScript、jquery、ajaxとPHP通信
    6. PHPとMySQL
  3. PHP&DB制作プロジェクト
    1. wineShop
      1. wineshop ERD
      2. DBへの接続
      3. DBへの接続と簡単な命令の実行・結果表示
      4. DBへの接続とクエリーの実行・結果表示
      5. BS5テーブルwineの表示(p3_simple.php)
      6. 画像含む検索クエリー結果の表示
      7. select menuにてテーブル名を選択させ、そのテーブルの中身を表示する
      8. テーブルに新しいデータを挿入するinsert intoソースコード
      9. ログインして顧客情報登録(php)
      10. ログインしてテーブルを選んで表示(php)
      11. ログインしてテーブルを選んで表示(jquery)
        *Chrome上のjavaScriptの表示設定が必須。他のブラウザでは問題なく実行できる。
      12. Checkboxの入力を送受信と表示する
      13. Radiobuttonの入力を送受信と表示する
      14. Radiobuttonでワイン値段の安値順や高値順表示
      15. 任意MySQLクエリー結果の表示
      16. wineSet一覧と内訳の表示(BS5テーブル)
      17. join[wine_locality_wstatus] ワイン一覧（BS5 table）
      18. join[wine_locality_wstatus] ワイン一覧（BS5 card）
      19. join[wineSet_setDetail] ワインセット一覧（BS5 card）
      20. wineShop ECSITE
      21. wineShop Manager
      22. wineShop Manager Super
      23. 顧客ログイン
      24. 顧客情報登録(2025年版)
      25. 2024ソースマネージャー
    2. Hotel
      1. Introduction ホテル紹介(BS5 table)
      2. Introduction ホテル紹介(BS5 card)
      3. Hotel Calendar カレンダー
      4. Reservation ホテル予約フォーム
      5. Manager ホテル予約処理と客室管理
    3. 教科書「データベース基礎」の例題
      1. データベースdbexerのテーブル一覧
      2. テーブル「商品」の内訳
      3. BS5でのテーブル「商品」
      4. 部署の正規化と実装
      5. 部署のデータ表示
  1. OOP基礎入門
    • Class and Object
    • Constructor
    • Access MOdifiers
    • Inheritance
    • Overriding
    • Interface
  2. Advanced OOP
    • Trais
    • Constants
    • Abstract Class
    • Iterable
    • Namespaces
    • MySQL
  3. WEBデザインポートフォリオ WEB Design Portfolio: Images panel
  1. Object Properties and Methods
  2. Displaying Object
  3. Getters and Setters
  4. object constructor function
  5. Iterables
  6. Sets
  7. Maps
  8. Async
  9. Promises
  10. async/await
  5. プログラムポートフォリオ Program Portfolios