第1章 ビジュアルプログラミング入門

Similar documents
第1章 ビジュアルプログラミング入門

第1章 ビジュアルプログラミング入門

データ構造とアルゴリズム論

第1章 ビジュアルプログラミング入門

ガイダンス

ガイダンス

Java言語 第1回

4 その後 さらに下方にスクロールするとダウンロードファイルリストがあるので Windows x86 欄のファイルを選択する jdk-8u60 の 8u102 がバージョンを示している (2016 年 9 月 13 日時点では u102 のアップデート番号が最新版だが これはダウンロード時期によって

第1章 ビジュアルプログラミング入門

GUI プログラミング第 4 Graph ~ 手書認識と関数グラフ描画 ~ マウスで数式を書いて認識し 関数グラフを描画する < 手書認識とグラフ描画のステップ> ステップ 1_1 フレームの作成 ステップ 1_2 マウスで自由に線を書く ステップ 2-1 手書認識認識結果を標準出力する ステップ

Microsoft PowerPoint - OOP.pptx

事前準備マニュアル

Microsoft Word - Mac版 Eclipseの導入と設定.docx

Microsoft Word - VB.doc

Microsoft PowerPoint - OOP.pptx

ガイダンス

WebOTXマニュアル

ガイダンス

データ構造とアルゴリズム論

Java - Visual Editor

ガイダンス

Java演習(2) -- 簡単なプログラム --

WinXp-Rmenu

(3) 本文を書く 実際にページを開いたときに表示される本文を書いてみましょう から の間に書きます <html > <head > <title > 武のホームページ </title > </head > </html > (4) ページを保存する ここで一度ページを保存してみましょう テキストエ

Java講座

Web データ管理 JavaScript (1) (4 章 ) 2011/12/7( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/21

1.WebClass( ウェブクラス ) とは WebClass を利用される前に 学生の立場で WebClass を利用してみましょう... 4 レポートを提出する 先生の立場で WebClass を利用してみましょう... 9 提出状況を確認する..

第 1 章 : はじめに RogueWave Visualization for C++ の Views5.7 に付属している Views Studio を使い 簡単な GUI アプリケーションの開発手順を紹介します この文書では Windows 8 x64 上で Visual Studio2010

Java 2 - Lesson01

1.WebClass( ウェブクラス ) とは WebClass を利用される前に 学生の立場で WebClass を利用してみましょう... 4 開始方法... 4 資料を閲覧する 先生の立場で WebClass を利用してみましょう... 8 資料を

ガイダンス

目次 はじめに...3 チュートリアル素材のご利用に関して... 4 完成イメージ...5 一連の流れ 5 STEP 1. クイズの新規作成...6 STEP 2. 一般公開 ( オンラインストレージ ) 終わりに お問い合わせ お問い合わせ窓口 更新

1 開発ツールのインストール 最初に JDK をインストールし 次に IDE をインストールする という手順になります 1. JDK のインストール JDK のダウンロードとインストール JDK は次の URL でオラクル社のウェブページからダウンロードします

Web データ管理 JavaScript (3) (4 章 ) 2011/12/21( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/18

PowerPoint プレゼンテーション

Java言語 第1回

01_08 インストールガイド

Eclipse 操作方法 (Servlet/JSP 入門補助テキスト)

< F2D E E6A7464>

指定立替納付を使った場合の 国内提出書類の提出方法 1 出願書類や 納付書などを 指定立替納付で支払う場合の手順をご案内します ここでは ひな型を Word で編集する場合の手順を案内します 他を利用する場合は ユーザガイドをご覧ください (1) 指定立替納付を使うための事前準備 a. クレジットカ

本文中の記号の意味 本文中で使用している記号の意味について以下に示します システムの操作上または処理の手続き上において 特に注意していただきたい事項を記載しています 記載内容を必ずお読みください システムの操作上または処理の手続き上において 参考にしていただきたい事項を記載しています 必要に応じてお

WinXp-Rmenu

Prog2_9th

動作環境設定

発環境を準備しよう2 章開Eclipseをインストールしようそれでは Eclipseをセットアップしましょう Eclipseは Eclipse Foundationのサイトからダウンロードできます ダウンロードのページを開くと いく

編集する ファイルを開く マイクロデータの設定を行うファイルまたはファイルを開きます 開かれたファイルは編集画面に表示されて ブラウザ表示した時のプレビューも同時に表示されます HTML ファイルの選択 編集する ファイルを開くためにメインメニューから ファイル 開く を選びます ファイル選択ダイア

Eclipse マニュアル <作成目的> Eclipse のインストール方法などを紹介したページはいろいろありますが 専門用語がわからない初心者でもわか りやすく Eclipse のインストール方法 基本操作などをまとめたマニュアル作成を目的としています <目次> 1 Eclipse のインストール

Microsoft Word - プリンター登録_Windows XP Professional.doc

(3) 図 ファイルの展開先 ( 保存場所 ) 指定画面 が表示されます 参照ボタンを押下すると 図 フォルダ指定画面 が表示されるので 保存先を指定し OK ボタン を押下します 図 ファイルの展開先 ( 保存場所 ) 指定画面 の 展開 ボタンを押下します 図

新規インストールガイド Microsoft Office Professional Plus 2016 本書は Download Station から Microsoft Office Professional Plus 2016( 以下 Office) をダウンロ ドし 新規インストールを行う手順

Javaプログラムの実行手順

スライド 1

Minecraftプログラミングコース 環境構築 Windows

情報更新日 :2012/5/20 サンプルソースの文字化けについて [ トラブル事例 ] Eclipse に ダウンロードしたソースコードをインポートすると文字化けが起きる ( 関連箇所 : 0-1 はじめに ) [ 回答 ] 本書でその利用を前提としております Tech Fun Eclipse は

(6) コンボドライブのドライブ文字の変更 コンピュータの管理 ウィンドウの右下側フレームの CD-ROM 0 DVD (E:) と書かれた箱 ( 図 02-2) にマウスのポインタを合わせ, 右ボタンをクリックしてメニューを表示する メニューから ドライブ文字とパスの変更 (C)... を選択する

RAYOUT

Web プログラミング 1 JavaScript (3) (4 章 ) 2013/7/3( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5/

(3) ソフトウェアのアップデート (3-0) アップデートの開始 今すぐアップデート ボタンをクリックする (3-1) 最新版のダウンロード準備完了 ポップアップウィンドウポップアップウィンドウをクリックする ( マークは避けてクリックすること ) (3-2) ダウンロード準備完了 Java(TM

PowerPoint プレゼンテーション

内容 1 はじめに インストールの手順 起動の手順 Enterprise Architect のプロジェクトファイルを開く 内容を参照する プロジェクトブラウザを利用する ダイアグラムを開く 便利な機能.

スライド 1

< F2D B825082CC96E291E82E6A7464>

プリンタドライバWindows7 操作手順

Prog2_2nd

教材ドットコムオリジナル教材 0から始めるiアプリ (4) 0 から始める i アプリ (4) i アプリをプログラミングする際に必要なのは Java というプログラミング言語の基礎知識です 独自の命令や駆使してプログラミングをするわけですが Java というベースになっている言語を知らないでプログ

引き算アフィリ ASP 登録用の日記サイトを 作成しよう Copyright 株式会社アリウープ, All Rights Reserved. 1

操作パネルのないプリンターでは IP アドレスの設定をプリンターだけでは行えません PC とプリンターをクロスケーブルで繋ぐ または PC とプリンターの間にハブをひとつ置いてネットワークケーブルで繋いで IP アドレスの設定変更を行うことができます 1. 接続します (1) 下記のいずれかの方法で

Microsoft Word -

Java言語 第1回

WebOTXマニュアル

1

Prog2_12th

スライド 1

もくじ 1. 設定前のご注意 2 2. Windows7の場合の設定方法 4 3. Windows8.1の場合の設定方法 8 4. Windows10の場合の設定方法 台帳 MENU 画面を開いても 各ボタンが機能しない場合 ネットワークドライブの割り当て方法について 17

SLP_vREQ 取扱説明書

<4D F736F F F696E74202D AC C8899E D834F E >

< F2D B838A835882CC8CF68EAE2E6A7464>

Delphi/400でFlash動画の実装

ch2_android_2pri.indd

<発注書作成>

Microsoft Word - XOOPS インストールマニュアルv12.doc

ライセンス認証ガイド Windows 10 Pro 本書は Download Station から Windows10 のライセンス情報をダウンロ ドし インストール済みの Windows 10 に適用する手順を記載しています 本手順は学内ネットワークに接続した状態で行う必要があります 認証プログラ

JavaプログラミングⅠ

スライド 1

基礎からの MySQL 改訂版 は Windows10 や Windows8.1 にも対応しています Windows10 および Windows8.1 をお使いの読者が 基礎からの MySQL 改訂版 を読み進めると きの補足説明 1. 基礎からの MySQL 改訂版 の Windows10 および

メディプロ1 Javaサーブレット補足資料.ppt

第1章 ビジュアルプログラミング入門

PowerPoint プレゼンテーション

インストール要領書

Microsoft PowerPoint - Borland C++ Compilerの使用方法(v1.1).ppt [互換モード]

PowerPoint プレゼンテーション

Microsoft PowerPoint ppt

目次 はじめに... 3 システムの必要条件... 4 ライセンス認証... 4 アクティベーション... 6 開発... 7 手順 1. アプリケーションの作成... 7 手順 2. データソースの作成と代入... 7 手順 3. テンプレートの作成 手順 4. レポートビューアの追加

2

平成 30 年度 プログラミング研修講座 岩手県立総合教育センター

ボタンイベントアプリイベント処理を含むアプリとして, ボタンをもち, ボタンを押すと文字列を表示するアプリを作る. このアプリは,HelloWorld アプリを改造して作成するため, アプリ作成の途中からの手順を示す. 1. ボタンの設置 (1) レイアウトにボタンを追加するパレットの フォーム ウ

更新履歴 変更履歴 版数 リリース日 更新内容 第 1 版 2017/5/15 第 1 版発行 第 2 版 2017/7/13 更新履歴 変更内容を追加 (2ページ) 編集の前に を追加(8 ページ ) ブロックエディタ スマートモード エディタモード の説明を追加 (10~12 ページ ) ブロッ

[給与]給与奉行LANPACK for WindowsNTのサーバーセットアップのエラー

管理機能編目次 目次 1 管理機能 1) 物件データ登録依頼 2 2) 物件情報検索 8 3) ユーザー情報照会 10 4)WEB 依頼検索 15 管理機能編 1

Prog2_6th

Transcription:

第 9 章アプレット 学習内容とねらい 本章では Java 言語で作ったプログラムを Web ブラウザ上で動作させる方法を学習します Java 言語には これまで作成してきた Windows アプリケーションの他に Web ブラウザ上で動作させる事のできるアプレットという形態があります このアプレットを利用すれば Web 上で Java プログラムを公開することもできます アプレットは Java 言語の普及当初は (Java 言語の機能の中で ) 最も注目された機能で 当時は アプレットによって Web ページは変わる! と大いにもてはやされたものです 現在では その 熱狂 は醒めたものの 今でも Java アプレットが幅広く用いられていることに変わりはありません 特に Web 上の学習教材の開発などには 今でも Java アプレットが多く活用されています さて Web ブラウザ上で動作させるプログラムと言うと難しく聞こえるかも知れませんが 特殊な用途を除いては これまでのアプリケーションの作成とほとんど変わることはありません 端的に言えば これまでのフレームがアプレットに変わっただけです ですから 本章を学習すれば 簡単にアプレットを作成することができる ということを体験できるはずです 上に述べたとおり 自作のアプレットを自分のホームページで公開する と言うことも可能になります 興味のある人はチャレンジしてみて下さい < 第 9 章の構成 > 9-1 アプレットの作成の仕方 9-2 Web ブラウザ上でのアプレットの実行の仕方 9-3 アプレット作成の練習 237

9-1 アプレットの作成 実行 練習課題 Eclipse を用いてアプレットを作成する場合 その工程はこれまで学習した通常のアプリケーションの作成とほとんど変わりません まず 簡単なサンプル ( アプレット ) を作ってみましょう いつも通り Java プロジェクトを作成します ここでは プロジェクト名を AppletSample としました そして 同プロジェクト内にアプレットを新規作成するために [ 新規 ] [ その他 ] を選択し 下の様にテンプレート ( ひな形 ) として JApplet を選択します [ 次へ ] ボタンをクリックして現れる次の画面でパッケージ名を指定します ここでは これまで通り次の様にプロジェクト名を小文字で表し appletsample としました (Java プログラムでは パッケージ名を小文字にするのが慣例です ) 238

パッケージ名指定後 [ 完了 ] ボタンをクリックすると設定が完了します これで アプレ ットのひな形 ( 具体的には NewJApplet.java というプログラム ) が作成されました ここで NewJApplet.java のソースを見ると 次のようになっているはずです package appletsample; import java.awt.dimension; import javax.swing.japplet; 1 import javax.swing.jcomponent; import javax.swing.jframe; import javax.swing.swingutilities; 2 public class NewJApplet extends javax.swing.japplet { /** * Auto-generated main method to display this * JApplet inside a new JFrame. */ public static void main(string[] args) { } 239

< 解説 > 1 今の場合 アプレットの作成なので ( アプレット作成に必要なクラスが用意されている )javax.swing.japplet パッケージをインポートしています 2 JFrame の代わりに JApplet が入っています これは アプレット作成の場合は JFrame クラスではなく JApplet クラス ( のオブジェクト ) の上に色々なコンポーネントを貼り付けてプログラムを作成する事を意味しています 逆に言えば これまで学習したプログラムとアプレットプログラムの違いは フレームがアプレットに変わっただけ という事になります それでは ボタンをクリックするとメッセージが表示される という簡単なアプレットを作ってみましょう アプレットへのコンポーネントの配置の仕方は フレームの場合と全く同様です 次の様に [ ボタン ] コンポーネントとテキストフィールドコンポーネントを配置して下さい さらに [ ボタン ] をクリックしたときに テキストフィールドに 成功! と表示されるようにしましょう そこで [ ボタン ] クリック時のイベントハンドラを次の様に記述します private void jbutton1actionperformed(actionevent evt) { jtextfield1.settext(" 成功!"); } 作成したら アプリケーションの場合と同じように実行してみましょう 実行すると 次のような画面が現れるはずです 240

ここで Java アプレット を選択し [OK] ボタンをクリックすると 下の様なアプレ ットビューアが起動し 実行結果を確認できます ボタンをクリック 以上は 作成したプログラムの動作確認なのですが これでは ( 通常の ) アプリケーシ ョンの場合と変わらず まだ Web ブラウザ上で動作させてはいません そこで 次節でア プレットを Web ブラウザから呼び出す方法を確認しておきましょう 241

9-2 Web ブラウザ上でのアプレットの実行の仕方 アプレットは Web ブラウザ上で動作させる事ができます というよりも それが本来の用い方です そのためには アプレットを呼び出す HTML ファイルを作成する必要があります 次の要領で作成して下さい 1 パッケージエクスプローラから 作成したプロジェクト AppletSample を選択し右ボタンクリックします そして 新規 ファイル と選択します 2 次の新規ファイル作成画面で 親フォルダ ( ファイルを新規作成する場所 ) として プロジェクト内の src フォルダを選択し 続いて ( 作成する HTML) ファイル名を指定します ここでは プロジェクトと同名としました 入力後 [ 完了 ] ボタンをクリックするとエディタ画面に戻ります 1. ここを選択して 2. ファイル名を記述する 1. ここを選択して 2. ファイル名を入力する 242

3 すると エディタ画面が次のように開かれています 何も表示されていませんが これは ( 新規作成したファイルが html 文書であるので )Eclipse のエディタが Web ブラウザとして自動起動したためです これでは編集できませんので いったん AppletSample.html タグを閉じます 閉じる その後 下のように テキストエディター を用いて改めて開きます これで 編集 可能となりました 4 ファイルの中身 (HTML 文書 ) は次のように記述します <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-31j"> Web ページのタイトル <title> アプレットサンプル </title> </head> <body> <applet codebase=".. bin " code="appletsample.newjapplet.class" width="400" height="250" > </applet> </body> </html> アプレット呼び出しタグ 243

5 記述が完了したら 作成した html ファイル AppletSample.html を保管します その後 ワークスペース内 ( 指定通りであれば C: ProgJava) の AppletSample フォルダを開いてください その中の src フォルダ内にある AppletSample.html をダブルクリックすると ブラウザが起動し 下のようにアプレットが Web ブラウザに表示されます <AppletSample フォルダ> <src フォルダ> ダブルクリック もし ここで 下の画面が現れアプレットが表示されない場合は [OK] ボタンをクリッ クしてください そして次項の アプレットが実行されない場合 に進んでください 244

アプレットが実行されない場合 前ページの画面は アプレットが Java 環境のセキュリティによってブロックされたことを意味します これは Web 上で不正な処理を行うプログラムが動作しないよう Java 環境のセキュリティレベルが上げられたため起きたものです ここでは とりあえずアプレットの実行を確認するために 一時的に Java のセキュリティレベルを下げましょう 以下の手順にしたがってください <Java セキュリティレベルの変更の仕方 > 1 コントロールパネルを開いてください 2 その検索窓から java を検索してください そうして現れた Java アイコンをクリックします 2 ここをクリック 1 java を検索 3 すると 次のような Java コントロールパネル が現れるので ここで セキュリテ ィ タブを選択します 245

4 そして セキュリティレベルを 中 に下げ [ 適用 ] ボタンをクリックします 5 この状態のままで p.244 の5の処理を行って下さい 途中で このアプリケーションを実行しますか という確認画面が出てきますが ここで 実行します を選択して [ 実行 ] ボタンをクリックすると アプレットが実行されるはずです 6 動作の確認が終わったら Java のセキュリティレベルを 高 に戻しておいてください Java のセキュリティレベルを下げずにアプレットを動作可能とするためには アプレッ トに制作者の電子署名をつける必要があります その方法は付録 C を参照してください 246

9-3 アプレット作成の練習 前節までに学習した通り アプレットを利用したプログラムは フレームがアプレットに変わった事をのぞけば その作成方法はこれまでのアプリケーションとほとんど同じです ですから これまで作ったプログラムをアプレットに変更することは難なくできるはずです 実際に 2 題ほど課題プログラムでアプレットを作ってみましょう 応用課題 9-3-A 基礎課題 3-3-3 で作った ボタンをクリックすればフレームの色が変わる プログラムをアプレットとして作り 下のようにブラウザ上で動作させて下さい [ 青 ] ボタンをクリックしたところ 247

ヒント フレームの色を指定する場合には 次のように contentpane コンポーネントの background プロパティを変えました ( 下は赤色に指定した場合 ) p.62 参照 getcontentpane().setbackground(color.red); 一方 アプレットの場合はアプレットの background プロパティを直接指定できます ところが よく考えてみると ( 今記述しようとしている ) ボタンクリックのイベントハンドラは アプレットクラス NewJApplet の中のメソッドです ですから そのクラスに属するメソッドの中から (NewJApplet クラスのオブジェクト ).setbackground(color.red); と NewJApplet クラスから生成されたオブジェクト名を指定することはできません なぜなら クラス定義時点ではオブジェクト名は未定だからです では どうすればよいのでしょうか? ここで エディタ画面を GUI Editor 画面に切り替え アプレット自身が選択された状態にしてみて下さい そして アウトライン ビューを見ると 下のようにその名前 (name) は this となっていることが分かるでしょう このように this 変数は 今定義しているクラス内で自分自身を指す場合に用いられます ( より正確に言うと当該クラスのオブジェクトを指します ) ですから 例えば [ 赤 ] ボタ ンのイベントハンドラは void jbuttonredactionperformed(actionevent evt) { } this.setbackground(color.red); と記述すれば良いのです その他のボタンのイベントハンドラについても同様です なお この this に対して 継承元のクラス ( つまりスーパークラス ) を指す変数が 7-4 節 (p.194 248

~195) で学習した super です 対にして覚えておくと良いでしょう 応用課題 9-3-B 今度は 8-3 節の 練習課題 で作成したプログラムを 下のようにアプレットとして作成して下さい アプレットをブラウザで 開いたところ [ 楕円描画 ] ボタンをクリック したところ 249