JP6764291B2 - 情報処理装置およびその制御方法、並びにプログラム - Google Patents
情報処理装置およびその制御方法、並びにプログラム Download PDFInfo
- Publication number
- JP6764291B2 JP6764291B2 JP2016179983A JP2016179983A JP6764291B2 JP 6764291 B2 JP6764291 B2 JP 6764291B2 JP 2016179983 A JP2016179983 A JP 2016179983A JP 2016179983 A JP2016179983 A JP 2016179983A JP 6764291 B2 JP6764291 B2 JP 6764291B2
- Authority
- JP
- Japan
- Prior art keywords
- display
- web content
- size
- touch input
- web
- 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
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N1/00—Scanning, transmission or reproduction of documents or the like, e.g. facsimile transmission; Details thereof
- H04N1/0035—User-machine interface; Control console
- H04N1/00501—Tailoring a user interface [UI] to specific requirements
- H04N1/00506—Customising to the data to be displayed
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N1/00—Scanning, transmission or reproduction of documents or the like, e.g. facsimile transmission; Details thereof
- H04N1/0035—User-machine interface; Control console
- H04N1/00352—Input means
- H04N1/00392—Other manual input means, e.g. digitisers or writing tablets
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N1/00—Scanning, transmission or reproduction of documents or the like, e.g. facsimile transmission; Details thereof
- H04N1/0035—User-machine interface; Control console
- H04N1/00405—Output means
- H04N1/00408—Display of information to the user, e.g. menus
- H04N1/00411—Display of information to the user, e.g. menus the display also being used for user input, e.g. touch screen
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N1/00—Scanning, transmission or reproduction of documents or the like, e.g. facsimile transmission; Details thereof
- H04N1/0035—User-machine interface; Control console
- H04N1/00405—Output means
- H04N1/00408—Display of information to the user, e.g. menus
- H04N1/00464—Display of information to the user, e.g. menus using browsers, i.e. interfaces based on mark-up languages
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N1/00—Scanning, transmission or reproduction of documents or the like, e.g. facsimile transmission; Details thereof
- H04N1/0035—User-machine interface; Control console
- H04N1/00405—Output means
- H04N1/00408—Display of information to the user, e.g. menus
- H04N1/00469—Display of information to the user, e.g. menus with enlargement of a selected area of the displayed information
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N2201/00—Indexing scheme relating to scanning, transmission or reproduction of documents or the like, and to details thereof
- H04N2201/0077—Types of the still picture apparatus
- H04N2201/0094—Multifunctional device, i.e. a device capable of all of reading, reproducing, copying, facsimile transception, file transception
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
- Accessory Devices And Overall Control Thereof (AREA)
- Control Or Security For Electrophotography (AREA)
- Facsimiles In General (AREA)
Description
図1は、本発明に係る画像処理装置を含むシステムの構成例を示す図である。ここでは、画像処理装置としてMFP101を例に用いて説明するが、Webコンテンツを表示するタッチパネル方式のユーザインタフェース(Webブラウザー機能)を備えるネットワークデバイスや情報処理装置であれば他の装置に適用してもよい。
ここで、本実施形態に係るWebコンテンツの例について述べる。図14、図15は、本実施形態にて用いられる、Webコンテンツの記述例を示している。
図4は、Webブラウザー300がWebサーバー102からWebコンテンツを取得した際にクリック閾値を決定するシーケンスを示す図である。各処理は、Webブラウザー300を備えるMFP101およびWebサーバー102のCPUが所定のプログラムを実行することにより実現される。なお、ここでは通信エラーが生じた場合などの処理については省略する。
図5は、Webブラウザー300における閾値設定の判定処理を示すフローチャートである。本処理フローの各工程は、図4に示したWebブラウザー300の処理に対応し、その詳細を示している。本処理フローは、MFP101のCPU201がWebブラウザー300に係るプログラムを読み出して実行することにより、実現される。
図6(a)は、Webブラウザー300の記憶部304に保存されている閾値テーブル600の構成例を示す図である。閾値テーブル600には、閾値1としてドラッグ操作(例えば、画面のスクロールを行うための操作)に適した閾値601と、閾値2としてクリック(例えば、ボタンのクリックを行うための操作)に適した閾値602が保存される。具体的には、閾値1では、値を小さくすることで、クリック(タップ)よりもドラッグを検知しやすくする。一方、閾値2では、値を大きくすることで、クリック(タップ)を検知しやすくする。
図7(a)は、図4のS403において、Webブラウザー300にサブリソース(画像等)の参照を含むWebコンテンツが表示された状態を示す図である。S403では、Webコンテンツの解析は完了しているが、未読込状態の画像701のように、サブリソースの読込みが完了していない。この状態では、Webコンテンツの表示高はWebブラウザー300の表示サイズに収まっている例を示している。
図5のフローチャートでは、表示コンテンツの大きさ(高さ、幅)に応じてクリック閾値の判定を行っているが、他の判定基準でクリック閾値を決定してもよい。以下に、別の判定基準を用いた応用例について説明する。
例えば、JavaScript(登録商標)によってマウス移動のイベントハンドラが利用されている場合、ドラッグ操作を使用することが予想できる。そのため、イベントハンドラがWebコンテンツに含まれるか否かを判定基準とし、含まれる場合にはドラッグに適したクリック閾値に変更する。
図8は、マウスやタッチの移動を検知するJavaScriptの記述例を示す図である。本例では、onmousemoveイベントハンドラ801を利用することで、マウスやタッチ操作における移動量をJavaScript上で検知している(802)。なお、判定に用いるイベントハンドラはこれに限定するものではなく、他のイベントハンドラを対象としてもよい。例えば、HTML5で規定されているdraggable属性を利用してドラッグ&ドロップを実現するコンテンツも存在する。このようなタッチ状態での移動を検知するための記述を含むWebコンテンツにおいて、本応用例では、処理部303が、ドラッグに適したクリック閾値を設定する。これにより、ドラッグ操作が必要と判定されるWebコンテンツを表示した際に、操作の誤検知を低減し、ユーザーの操作性を向上させることができる。
図11は、Webブラウザー300における、Webコンテンツのサイズと、onmousemoveイベントハンドラの有無による閾値設定の判定処理を示すフローチャートを示す。本応用例では、図5で示す判定処理に加えて、JavaScript(登録商標)でマウス移動のイベントハンドラが利用されているか否かの判定処理を加えている。つまり、図5のフローに対して、S1101、及びS1102が追加されている。以下、図5との差分のみを説明し、共通する処理については説明を省略する。
別の応用例について説明する。Webコンテンツにおいて、ボタンやテキストエリアなど入力フォームの数が一定以上存在する場合、クリック操作が多く利用されることが予想できる。そのため、入力フォームの数が一定数以上存在するWebコンテンツを表示する際には、クリックに適したクリック閾値にする。
図9は、入力フォームを含むWebコンテンツの表示例を示す図である。Webコンテンツには、テキストエリア901、パスワード入力エリア902、チェックボックス903、及び、ボタン904が含まれる。図9に示すような、ユーザーのクリック及びタッチ操作を必要とする入力フォームが多く含まれたWebコンテンツを表示する際に、本応用例では、クリックに適したクリック閾値を設定する。これにより、クリック操作が必要と判定されるWebコンテンツを表示した際に、操作の誤検知を低減し、ユーザーの操作性を向上させることができる。
図12は、Webブラウザー300における、Webコンテンツのサイズと、入力フォーム数による閾値設定の判定処理を示すフローチャートである。本応用例では、図5で示す判定処理に加えて、Webコンテンツに含まれる入力フォームの数による判定処理を加えている。つまり、図5のフローに対して、S1201、及びS1202が追加されている。以下、図5との差分のみを説明し、共通する処理については説明を省略する。
別の応用例について説明する。WebコンテンツのHTMLデータにて定義されたフレーム(frame要素やiframe要素)内に表示されるコンテンツが、そのフレームのサイズより大きな場合、ドラッグ操作によるスクロールが必要になる。そこで本応用例では、フレーム内に表示されるコンテンツのサイズに応じて、ドラッグに適したクリック閾値に変更する。
図10は、スクロールが必要なフレームを含むWebコンテンツの表示例を示す図である。Webコンテンツには、フレーム1001が含まれる。フレーム1001内に表示されるコンテンツがフレーム1001のサイズより大きい場合、スクロールバー1002が表示され、ユーザーがコンテンツの全体を確認するためには、ドラッグ操作によるフレーム1001内のスクロールが必要となる。このようなWebコンテンツにおいて、本応用例では、処理部303はドラッグに適したクリック閾値を設定する。これにより、ドラッグ操作が必要と判定されるWebコンテンツを表示した際に、操作の誤検知を低減し、ユーザーの操作性を向上させることができる。
図13は、Webブラウザー300における、Webコンテンツのサイズと、フレーム内コンテンツの表示サイズによる閾値設定の判定処理を示すフローチャートである。本応用例では、図5で示す判定処理に加えて、フレーム内に表示されるコンテンツが、フレームの大きさより大きいか否かの判定処理を加えている。つまり、図5のフローに対して、S1301、及びS1302が追加されている。以下、図5との差分のみを説明し、共通する処理については説明を省略する。
図16は、Webブラウザー300における、タッチ操作の判定処理を示すフローチャートである。本処理フローは、MFP101のCPU201がWebブラウザー300に係るプログラムを読み出して実行することにより、実現される。
本発明は、上述の実施形態の1以上の機能を実現するプログラムを、ネットワーク又は記憶媒体を介してシステム又は装置に供給し、そのシステム又は装置のコンピューターにおける1つ以上のプロセッサーがプログラムを読出し実行する処理でも実現可能である。また、1以上の機能を実現する回路(例えば、ASIC)によっても実現可能である。
Claims (9)
- タッチ入力が可能なタッチ入力手段と、Webコンテンツを表示する表示手段とを有する情報処理装置であって、
前記表示手段にて表示されるWebコンテンツを取得する取得手段と、
前記取得したWebコンテンツの表示サイズが、前記表示手段における表示領域のサイズより大きいかどうかを判定する第1の判定手段と、
前記第1の判定手段で前記取得したコンテンツの表示サイズが前記表示手段における表示領域のサイズより大きいと判定された場合と、そうでない場合とで、前記タッチ入力手段で入力されたタッチ入力の操作を判定するための閾値を、異ならせて設定する設定手段とを更に有し、
前記Webコンテンツにサブリソースである画像が含まれる場合、前記Webコンテンツのサブリソースのダウンロード完了後、前記サブリソースである画像を含むWebコンテンツの表示サイズに対して、再度、前記第1の判定手段と前記設定手段とを動作させることを特徴とする情報処理装置。 - 前記設定手段は、前記タッチ入力手段で入力されたタッチ入力の操作がドラック操作であるかどうかを判定するための閾値を、前記第1の判定手段で、前記取得したコンテンツの表示サイズが前記表示手段における表示領域のサイズより大きいと判定された場合は、第1の閾値に設定し、前記第1の判定手段で、前記取得したコンテンツの表示サイズが前記表示手段における表示領域のサイズより小さいと判定された場合は、前記第1の閾値より値が大きい第2の閾値に設定することを特徴とする請求項1に記載の情報処理装置。
- 前記設定手段で設定された閾値を用いて、前記タッチ入力手段で入力されたタッチ入力の操作が、ドラック操作であるかどうかを判定する第2の判定手段を更に有することを特徴とする請求項2に記載の情報処理装置。
- 前記タッチ入力手段におけるタッチ入力の開始位置から終了位置までの距離を検知する検知手段を更に有し、
前記第2の判定手段は、前記設定手段にて設定された値と前記検知手段にて検知した距離との比較により、前記タッチ入力手段にて入力されたタッチ入力がドラッグ操作であるかどうかを判定することを特徴とする請求項3に記載の情報処理装置。 - 前記Webコンテンツを解析する解析手段を更に有し、
前記Webコンテンツの表示サイズは、前記解析手段が解析した結果から得られる、前記Webコンテンツの表示高と表示幅とであることを特徴とする請求項1乃至4のいずれか一項に記載の情報処理装置。 - 前記タッチ入力手段と前記表示手段とが一体となったタッチパネルディスプレイを備えることを特徴とする請求項1乃至5のいずれか一項に記載の情報処理装置。
- 前記情報処理装置は、画像処理装置であることを特徴とする請求項1乃至6のいずれか一項に記載の情報処理装置。
- タッチ入力が可能なタッチ入力手段と、Webコンテンツを表示する表示手段とを有する情報処理装置の制御方法であって、
前記表示手段にて表示されるWebコンテンツを取得する取得工程と、
前記取得したWebコンテンツの表示サイズが、前記表示手段における表示領域のサイズより大きいかどうかを判定する判定工程と、
前記判定工程で前記取得したコンテンツの表示サイズが前記表示手段における表示領域のサイズより大きいと判定された場合と、そうでない場合とで、前記タッチ入力手段で入力されたタッチ入力の操作を判定するための閾値を、異ならせて設定する設定工程とを有し、
前記Webコンテンツにサブリソースである画像が含まれる場合、前記Webコンテンツのサブリソースのダウンロード完了後、前記サブリソースである画像を含むWebコンテンツの表示サイズに対して、再度、前記判定工程と前記設定工程とを実行することを特徴とする情報処理装置の制御方法。 - タッチ入力が可能なタッチ入力手段と、Webコンテンツを表示する表示手段とを有するコンピューターを、
前記表示手段にて表示されるWebコンテンツを取得する取得手段と、
前記取得したWebコンテンツの表示サイズが、前記表示手段における表示領域のサイズより大きいかどうかを判定する第1の判定手段と、
前記第1の判定手段で前記取得したコンテンツの表示サイズが前記表示手段における表示領域のサイズより大きいと判定された場合と、そうでない場合とで、前記タッチ入力手段で入力されたタッチ入力の操作を判定するための閾値を、異ならせて設定する設定手段と、として機能させるためのプログラムであって、
前記Webコンテンツにサブリソースである画像が含まれる場合、前記Webコンテンツのサブリソースのダウンロード完了後、前記サブリソースである画像を含むWebコンテンツの表示サイズに対して、再度、前記第1の判定手段と前記設定手段とを動作させることを特徴とするのプログラム。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2016179983A JP6764291B2 (ja) | 2016-09-14 | 2016-09-14 | 情報処理装置およびその制御方法、並びにプログラム |
US15/684,967 US10848630B2 (en) | 2016-09-14 | 2017-08-24 | Information processing apparatus that selects a threshold for determining a touch input operation based on a display size of content and non-transitory computer-readable storage |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2016179983A JP6764291B2 (ja) | 2016-09-14 | 2016-09-14 | 情報処理装置およびその制御方法、並びにプログラム |
Publications (3)
Publication Number | Publication Date |
---|---|
JP2018045467A JP2018045467A (ja) | 2018-03-22 |
JP2018045467A5 JP2018045467A5 (ja) | 2019-10-10 |
JP6764291B2 true JP6764291B2 (ja) | 2020-09-30 |
Family
ID=61561107
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2016179983A Active JP6764291B2 (ja) | 2016-09-14 | 2016-09-14 | 情報処理装置およびその制御方法、並びにプログラム |
Country Status (2)
Country | Link |
---|---|
US (1) | US10848630B2 (ja) |
JP (1) | JP6764291B2 (ja) |
Family Cites Families (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP5284910B2 (ja) | 2008-10-29 | 2013-09-11 | 京セラ株式会社 | 携帯電子機器 |
JP5523220B2 (ja) | 2010-06-30 | 2014-06-18 | キヤノン株式会社 | 情報処理装置及びその制御方法、プログラム |
JP5761526B2 (ja) * | 2012-03-01 | 2015-08-12 | コニカミノルタ株式会社 | 操作表示装置 |
JP5727957B2 (ja) * | 2012-03-15 | 2015-06-03 | 富士フイルム株式会社 | タッチ操作判定装置ならびにその動作制御方法およびそのプログラム |
JP5862549B2 (ja) * | 2012-11-28 | 2016-02-16 | コニカミノルタ株式会社 | データ処理装置、操作受付方法およびブラウジングプログラム |
JP5862587B2 (ja) * | 2013-03-25 | 2016-02-16 | コニカミノルタ株式会社 | ジェスチャ判別装置、ジェスチャ判別方法、およびコンピュータプログラム |
US20140372865A1 (en) * | 2013-06-13 | 2014-12-18 | Microsoft Corporation | Interaction of Web Content with an Electronic Application Document |
WO2015029632A1 (ja) * | 2013-09-02 | 2015-03-05 | ソニー株式会社 | 情報処理装置、情報処理方法、及びプログラム |
KR102135358B1 (ko) * | 2013-11-05 | 2020-07-17 | 엘지전자 주식회사 | 이동 단말기 및 이의 제어방법 |
JP6055459B2 (ja) * | 2014-12-17 | 2016-12-27 | 京セラドキュメントソリューションズ株式会社 | タッチパネル装置、および画像処理装置 |
JP6468120B2 (ja) * | 2015-08-11 | 2019-02-13 | 富士ゼロックス株式会社 | 印刷システム、印刷装置、及びプログラム |
-
2016
- 2016-09-14 JP JP2016179983A patent/JP6764291B2/ja active Active
-
2017
- 2017-08-24 US US15/684,967 patent/US10848630B2/en active Active
Also Published As
Publication number | Publication date |
---|---|
US10848630B2 (en) | 2020-11-24 |
US20180077306A1 (en) | 2018-03-15 |
JP2018045467A (ja) | 2018-03-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8307279B1 (en) | Smooth zooming in web applications | |
JP5813301B2 (ja) | 表示装置 | |
JP3852742B2 (ja) | 情報処理システム、端末装置、情報処理方法および記憶媒体 | |
US20140289597A1 (en) | Method and device for displaying preview screen of hyperlink | |
US20140026104A1 (en) | Display control device, display control method, and program | |
US10423705B2 (en) | Document management program for executing on a web browser for uploading documents to a document management server | |
JP5039868B2 (ja) | ウェブ管理装置、ウェブ管理方法、ウェブ管理プログラム、そのプログラムを記録するコンピュータ読み取り可能な記録媒体、及びウェブシステム | |
US10241646B2 (en) | File directory navigation design for a multi-function device touch screen user interface | |
JP6015648B2 (ja) | Webページ更新通知プログラム、Webページ更新通知装置、及びWebページ更新通知方法 | |
JP2014160415A (ja) | 閲覧装置、閲覧システム、情報処理装置及びプログラム | |
JP6168352B2 (ja) | 画像形成装置およびプログラム | |
JP6764291B2 (ja) | 情報処理装置およびその制御方法、並びにプログラム | |
KR101618152B1 (ko) | 터치스크린을 구비한 모바일 단말 및 그의 웹 페이지 드래그 방법 | |
JP5169588B2 (ja) | 表示回数測定プログラム | |
JP5026068B2 (ja) | 情報収集システム | |
JP6729490B2 (ja) | ウェブページ表示制御装置及びウェブページ表示制御プログラム | |
JP2013134657A (ja) | 情報処理装置、情報処理方法および情報処理プログラム | |
KR101475021B1 (ko) | 터치스크린을 구비한 단말 및 그 터치스크린 조작방법 | |
JP2005234876A (ja) | ウエブページ更新情報提供方法、装置、プログラム及び該プログラムを格納した記録媒体 | |
JP6589510B2 (ja) | ブックマーク共有化システム、サーバ装置及びプログラム | |
JP6264002B2 (ja) | 画像処理システム及びその制御方法、制御プログラム並びにリモート端末 | |
JP6241968B2 (ja) | 情報処理装置及び操作支援方法 | |
JP5622283B2 (ja) | 電子書籍装置、電子書籍処理方法、およびプログラム | |
JP5020278B2 (ja) | 画面配置変更装置、方法及びプログラム | |
JP2018085064A (ja) | 解析装置、配信装置、解析方法、配信方法及びプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A521 | Written amendment |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20190830 |
|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20190830 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20200622 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20200706 |
|
A521 | Written amendment |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20200731 |
|
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: 20200814 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20200911 |
|
R151 | Written notification of patent or utility model registration |
Ref document number: 6764291 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R151 |