JP6161569B2 - ミラーリング画面の作成方法 - Google Patents
ミラーリング画面の作成方法 Download PDFInfo
- Publication number
- JP6161569B2 JP6161569B2 JP2014095621A JP2014095621A JP6161569B2 JP 6161569 B2 JP6161569 B2 JP 6161569B2 JP 2014095621 A JP2014095621 A JP 2014095621A JP 2014095621 A JP2014095621 A JP 2014095621A JP 6161569 B2 JP6161569 B2 JP 6161569B2
- Authority
- JP
- Japan
- Prior art keywords
- screen
- mirroring
- data
- content
- browser
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 claims description 25
- 238000010586 diagram Methods 0.000 description 5
- 238000007796 conventional method Methods 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 1
Images
Landscapes
- Digital Computer Display Output (AREA)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
- Image Processing (AREA)
Description
本発明は、効率的かつ容易に、正画面とミラー画面とを作成することを目的とする。
図1は本発明のミラーリング画面の作成方法の概略を説明する図、図2はラインにおけるアンドン画面を説明する概念図、図3は本発明のミラーリング画面の作成方法のフローを示す図である。
図2に示すように、ライン6には、装置A7,装置B8,装置C9がこの順で並んでいる。アンドン画面は、ライン6上の各装置の稼動状態を表示したり、装置毎の操作画面を表示したりする。また、アンドン画面は、ライン6を挟んで両側に表示される場合がある。この時、一方のアンドン画面は、ライン6上の装置の配置順に沿って、左から装置A7,装置B8,装置C9の順で情報を表示する。他方のアンドン画面は、ライン6上に見える装置配列が逆になるため、左から装置C9,装置B8,装置A7の順で情報を表示することが便宜である。ここで、一方のアンドン画面を正画面2、他方のアンドン画面をミラー画面1と定義する。このように、ライン6を挟んで両側に表示される正画面2およびミラー画面1では、それぞれが表示されるモニターから見える装置配列が逆になるため、表示される各装置の位置関係が逆になる。また、装置毎に表示される文字の配置も装置に対応して位置関係が逆になる。ただし、画面表示全てを単に逆向きにすると、文字自体も裏返るため、文字自体は単純に逆向きにできず、文字の向きは同じとする必要がある。
まず、ブラウザ表現用のマークアップランゲージの例としてHTMLを用いて、正画面2を表示するためのデータ10を作成する(ステップ1)。モニター5等のブラウザに表示するために、データ10をウェブサーバ17に転送する。
このように、正画面2をブラウザ表現用のマークアップランゲージで記述し、中継サーバにてミラー画面1をブラウザ表現用のマークアップランゲージで自動作成し、中継サーバによりモニターにミラー画面1を表示させることにより、正画面2のデータからミラー画面1のデータを自動作成することができ、正画面2およびミラー画面1を個別に作成することが不要となり、効率的かつ容易に、正画面とミラー画面とを作成することができる。
(実施の形態1)
実施の形態1におけるミラー画面用のデータの作成方法について、図1〜図4を用いて説明する。
実施の形態1においては、正画面2のデータ10を作成する際に、正画面2中のコンテンツの内、対称移動を行うコンテンツに係るHTMLのタグに対称移動を行う旨のアトリビュートを追記し、対称移動を行わないコンテンツに係るHTMLのタグには対称移動を行う旨のアトリビュートを追記しないようにする。
<div style="width:900px;background:
url('images/footer_m.jpg'):x-image-mirror:true;">
ここで、対称移動を行う旨のアトリビュートは、「x-image-mirror:true」の部分である。このように、タグに、「x-image-mirror:true」というアトリビュートが追記されているコンテンツについては、中心垂線12に対して線対称となるよう表示を変更するミラーリングが行われる。タグに、「x-image-mirror:true」というアトリビュートが追記されていないコンテンツ、あるいは、タグに、「x-image-mirror:false」というアトリビュートが追記されているコンテンツについては、対称移動を行わない。
具体的には、図4に示すように、正画面2がx方向に1000px、y方向に700pxであるとし、画像コンテンツ13がx方向,y方向に25px,100pxの大きさの枠15に配置されるとする。この時、枠15の始点Pを左上頂点とし、その座標を(x,y)=(10,10)とする(図4(a))。ミラー画面1における画像コンテンツ13の枠16は、同じく左上頂点を始点P’とし、プロキシサーバ3により、P’のx座標を1000−10−25=965と算出する。その結果、P’の座標は(x,y)=(965,10)となる。ミラーリングであるため、枠16の形状,大きさは枠15と同一である。また、画像コンテンツ13は画像であるため、画像も左右反転させて表示する(図4(b))。これに対して、文字コンテンツ14の場合は、枠は同様に算出して配置位置のみを線対称移動させ、枠内の文字はそのまま表示する。
(実施の形態2)
次に、図1,図2を用いて、実施の形態2におけるミラー画面用のデータの作成方法について説明する。
(実施の形態3)
次に、図1,図2を用いて、実施の形態3におけるミラー画面用のデータの作成方法について説明する。
<div x-mirror="false"></div>
と追記する。
2 正画面
3 プロキシサーバ
4 モニター
5 モニター
6 ライン
7 装置A
8 装置B
9 装置C
10 データ
11 データ
12 中心垂線
13 画像コンテンツ
14 文字コンテンツ
15 枠
16 枠
17 ウェブサーバ
Claims (3)
- 第1のブラウザに表示する正画面と、第2のブラウザに表示され、前記正画面の対称画面であるミラーリング画面とを作成する方法であって、
前記正画面をブラウザ表現用のマークアップランゲージで表現する正画面用データを作成する工程と、
前記ミラーリング画面をブラウザ表現用のマークアップランゲージで表現するミラーリング画面用データを中継サーバが前記正画面用データから自動作成する工程と、
ウェブサーバが前記第1のブラウザに前記正画面を表示すると共に前記中継サーバが前記第2のブラウザに前記ミラーリング画面を表示する工程と
を有し、前記ミラーリング画面は、前記正画面の画像コンテンツを対称移動させたものであり、前記ミラーリング画面の文字コンテンツは前記正画面の配置位置のみを対称移動させたものであり、
前記正画面用データから前記ミラーリング画面用データを自動作成する前記中継サーバは、前記正画面の各コンテンツを対称移動またはその配置位置のみを対称移動させる際に、前記正画面における前記各コンテンツの表示領域の幅を考慮して、前記ミラーリング画面における前記各コンテンツの配置位置を算出することを特徴とするミラーリング画面の作成方法。 - 前記正画面用データの対称移動させるコンテンツのタグにアトリビュートを追記し、前記中継サーバが、アトリビュートに従って、前記正画面のコンテンツを対称移動させて前記ミラーリング画面のコンテンツとするようにミラーリング画面用データを自動作成することを特徴とする請求項1記載のミラーリング画面の作成方法。
- 前記中継サーバが前記正画面用データの記述を解析し、コンテンツを対称移動させるコンテンツと配置位置のみを対称移動させるコンテンツとを識別し、ミラーリング画面用データを自動作成することを特徴とする請求項1または請求項2に記載のミラーリング画面の作成方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2014095621A JP6161569B2 (ja) | 2014-05-07 | 2014-05-07 | ミラーリング画面の作成方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2014095621A JP6161569B2 (ja) | 2014-05-07 | 2014-05-07 | ミラーリング画面の作成方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2015212902A JP2015212902A (ja) | 2015-11-26 |
JP6161569B2 true JP6161569B2 (ja) | 2017-07-12 |
Family
ID=54697126
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2014095621A Active JP6161569B2 (ja) | 2014-05-07 | 2014-05-07 | ミラーリング画面の作成方法 |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP6161569B2 (ja) |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2005267158A (ja) * | 2004-03-18 | 2005-09-29 | Fujitsu Ltd | 文字サイズ制御方法、装置及びプログラム |
JP5727692B2 (ja) * | 2008-12-04 | 2015-06-03 | 任天堂株式会社 | プログラムおよび情報処理装置 |
JP5095853B2 (ja) * | 2011-09-06 | 2012-12-12 | 株式会社スクウェア・エニックス | タッチパネル式ディスプレイを持った携帯型コンピュータ |
-
2014
- 2014-05-07 JP JP2014095621A patent/JP6161569B2/ja active Active
Also Published As
Publication number | Publication date |
---|---|
JP2015212902A (ja) | 2015-11-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107077274B (zh) | 用于移动条带中的上下文标签的方法和装置 | |
JP6950692B2 (ja) | 人流推定装置、人流推定方法およびプログラム | |
US10755480B2 (en) | Displaying content in an augmented reality system | |
US10817126B2 (en) | 3D document editing system | |
US20160349972A1 (en) | Data browse apparatus, data browse method, and storage medium | |
US20200241513A1 (en) | Monitoring system and monitoring method | |
KR20210074364A (ko) | 교차로 상태 검출방법, 장치, 전자장치 및 차량 | |
JP2014115939A5 (ja) | ||
US10410424B1 (en) | System health awareness using augmented reality | |
JP6287486B2 (ja) | 情報処理装置、方法及びプログラム | |
JP2013080365A (ja) | 注視領域データ生成装置およびその動作方法 | |
CN110119270B (zh) | 网页搭建方法、装置、设备和框架 | |
JP2015158550A (ja) | マルチディスプレイ用表示制御装置およびマルチディスプレイシステム | |
US10296360B2 (en) | Display control device and method | |
JP6161569B2 (ja) | ミラーリング画面の作成方法 | |
EP2592507B1 (en) | Method and apparatus for the display of multiple errors on a human-machine interface | |
WO2015103256A1 (en) | Moving content based on pointer cursor movements | |
US20230351095A1 (en) | Reducing data usage for rendering state changes | |
CN113255431B (zh) | 用于远程教学的提醒方法、装置及头戴显示设备 | |
JP2020024573A (ja) | 閲覧状況解析装置、閲覧状況解析方法および閲覧状況解析プログラム | |
EP3301529A1 (en) | Method and apparatus for displaying monitoring information | |
CN108108417A (zh) | 跨平台自适应控制的交互方法、***、设备及存储介质 | |
JP2015197796A (ja) | 電子ホワイトボード装置、電子ホワイトボードの入力支援方法、及びプログラム | |
JP2019012420A (ja) | 広告表示方法、広告表示サーバ及び広告表示プログラム | |
JP6538574B2 (ja) | 認識装置、認識システム、認識方法及びプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20160406 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20170221 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20170414 |
|
TRDD | Decision of grant or rejection written | ||
A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20170516 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20170613 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 6161569 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |