ver.1.10(最終:2023.05.29)
重要な情報
下記の情報は、授業で使用するためのサーバおよびログインとなります。授業や自習以外に使用しないように注意してください。
<VPSサーバ接続情報>
アカウント:tsb23
パスワード:tsb202304
ホスト名(サーバ):db.well-field.co.jp
<VPSサーバ内のデータベース接続情報>
アカウント:tsb23
パスワード:tsb202304
使用するデータベース:db2023
<サーバ接続で使用>
ssh -l tsb23 db.well-field.co.jp
mysql -u tsb23 -p -h localhost
use db2023;
<便利コード>
show databases;
show tables;
<「WinSCP」を起動>
※このソフトは、Webサーバに接続しファイルをアップロード/ダウンロードするために使用します。
アカウント:tsb23
パスワード:tsb202304
ホスト名(サーバ):tsb.well-field.co.jp
ポート:22
09.04【前期】Webアプリ開発Ⅰ 第14回目(授業内容)
- Webアプリ開発Ⅰ
- 授業内容
- Figmaのアカデミック登録を行います。
参考PDFファイル(資料1 / 資料2)
- 配布資料(20240724_ER_tablelayout / 20240724_teacher)
- 前期課題の制作について
Figjamにて公開:こちらをクリック - 本日の課題
- システム開発のチームに分かれて席に座ってください。
- チームごとに、どのようなデータを扱うかを洗い出します。
- 手書きやFigmaを利用して、連番やNOなどを考えずに「具体的」なデータを記述します。
- Figmaでデータを見やすく記述します。
- それぞれのデータがどのような関係かを記述します。
- Excelを使用してER図(テーブルレイアウト)を作成します。
- テーブルクリエイト文を作成します。
- チームごとに誰が、管理システムのどの部分(ファイル)を作成するかを割り振ります。
- 前期課題
※テーブルは、チーム単位で作成していきます。
※難度によって、大きく加点します。
※リーダー加点(10点)30点(全チーム、この部分は完成済)・基本の講師配布テンプレートをもとに管理画面を準備すること。⇒会員管理⇒お知らせ管理(画像付き)40点(2週間かけて、この部分を作成する)・新規のテーブル作成・割当られた管理画面作成30点・画像付き、もしくは、複数テーブルでの管理
- Figmaのアカデミック登録を行います。
- 授業内容
07.31【前期】システム開発Ⅱ 第13回目(授業内容)
進捗率 | 企画書骨子 (背景・目的・機能) |
画面イメージ (Figmaなど) |
企画書 (パワーポイント) |
スケジュール タスク (スケジュール表作成) |
仕様 (要件定義書作成) |
||
筋書 (ストーリー) |
エビデンス (証拠) |
技術課題 | |||||
Aチーム(松本さん) | 70% | 100% |
90% | 80% | 20% | 70% | 0% |
Bチーム(日高さん) | 60% | 100% | 90% |
90% |
10% (パワーポイントで作成) |
10% | 70% |
Cチーム(高橋さん) | 70% | 100% | 100% | 90% | 40% | 10% | 100% |
Dチーム(アキラさん) | 55% | 100% | 100% | 30% | 70% | 10% | 60% (自動翻訳) |
Eチーム(宮本さん) | 60% | 100% | 100% | 40% | 40% | 30% | 60% (API) |
- システム開発Ⅱ
- 本日の目標
A-TECHコンテストに向けて、企画書の骨格を作成していく。 - 授業内容
- 授業の進め方
※夏休み前に提出した企画書をベースに発表できるレベルまで深堀していく。- 資料ダウンロード
- — 本日やること 前期課題提出物の制作
- 前回の続き➡こちらからFigmaにアクセス
- 9月18日(水)にスキルアップで1年生に向けて1チーム毎プレゼンを行います。
- プレゼン資料(.pptx)およびスケジュール(.xlsx)を前期課題として提出すること。
- 提出はこちら
- 資料ダウンロード
- テンプレートはこちら
- A-TECH概要
こちらをダウンロード
- 授業の進め方
- 本日の目標
■今後、身に付ける必要があるスキル
- GitHub(バージョン管理)
- AWS(インフラ)
- Amazon EC2
- Amazon S3
- RDS
- Amazon API Gateway
- Docker(仮想化環境)
- Figma(UI/UX)
- VSCode(IDE:統合開発環境)
- Notion(タスク管理)
- mariaDB(リレーショナルデータベースMySQL派生)
– Webアプリケーション –
- PHP
- Laravel(PHPフレームワーク)
- Javascript
- node.js(Javascript実行環境)
- vue.js(Javascriptフレームワーク)
- CSS
- Bootstrap(フロントエンドツールキット)
– ローカルアプリケーション –
- Python
- Pygame(ゲームライブラリ)
- Raspberry Pi(端末)⇒電子工作
- ChatGPT(AI開発)
Microsoft365(統合システム)
AdobeCC