1

2004 年度　サマースクール in 稚内JSF による Web アプリケーション開発

稚内北星学園大学情報メディア学部

専任講師　　安藤　友晴

2

本講座の講義内容

3

この講座のスケジュール (1) 8/6

午後　 JSF 概説 / 環境設定 8/7

午前 Ant / JSF の基本的なしくみ 午後

8/8 午前 午後

4

この講座のスケジュール (2)

8/9 午前 午後

8/10 午前

5

この講習の Web ページ

www.wakhok.ac.jp/~tomoharu/jsf2004/

6

JSF 概説

JSF による Web アプリケーション開発第１回

7

JSF (JavaServer Faces) とは何か Web アプリケーションのユーザインタ

フェースを作成するためのもの ツールでの Web アプリケーションの作

成を強く意識している技術 仕様策定の中心となっているの

は、 Craig McClanahan Struts を作った人 Struts と重複する機能が多い

8

JSF は誰が作っているか Java Community Process (JCP)

Java の標準技術を定める手続き JSF は、 JCP の中の “ JSR 127” で仕

様を策定 JSF は、 Java の標準フレームワーク 2004 年 3 月に version 1.0 が正式リリ

ース 2004 年 5 月に version 1.1

9

JSF で何ができるか MVC モデル 2 による Web アプリケーショ

ンのフレームワークを用意 これまで Struts などが対応してきた部分 JSF は View と Controller を担当

「 UI コンポーネント」で Web ページを構成 ラベル、テキスト入力フィールド、ボタンなど Swing で画面を構成するようなイメージ イベント処理の概念

10

環境設定

11

JSF のアプリケーションを動かす Tomcat などの「 Web コンテナ」の

中で動作する。 ソフトウェアのダウンロード

Tomcat JSF JSTL Ant

12

Tomcat のダウンロードとインストール J2SE が必要 環境変数をセットする

JAVA_HOME と CATALINA_HOME それぞれ、 Java と Tomcat がインスト

ールされているフォルダを指定する ポート番号を変更する

本学実習室の場合

13

JSF 1.1 のダウンロード JSF のページからダウンロードして、

zip ファイルを開くだけ。 http://java.sun.com/j2ee/javaserverfa

ces/index.jsp 次のものが含まれている

必要なライブラリ サンプルプログラム 各種ドキュメント

14

JSTL 1.1 のダウンロード Tomcat で JSF を動かすには、 JSTL

(Java Standard Tag Library) が必要になる。

バージョンは 1.1 とりあえずダウンロードしておく。

15

guessNumberサンプルアプリケーション

16

どんなサンプルか？ Duke くんが思っている数を当てる

ゲーム。 0 ～ 10 までの数を入力する 当たりかはずれか表示

17

実行画面

18

実行方法 JSF 1.1 のアーカイブから samples/jsf

-guessNumber を、 %CATALINA_HOME%\webapps にコピーする。

Tomcat を起動する http://localhost:8080/jsf-guessNumber

/ にアクセスする。

19

UI コンポーネントによる画面構成

Web の画面は UIコンポーネントから構成される。

20

画面遷移 ボタンをク

リックしたら、画面が遷移する。

21

間違ったデータが入力されたら ?

数字を入れるべきところを “ wakhok” のような文字列を入力したら、エラーメッセージが表示される。

22

本学の実習室について 実習は新館 1 Ｆで行います。 Windows2000 と Vine Linux のいず

れかを利用できます。 Windows 上でソフトウェアをインスト

ールしたり、ファイルを保存するときには、 Z ドライブをご利用ください。

ノートパソコンで実習を進めても構いません。

23

事前アンケートにご協力お願いします。 できれば本日中の回答をお願いします。