• 締切済み

クリッカブルマップを利用でき、DBの検索・編集ができるシステム

次のようなシステムを構築するにはどのようにすればよいでしょうか? クリッカブルマップを利用し、大分類→中分類→小分類と画面遷移し、詳細情報を表示する。 顧客情報をIDなどで検索でき、データの編集ができる。 必須機能 1、顧客情報(DB)の編集(変更、追加、削除) 2、顧客情報(DB)の検索(IDやその他の要素) 3、クリッカブルマップ(画像の特定の領域をクリックすると任意のページを表示) 4、ローカル(単独のPC上)で運用できる 付加機能 1、編集ログ(編集前後の内容や編集日時、編集者等) 2、データの印刷(対象となるデータやその項目をフィルタリングし、印刷) 付加機能については実装できない、機能に制限があるという場合でも構いません。 必須機能のクリッカブルマップについてはHTMLでの実装を考えていますが 他の必須機能の要件を満たしていればFLASH等ほかの手段での実装でも構いません。 また、私の説明が拙く伝わらないこともあるかと思いますので その場合には質問していただきたいと思います。 私はHTML、C、JAVA、VBなどの知識がありますが、 いずれも素人に毛が生えた程度です。 上記のようなシステムを構築するのに、 Ajax(javascript+XML)が使えるのではないか と思ったのですがどうでしょうか。 まずはどの言語で開発していくか、次にどの様な実装方法があるか が知りたいです。 困り度は最低に設定していますが、 早い回答を頂けると大変助かります。 みなさま、よろしくお願いします。

みんなの回答

  • inu2
  • ベストアンサー率33% (1229/3720)
回答No.1

>4、ローカル(単独のPC上)で運用できる と >必須機能のクリッカブルマップについてはHTMLでの実装を考えていますが >Ajax(javascript+XML)が使えるのではないか かなり矛盾を感じます。 単体のアプリケーションとして構築したいのか、webシステムとして構築したいのか、どちらでしょう?

roku_hachi
質問者

補足

ID違いますが、質問主です。 (パス紛失してしまいましたので以下はこのIDで・・・) 返信が遅くなり大変すいませんでした。 >かなり矛盾を感じます。 ということは、Ajaxを使ってのシステムでは ローカルでの運用はできないということでしょうか。 もし、そうであればローカルで運用できるものにしたいです。 >単体のアプリケーションかwebシステムか 単体のアプリケーションで構築したいと思います。 実は最初は違うコンセプトの元で始まり 今自分が持っているスキルの中で一番簡単に作ろうとし、 HTMLでクリッカブルマップを使用して構築しようと考えたのです。 HTMLファイルと画像など必要なファイルをまとめておけば ローカルでの運用ができると思ったのでそのようにしました。 が、途中で段々と方向性が変り、 対応できなくなってきたので上記の質問をしました。 回答ありがとうございました。

関連するQ&A

  • PHPと連携したクリッカブルマップを

    <form action="test.php?cate1=27&cate2=2&cate3=blue" method="post" name="x1" id="x1"> <input name="check[001]" type="hidden" value="12345" /> <input type="submit" value="北海道の情報を表示" /> </form> 現在地域ごとにリンクを設置し、test.phpに情報を送っています。 上記のようにボタンを設置したタイプにしているのですが、 今後はクリッカブルマップにしていきたいと考えています。 <area shape="poly" coords="XXX,XXX,XXX" alt="" /> クリッカブルマップは上記のように設定しており、単純にクリッカブルマップとしては機能しております。PHPとのリンクに詳しくないのでどういった形でPHPに情報を渡してやればいいか検討がつきません。 ご存知の方いらっしゃいませんでしょうか。

  • クリッカブルマップで画像と画像の間に隙間が出来てしまう

    現在、ホームページを作ってみようと思い作成しているのですが、クリッカブルマップを使い、画像の特定の場所からリンクをさせようと思っているのですが、 クリッカブルマップを使っている画像Aと同じくクリッカブルマップを使っている画像Bを上下に隙間なく並べようとすると数pxほど隙間が開いてしまいます。 単なる画像データを上下に並べた時にはぴったりとくっついていたので、マージンやパディングの設定がおかしい訳ではないだろうと思っているのですが、これはクリッカブルマップを追加した事によって何か追加でスタイルシートを設定してあげなければいけないのでしょうか? それとも、クリッカブルマップを使った時はどうしても隙間を埋める事ができないのでしょうか? 1つの画像でやればいいのですが、HPのデザイン上・管理上の都合(画像データの差し替え頻度)どうしても分けて使いたいと思っています。 ご回答お願いします。 該当部分のHTMLソースです。 <img src="top.jpg" alt="ようこそ" usemap="#map1" width="600" height="200" /> <map name="map1"> <area shape="rect" coords="0,0,200,200" href="auto.html" /> </map> <img src="top.jpg" alt="ようこそ" usemap="#map2" width="600" height="200" /> <map name="map2"> <area shape="rect" coords="400,0,600,200" href="auto.html" /> </map>

    • ベストアンサー
    • HTML
  • Xoopsモジュールpico内にクリッカブルマップ

    初めまして、投稿させていただきます。 今現在、Xoopsを使いWebページを作成しています。 ページの作成にあたってをpicoを利用し、ビルダーなどのソフトで作成したページのHTMLタグを貼り付けています。 (タグは必要な部分だけ更にメモ帳などで抜粋、加工して貼り付けています) その中で、クリッカブルマップを利用したページを作成したのですが、 巧くリンクが飛びません。 クリッカブルマップに更にその指定したページ内の任意の部分に飛ぶよう指定をしているのですが、 ページは移動するのですが該当する部分に行かず、普通にページ移動するだけです。 クリッカブルマップ上のリンク先は全て1つのページ内なのですが、 それぞれの部分へと飛ぶようにしたいと思っています。 ただ、その中で不思議なことに1箇所だけきちんと機能している部分があり、 使用できないわけではなさそうなのですが、他の部分とのタグの違いが判りません。 何かコツがあればお教えください。 よろしくお願いします。

  • DBとHTMLファイルを検索したい

    PHP+MYSQLででDBの検索機能を作成しました。 現在問題なく動くのですが、DBだけでなくHTMLファイルに書かれた文字列の検索も一緒にできるように改造したいのです。 例えば検索条件1が山田、検索条件2が太郎として、 テーブルに[山田]、HTMLファイルに[太郎]があるものを検索結果としてヒットさせたいです。 テーブルのデータとHTMLファイルを結ぶ条件としてテーブルにID項目があり、例えばIDが1234だったら1234.htmlというファイルが必ず1つだけ存在します。 データの数は現在30程度ですが、今後増え続けます。 HTMLファイルは大体20kbほどあります。 ヒットしたデータのIDと同じ名前のHTMLファイルを1つ1つstrrposを使って調べるとなるとやはり処理は重くなりますか? ちょっと説明がわかりにくいかもしれませんが、何か良い方法はないでしょうか。 アドバイスお願いします。

    • 締切済み
    • PHP
  • 複数画像にクリッカブルマップ

    当方、HTML・CSSは少しだけ分かりますが、javascriptの知識がありません。 添付の画像のように、 ひとつのHTML内に複数の画像を置き、それぞれの中に複数のクリッカブルマップ(ロールオーバーも可能) を設置したいのですがうまく動きません。。 ■javascript (動かず) if(navigator.appVersion.charAt(0) >=3){ var rolimg = new Array(); for( i = 0 ; i < 10 ; i++ ){ rolimg[i] = new Image(); } rolimg[0].src= "img/0.jpg" rolimg[1].src= "img/1.jpg" rolimg[2].src= "img/2.jpg" rolimg[3].src= "img/3.jpg" rolimg[4].src= "img/4.jpg" rolimg[5].src= "img/5.jpg" } function paintRol(dim,cnt){ if(navigator.appVersion.charAt(0) >= 3 ){ document.images[dim].src=rolimg[cnt].src; } } ■HTML <!--ひとつめの画像--> <img src="img/0.jpg" usemap="#map" name="rollover" /> map name="map" id="map"> <area shape="poly" coords="***,***,***,***,***,***,***,***,***,***,***,***" href="#" onMouseOver="paintRol('rollover',1)" onMouseOut="paintRol('rollover',0)" /> <area shape="poly" coords="***,***,***,***,***,***,***,***,***,***,***,***" href="#" onMouseOver="paintRol('rollover',2)" onMouseOut="paintRol('rollover',0)" /> <area shape="poly" coords="***,***,***,***,***,***,***,***,***,***,***,***" href="#" onMouseOver="paintRol('rollover',3)" onMouseOut="paintRol('rollover',0)" /> </map> <!--ふたつめの画像--> <img src="img/4.jpg" usemap="#map" name="rollover" /> map name="map" id="map"> <area shape="poly" coords="***,***,***,***,***,***,***,***,***,***,***,***" href="#" onMouseOver="paintRol('rollover',5)" onMouseOut="paintRol('rollover',0)" /> </map> ------ よろしくお願いします。

  • クリッカブルマップについて

    私は、Macintoshを使って、HP製作をしているのですが、 クリッカブルマップが、MacのSafariではちゃんと出来ているのに、 internet explorerだと見れません。 どこが違うのでしょうか?ご回答お願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- BODY{cursor:crosshair;} --> </style> <title>サンプル</title> </head> <body background="002.jpg"> <div style="top : 40px;left : 90px; position : absolute; z-index : 1; " id="Layer1"> <img src="window18.jpg" usemap="#map1" alt=""> <map name="map1"> <area shape="rect" coords="586,247,617,261" href="info.html" target="iframe"> <area shape="rect" coords="622,247,660,261" href="info.html" target="iframe"> <area shape="rect" coords="666,247,690,261" href="contact.html" target="iframe"> <area shape="rect" coords="582,276,626,291" href="cosme.html" target="iframe"> <area shape="rect" coords="631,276,663,290" href="kaimono2.html" target="iframe"> <area shape="rect" coords="667,276,698,290" href="link.html" target="iframe"> <area shape="default" nohref> </map> </div> <div style="top : 145px;left : 190px; position : absolute; z-index : 1; " id="Layer2"> <iframe src="migi.html" border="0px" width="450" height="280" scrolling="AUTO" name="iframe"> </iframe></div> </body> </html>

    • ベストアンサー
    • HTML
  • クリックでクリッカブルマップの色が変化する処理

    クリッカブルマップを使用して、特定の場所をクリックしたら色と場所が変化するようなものを作成したいと思っております。 過去の質問も参考にさせて頂いたのですが、思うように作動してくれないので、質問を立てさせて頂きました。 HTML JQueryコードを下記に記します。 <HTML> <div id="click"> <img src="../../Images/kousi2-0.png" usemap="#sikaku" width="400px" height="400px" alt="map" class="metermap"/> <map name="sikaku"> <area shape="rect" coords="19,22,89,91" alt="map1" id="clickmap1" /> <area shape="rect" coords="94,22,161,91" alt="map1" id="clickmap2" /> <area shape="rect" coords="166,22,235,91" alt="map1" id="clickmap3" /> </map> </div> <JQuery> //クリッカブルマップの切り替え処理 $(document).ready( function () { $("#clickmap1").click(function () {; var onsrc = $("#click img").attr("src").replace("..Images/kousi2-0.png","../Images/kousi2-1.png"); $("#click img").attr("src",onsrc); }); }); $(document).ready( function () { $("#clickmap1").click(function () {; var onsrc = $("#click img").attr("src").replace("..Images/kousi2-0.png","../Images/kousi2-2.png"); $("#click img").attr("src",onsrc); }); }); $(document).ready( function () { $("#clickmap1").click(function () {; var onsrc = $("#click img").attr("src").replace("..Images/kousi2-0.png","../Images/kousi2-3.png"); $("#click img").attr("src",onsrc); }); }); これで画像は切り替わるのですが、所定の場所に画像が移動してくれません。 今使用している格子の画像で説明すると、クリックで出現する赤の四角が、格子の左上から右下に移動してくれないといった感じです。 replaceで置き換えているだけなので、その場所しか切り替わらないのは当然ですが、 解決策が見えてきません。 有効なJQueryのライブラリなどございましたら、ご紹介頂けると幸いです。 よろしくお願いいたします。 ご教授のほど、よろしくお願いいたします。

  • 【質問】DBを介した検索 他2つ

    現在,大学での演習でコーディングを担当しています. HTMLで作った画面にJavaScriptを用いて機能を作っているのですが… その機能の中に,DBを介した検索機能があります. (DBはMysqlを用いて作成しました.) 他掲示板で質問したところJavaScriptとMysqlのDBは繋がらないとの 指摘を受けたのですが,ODBCというツールを使うことで繋げることが 出来き,とりあえず画面上にDBの内容を表示することは出来ました. (1)しかし,DBと繋ぐことが出来るこの段階でもScriptでDBを介した検索が出来るかが全く分かりません. それと,こちらは一緒に作業をしている友人の質問なのですが, (2)現在htmlを使用し登録画面から確認画面へデータを反映させるようなプログラミングをJavaScriptを用いて作成しています. 登録するデータをODBCを経由しSQL上(workspace)に一度仮保存し,そこから確認画面へとデータを反映させようと考えています. しかし,データは新規のものになるのでデータベースには存在していません.新規のデータはどのような表記の仕方をしていいのか困っています. またプログラミングの全体像があまり想像できていません. 何か参考になるサイトやサンプル文等がございましたらお聞かせください. 当方まだ初心者のため,まだ根本的な部分が理解できてないかもしれないのですが… 理解できる方がいましたらご指摘のほどをよろしくお願いします.

  • phpでDBの情報を表で表示しそれを直編集

    phpでDBの情報を表で表示しそれを直編集する方法を探しています。 編集後DB更新ありです。 PHPからMySQLのデータを表で出しました。 UIのためエクセル感覚で操作させたく ブラウザに表示された表を直接編集しDB更新をしたいのですが 方法はありますでしょうか? イメージはPHPMYADMINの管理画面でできる直接編集モードです。

    • ベストアンサー
    • PHP
  • DBからの検索とhtml上での検索、どちらがよい?

    現在と趣味でホームページを制作しようとしているのですが、 データの取得速度に関して質問があります。 今、実現したい機能は、  "ホームページ上に表示されている複数の画像の内、検索条件に該当する画像だけを表示させる" といったものなのですが、 これを実現するにあたって、  (1)imageの属性に各イメージファイルにタグのようなものをつけて、JavaScriptで検索する  (2)DBに各イメージファイルの名称と属性(タグ)のぞ情報を持っていて、そこから検索する といったことを考えています。 処理速度のみを考えた場合、どちらのほうが良いのでしょうか? お時間ありましたら、教えていただけると幸いです。

専門家に質問してみよう