テンプレート部分の遊び方 |
DrShino では常にテンプレートと本文(実際のアプリケーション部分)は知識的に区別されて管理されています。
DrShino 本体やシステムを製作する際のツール及び構築されたアプリケーション(システムやホームページ)の全てがこの一つの知識で動作しています。
簡単に言えば DrShino が関与する全ての画面はこの知識の中で動作すると言う事です。
テンプレートの遊び方を理解すると DrShino の作法のほぼ半分は理解出来ると思います。
テンプレートは大別して開発用と実行用の2種類がありボタンの種類が異なります。
現在(2016/09)DrShino 共通テンプレートはPC及びiPhone それぞれに開発用、実行用、HP用が各一つづつ用意されています。
又、ここ(PROJECT Code 'DS_HP')で使用しているテンプレート('DS_HP' 独自)の様に各プロジェクトで自作しても構いません。
ここで解説しているテンプレートはHP用のものです。各テンプレートには共通する機能が多くありますのでここで遊び方を理解すると後の学習や
自作が楽になります。共通テンプレートのソースはかなり大きくて500ステップ位あります。ソースが必要であればコンタクトにてご連絡下さい。
現在表示されている画面のソースは上段テンプレートの左下の PID をクリックすると表示されます。
開発用のテンプレートの詳細は '学習コース' の '上級者コース1' でも解説していますのでご参照下さい。
|
|
上段1 |
1. 若葉マーク : クリックすると HTML, Javascript を始め DrShino の知識等の効果を実際にテスト表示する為の '知識の学習' を別画面で表示します。
DrShino はこれが導入されているサーバーでのみ動作しますのでPC等から直接知識の効果を確かめる事が出来ません。
'知識の学習' 画面ではPCから直接 DrShino の機能効能を学習出来る様に準備したものです。
又、この画面(PC_HTML と言う知識です。)は大変便利なのでコマンドのヘルプ画面の 'コマンド名' にもリンクを貼ってあります。
コマンドのヘルプを読みながらサンプルを実行する事で更に効能を理解しやすくなります。
又、通常の HTML, Javascript CSS 等のテストにも使用出来ますのでお試し下さい。
ここには一度は接続して見て下さい。プログラミングの考え方が変わります。
2. 日時表示 : 現在の日時と DrShino の有効期限までのカウントダウンを5秒切り替えで表示しています。
クリックするとIE限定になりますが Javascript のマウス追尾型時計が表示されます。再度クリックすると閉じます。
3. 上下ボタン : 上下ボタンをクリックすると表示スタイル(スタイルシート CSSファイル)が変更されこの画面が再表示されます。
DrShino では HTML 内に下記の様に '外部参照ファイル' を記述する事が出来ます。工夫次第でどの様な加工も可能です。
<SCRIPT TYPE="text/javascript" SRC="/cgi-bin/DS.cgi?COMMAND=JS&PROJECT=pppp&HTML=JS/xxxx.js&Para=???&..." language="javascript"></SCRIPT>
<LINK HREF="/DS.cgi?COMMAND=CSS&HTML=CSS/ALL_CSS.css&SHOW_MODE=<!---&|VALUE.SHOW_MODE|&--->&...." rel="stylesheet" type="text/css">
ここでの上下ボタンはクリックする度に上記の 'VALUE.SHOW_MODE' の内容を変化させているだけです。
4. スタイル変更 : このボタンをクリックすると表示スタイル(スタイルシート CSSファイル)の選択肢がボタンの右側に表示されます。
選択肢からお好みの CSS を選んで下さい。選ばれたスタイルでこの画面が再表示されます。
3. の上下ボタンの機能と同じです。 '外部参照ファイル' のヘルプも合わせてご参照下さい。
5. スタイル変更 : このボタンをクリックすると表示テンプレートが変更されこの画面が再表示されます。
表示された画面のこのボタン名称が 'MY' ならボタンの左側のシタボタンで背景画像を変更出来ます。
6. DrShino ロゴ : このロゴの左半分をクリックすると別画面で DrShino のヘルプ一覧を表示します。
ボタンの羅列のみで非常に殺風景な画面ですが参照したいヘルプをクリックするとその解説ヘルプが表示されます。
ヘルプ画面には上から 'ヘルプ・テーブル' 'コマンド・ヘルプ' が表示されます。
'ヘルプ・テーブル' 内の背景が暗いヘルプは画像入りで DrShino の開発ツールの解説をしているヘルプです。
'コマンド・ヘルプ' でコマンド名称の背景が暗い赤のコマンドには '知識の学習' でのサンプルが諸々の事由により準備されていません。
ロゴの右半分をクリックすると最初の 'はじめに' の画面に戻ります。
7. 画面・固定 : このボタンは上下のテンプレート部分を固定したい時にクリックします。
モードは '上下テンプレート固定:ボタン表示は Fix', '上テンプレートのみ固定:ボタン表示は Top' '通常スクロール:ボタン表示は Scr' の
3種類です。クリックする度に Top , Fix , Scr と変化します。
8. パノラマ画像 : 下矢印ボタンをクリックすると上部テンプレートの切れ目にパノラマ画像が表示されます。再度クリックすると閉じます。
パノラマ画像は現在のスタイルと呼応して数種類がランダムに表示されます。
画像部分をクリックするとスタイルに呼応した数種類のパノラマ画像を順に見る事が出来ます。
9. 言語変更 : 言語変更ボタン群です。言語管理で選択された言語ボタン群がここに表示されます。
変更したい言語の国旗をクリックすると現在の画面の全ての文字列がクリックした言語に変更されて表示されます。
|
|
上段2 |
10. 5W1H : DrShino の5W1H(What, Why, Who, When, Where, How)を解説しています。
それぞれのタイトル部分をクリックすると詳細なページが開かれます。
11. 学習コース : DrShino の学習コース(初級者コース, 上級者コース, 専門家コース)を解説しています。
それぞれのタイトル部分をクリックすると詳細なページが開かれます。
12. 使用方法 : DrShino の使用方法(基本機能, 開発肯定, システム機能)を解説しています。
それぞれのタイトル部分をクリックすると詳細なページが開かれます。
13. 製作例 : DrShino の製作例(民宿チケットシステム, 民宿検索システム, ショッピングシステム)を紹介しています。
それぞれのタイトル部分をクリックすると詳細なページが開かれます。
14. 画面タイトル : テンプレートに表示されている画面タイトルの部分をクリックすると現在のページのオリジナルソースを表示します。
DrShino の理解や学習にお役立て下さい。
15. 技術提供 : DrShino の技術提供の方法を解説しています。
16. 無料試用 : DrShino の無料試用の送信フォーム。
18. コンタクト : DrShino の質問疑問やトラブル報告等、私共とコンタクトを取りたい時の送信フォーム。
|
|
下段テンプレートの上(別サイトへのリンクボタン) |
DIGIWIT : Digiwit 社のホームページです。 Digiwit 社はアプリケーション開発に iCOODLE (DrShino の別名)を使用しています。
CrmLogin : Digiwit 社のホームページです。 Digiwit 社はアプリケーション開発に iCOODLE (DrShino の別名)を使用しています。
Next, IDEAS, Meet, Neo は iCOODEL の協賛会社です。
|
|
下段 |
1. DrShino ロゴ : このロゴの左半分をクリックすると別画面で DrShino が使用している 'UCS2' のコード一覧を別画面で表示します。
ロゴの右半分をクリックすると別画面で このボタンをクリックすると IP コードの国籍を検索する画面を別画面で表示します。
但し現在使用している IP コード一覧テーブルは 2010 年頃のものです。
2. 'Choose a PROJECT' : このボタンをクリックすると最新の PROJECT の HP や APL に接続出来ます。
(サイト及びプロジェクトは現在公開許可のあるもののみが表示されています。)
'MyLine', 'Place', 'BBS' はログインが必要です。IDがない方は略式登録又は新規登録が必要になります。
'MyLine' は LINE とほぼ同じ機能を持った自作アプリケーションです。自作日数5日(22時間)です。
一人で機能を試すには ID を二つ作成してメッセージや画像、地図等をやりとりすれば実現出来ます。
3. 'Flash Application' : このボタンをクリックすると当サイト作成の Flash アプリケーション に接続出来ます。
'Graph' : を選択すると DrShino の汎用グラフシステムの使用サンプルを別画面で表示します。
表示された画面の左側のパラメータ群を変更しデータ変更ボタンをクリックすると右側の汎用グラフが変化します。
グラフは棒グラフと円グラフの表示が切り替えられます。この機能は知識になっていますのでHPやAPL内で使用出来ます。
'Site' : を選択すると Flash で製作した 'All in one' Flash サイトのメニューを呼び出します。
'All in one' Flash サイトとは一つの Flash で一つのサイトの内容を全て作成してあるものを言います。
'Material' : を選択すると Flash の素材を集めた Flash メニューを呼び出します。
'Sample Watch' : を選択すると各社のブランド腕時計の写真を Flash で実際に動作させたものを集めたHTMLを表示されます。(サンプル編)
'Brand Watch' : を選択すると各社のブランド腕時計の写真を Flash で実際に動作させたものを集めたHTMLを表示されます。(ブランド編)
|
|
|
|