JP6464767B2 - Image processing apparatus, content display control method and display control program in the same - Google Patents
Image processing apparatus, content display control method and display control program in the same Download PDFInfo
- Publication number
- JP6464767B2 JP6464767B2 JP2015008990A JP2015008990A JP6464767B2 JP 6464767 B2 JP6464767 B2 JP 6464767B2 JP 2015008990 A JP2015008990 A JP 2015008990A JP 2015008990 A JP2015008990 A JP 2015008990A JP 6464767 B2 JP6464767 B2 JP 6464767B2
- Authority
- JP
- Japan
- Prior art keywords
- display
- display area
- web application
- external site
- content
- 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
Landscapes
- Facsimiles In General (AREA)
- User Interface Of Digital Computer (AREA)
- Digital Computer Display Output (AREA)
Description
この発明は、プリンタ機能、ファクシミリ機能、スキャン機能等の機能を備えた多機能デジタル画像処理装置であるMFP(Multi Function Peripherals)等の画像処理装置、同装置におけるコンテンツ表示制御方法及び表示制御プログラムに関する。 The present invention relates to an image processing apparatus such as an MFP (Multi Function Peripherals) which is a multifunction digital image processing apparatus having functions such as a printer function, a facsimile function, and a scan function, a content display control method and a display control program in the apparatus. .
外部サイトへのリンクを有するウェブアプリケーションから、外部サイトであるショッピングサイトでのクレジットカードの認証サイトや、クラウドストレージ利用時の登録のための認証サイトにリンクするような場合、図11に示すように、ウェブアプリケーションのコンテンツの画面D5から外部サイトのコンテンツの画面D6に遷移したのち、その外部サイトの画面D6で認証を行い、その後リダイレクトURLで設定された元のウェブアプリケーションの画面D5に戻ってくることが良く行われている。 When a web application having a link to an external site is linked to a credit card authentication site at a shopping site, which is an external site, or an authentication site for registration when using cloud storage, as shown in FIG. After the transition from the web application content screen D5 to the external site content screen D6, authentication is performed on the external site screen D6, and then the screen returns to the original web application screen D5 set by the redirect URL. Things are well done.
あるいは、元のウェブアプリケーションのコンテンツの画面D7の表示を残しつつ、フレーム表示(<frame></frame>)やインラインフレーム表示(<iframe></iframe>)を使って外部サイトの画面D8を表示することも良く行われている。 Alternatively, the screen D8 of the external site is displayed by using the frame display (<frame> </ frame>) or the inline frame display (<iframe> </ frame>) while leaving the display of the original web application content screen D7. Display is also often done.
リダイレクトURLで元のウェブアプリケーションに戻ってくる場合、外部サイトの処理が完了した後、ユーザーに次に提示したい内容を表示することはもちろん可能である。フレーム表示する場合においても、外部サイトのコンテンツが表示されているフレームやインラインフレーム以外の領域に、ウェブアプリケーションのメニューなどが表示されているため、ユーザーは認証が完了したらその後の処理は表示されているボタンやガイダンスどおり進めることが可能である。 When returning to the original web application with the redirect URL, it is of course possible to display the contents to be presented next to the user after the processing of the external site is completed. Even when displaying a frame, the menu of the web application is displayed in an area other than the frame where the content of the external site is displayed or the inline frame. Therefore, after the user is authenticated, the subsequent processing is displayed. It is possible to proceed according to the buttons and guidance.
一方、外部サイトの中には、フレーム表示やインラインフレーム表示での表示が、クリッキングを防止するためのHTMLタグ(X−Frame−Options)により禁止されていたりするサイトがある。 On the other hand, among external sites, there is a site where display in frame display or in-line frame display is prohibited by an HTML tag (X-Frame-Options) for preventing clicking.
ところで、前述したような画像処理装置では、操作パネルの表示画面のサイズがパーソナルコンピュータ等の画面サイズに比べて小さいため、表示領域にも限界がある。また、限られた領域でウェブアプリケーション独自のボタンの表示をしたいとか、スクリプト実行後にブラウザの戻るボタンを実行されると意図せぬ動作がなされるのを防止する等のために、画像処理装置の表示部に、ウェブアプリケーションや外部サイトのコンテンツを表示する場合は、ブラウザツールバーの戻るボタンやタブ等を表示しないようになっているのが一般的である。 By the way, in the image processing apparatus as described above, since the size of the display screen of the operation panel is smaller than the screen size of a personal computer or the like, the display area is limited. In addition, in order to display a unique button for the web application in a limited area, or to prevent an unintended operation when the return button of the browser is executed after script execution, the image processing apparatus When displaying the contents of a web application or an external site on the display unit, it is common not to display the back button or tab of the browser toolbar.
そのため、図12に示すように、画像処理装置に内蔵されたウェブサーバーにより実行されるウェブアプリケーションのコンテンツの画面D9が表示されている状態で、ウェブアプリケーションが有するリンクから、フレーム表示やインラインフレーム表示が禁止されている外部サイトにアクセスして、外部サイトのコンテンツである例えば認証画面D10を画像処理装置の表示部に表示する場合は、全画面で表示せざるを得ない。その場合、ブラウザで外部サイトのコンテンツを表示しているのみに過ぎず、ウェブアプリケーションのスクリプトは当然のことながら動作させられないため、ウェブアプリケーションからは制御ができなくなってしまい、認証後の画面D11からウェブアプリケーションに制御を戻すには、ウェブアプリケーションの再起動が必要となる、という問題があった。 Therefore, as shown in FIG. 12, in the state where the screen D9 of the content of the web application executed by the web server built in the image processing apparatus is displayed, the frame display or the inline frame display is started from the link of the web application. When the user accesses an external site that is prohibited, and displays the content of the external site, for example, the authentication screen D10 on the display unit of the image processing apparatus, it must be displayed on the full screen. In that case, the content of the external site is only displayed on the browser, and the script of the web application cannot be operated as a matter of course. Therefore, the web application cannot be controlled, and the screen D11 after authentication In order to return control from the web application to the web application, there is a problem that the web application needs to be restarted.
なお、特許文献1には、ネットワーク周辺デバイスの状態をネットワーク越しにウェブブラウザに表示し、ネットワーク周辺デバイスが提供する機能の実行をネットワーク越しにウェブブラウザから指示できるようにするために、次のような技術が開示されている。即ち、ネットワークに接続されるネットワーク周辺デバイスは、ネットワーク周辺デバイスの状態を示す第一のフレームと、ネットワーク周辺デバイスが提供する機能のためのウェブページへのリンクを含む第二のフレームとを求める要求を、ネットワークを介して情報処理装置から受信し、受信した要求に従い、第一のフレームと第二のフレームをウェブブラウザに表示させるデータを、ネットワークを介して情報処理装置へ送信する。そして、第二のフレームで選択されるリンクに対応するウェブページの要求を、ネットワークを介して情報処理装置から受信し、受信した要求に従い、ウェブページを示すデータを、ネットワークを介して情報処理装置へ送信する技術が開示されている。 In Patent Document 1, the state of the network peripheral device is displayed on the web browser over the network, and the execution of the function provided by the network peripheral device can be instructed from the web browser over the network as follows. Technology is disclosed. That is, a network peripheral device connected to the network requests a first frame indicating a state of the network peripheral device and a second frame including a link to a web page for a function provided by the network peripheral device. Is transmitted from the information processing apparatus via the network, and in accordance with the received request, data for displaying the first frame and the second frame on the web browser is transmitted to the information processing apparatus via the network. Then, a web page request corresponding to the link selected in the second frame is received from the information processing apparatus via the network, and data indicating the web page is transmitted via the network according to the received request. A technique for transmitting to is disclosed.
特許文献2には、子フレーム単体ではウェブページとして成り立たないような場合や、単純に子フレームだけを単体で表示させたくない場合に、子フレームだけの単体での表示を禁止するために、以下のようなシステムが開示されている。即ち、ウェブページをフレームを用いて分割し、親フレームと1つ以上の子フレームで表示し、ウェブサーバからページデータであるHTML文書を受信し、ウェブサーバから受信したHTML文書に含まれるジャバスクリプト(Java(登録商標)Script)を用いて、ウェブブラウザが親フレームが同じウェブページにロードされているか否かを判別し、親フレームのウェブページがウェブブラウザにロードされていたときは、ウェブブラウザはウェブサーバから送られたHTML文書をそのまま表示し、親フレームのウェブページがウェブブラウザにロードされていないときは、ウェブブラウザはエラー表示処理を実行するプリントサービスシステムが開示されている。 In Patent Document 2, when a child frame alone does not hold as a web page, or when it is not desired to display only a child frame alone, in order to prohibit display of a child frame alone, Such a system is disclosed. That is, a web page is divided into frames, displayed in a parent frame and one or more child frames, an HTML document as page data is received from a web server, and a Javascript included in the HTML document received from the web server (Java (registered trademark) Script), the web browser determines whether the parent frame is loaded on the same web page, and if the web page of the parent frame is loaded on the web browser, the web browser Discloses a print service system in which an HTML document sent from a web server is displayed as it is, and when the web page of the parent frame is not loaded in the web browser, the web browser executes an error display process.
しかし、特許文献1に記載の技術は、機器の情報と周辺機器の情報とをフレームを使用して表示する技術そのものであり、また特許文献2に記載の技術は子フレームのみの表示禁止の場合にエラー表示するものであり、画像処理装置において、ウェブアプリケーションのリンクからフレーム表示やインラインフレーム表示そのものが禁止されている外部サイトを全画面表示したような場合に、外部サイトからウェブアプリケーションに制御を戻すには、ウェブアプリケーションを再起動する必要がある、といった問題を解決することはできなかった。 However, the technology described in Patent Document 1 is a technology itself that displays device information and peripheral device information using frames, and the technology described in Patent Document 2 is a case where display of only child frames is prohibited. When an external site where frame display or inline frame display itself is prohibited is displayed in full screen from the link of the web application in the image processing device, control from the external site to the web application is performed. I couldn't solve the problem of having to restart the web application to get it back.
この発明は、このような技術的背景に鑑みてなされたものであって、内蔵されたウェブサーバーにより実行されるウェブアプリケーションのコンテンツの画面が表示されている状態で、ウェブアプリケーションが有するリンクから、フレーム表示やインラインフレーム表示が禁止されている外部サイトにアクセスして、外部サイトのコンテンツを表示部に表示する場合に、ウェブアプリケーションを再起動しなくても、ウェブアプリケーションに制御を戻すことができる画像処理装置、及び同装置におけるコンテンツ表示制御方法及び表示制御プログラムを提供することを目的とする。 The present invention has been made in view of such a technical background, and in a state where a screen of content of a web application executed by a built-in web server is displayed, from a link that the web application has, When accessing an external site where frame display or inline frame display is prohibited and displaying the content of the external site on the display unit, control can be returned to the web application without restarting the web application. It is an object of the present invention to provide an image processing apparatus, and a content display control method and display control program in the apparatus.
上記課題は、以下の手段によって解決される。
(1)表示手段と、ウェブサーバー部と、該ウェブサーバー部で実行され外部サイトへのリンクを有するウェブアプリケーションによるコンテンツと、前記リンクによってアクセスされた前記外部サイトのコンテンツとを、前記表示手段に表示させるための表示制御手段と、前記ウェブアプリケーション及び前記外部サイトが有するスクリプトを実行するための実行手段とを備え、前記表示制御手段は、前記ウェブアプリケーションによるコンテンツ及び/または前記外部サイトのコンテンツを、画面周辺部のバー及びタブが表示されないようにして前記表示手段に表示する画像処理装置において、前記外部サイトがフレーム表示及びインラインフレーム表示が禁止されているときに、該外部サイトのコンテンツを前記表示手段に表示させる際に、前記ウェブアプリケーションのための第1表示領域と前記外部サイトのための第2表示領域を生成する表示領域生成手段を備え、前記表示制御手段は、前記表示領域生成手段により生成された前記第1表示領域と第2表示領域を、前記ウェブアプリケーション及び前記外部サイトが有する前記各スクリプトを前記実行手段が実行可能な状態で表示させることを特徴とする画像処理装置。
(2)前記表示領域生成手段による前記第1及び第2の表示領域の生成は、前記ウェブアプリケーションが有するリンクに予め指定されたタグが含まれている場合に行われる前項1に記載の画像処理装置。
(3)前記第1表示領域と前記第2表示領域は画面上で分割して表示される前項1または2に記載の画像処理装置。
(4)前記第1表示領域と前記第2の表示領域は画面上で別のウィンドウとして表示される前項1または2に記載の画像処理装置。
(5)前記ウェブアプリケーションは前記外部サイトの処理状況を確認するスクリプトを有する前項1〜4のいずれかに記載の画像処理装置。
(6)前記第1表示領域の表示割合はゼロとし、スクリプトのみを実行する前項1または2に記載の画像処理装置。
(7)前記ウェブアプリケーションは前記外部サイトでの処理が完了したことを検知するとともに、この検知に基づいて前記第2の表示領域の表示が閉じられる前項1〜6のいずれかに記載の画像処理装置。
(8)前記ウェブアプリケーションは前記外部サイトでの処理が完了したことを検知して、前記第1の表示領域の表示を変更する前項1〜7のいずれかに記載の画像処理装置。
(9)画像処理装置内のウェブサーバー部で実行され外部サイトへのリンクを有するウェブアプリケーションによるコンテンツと、前記リンクによってアクセスされた前記外部サイトのコンテンツとを、表示手段に表示させるための表示制御ステップと、前記ウェブアプリケーション及び前記外部サイトが有するスクリプトを実行するための実行ステップと、を実行し、前記表示制御ステップでは、前記ウェブアプリケーションによるコンテンツ及び/または前記外部サイトのコンテンツを、画面周辺部のバー及びタブが表示されないようにして前記表示手段に表示する前記画像処理装置におけるコンテンツ表示方法において、前記外部サイトのコンテンツを前記表示手段に表示させる際に、前記ウェブアプリケーションのための第1表示領域と前記外部サイトのための第2表示領域を生成する表示領域生成ステップを実行し、前記表示制御ステップでは、前記表示領域生成ステップにより生成された前記第1表示領域と第2表示領域を、前記ウェブアプリケーション及び前記外部サイトが有する前記各スクリプトを実行可能な状態で表示させることを特徴とする画像処理装置におけるコンテンツ表示制御方法。
(10)前記表示領域生成ステップによる前記第1及び第2の表示領域の生成は、前記ウェブアプリケーションが有するリンクに予め指定されたタグが含まれている場合に行われる前項9に記載のコンテンツ表示制御方法。
(11)前記第1表示領域と前記第2表示領域は画面上で分割して表示される前項9または10に記載のコンテンツ表示制御方法。
(12)前記第1表示領域と前記第2の表示領域は画面上で別のウィンドウとして表示される前項9または10に記載のコンテンツ表示制御方法。
(13)前記ウェブアプリケーションは前記外部サイトの処理状況を確認するスクリプトを有する前項9〜12のいずれかに記載のコンテンツ表示制御方法。
(14)前記第1表示領域の表示割合はゼロとし、スクリプトのみを実行する前項9または10に記載のコンテンツ表示制御方法。
(15)前記ウェブアプリケーションは前記外部サイトでの処理が完了したことを検知するとともに、この検知に基づいて前記第2の表示領域の表示が閉じられる前項9〜14のいずれかに記載のコンテンツ表示制御方法。
(16)前記ウェブアプリケーションは前記外部サイトでの処理が完了したことを検知して、前記第1の表示領域の表示を変更する前項9〜15のいずれかに記載のコンテンツ表示制御方法。
(17)画像処理装置内のウェブサーバー部で実行され外部サイトへのリンクを有するウェブアプリケーションによるコンテンツと、前記リンクによってアクセスされた前記外部サイトのコンテンツとを、表示手段に表示させるための表示制御ステップと、前記ウェブアプリケーション及び前記外部サイトが有するスクリプトを実行するための実行ステップと、を前記画像処理装置のコンピュータに実行させ、前記表示制御ステップでは、前記ウェブアプリケーションによるコンテンツ及び/または前記外部サイトのコンテンツを、画面周辺部のバー及びタブが表示されないようにして前記表示手段に表示する処理を前記コンピュータに実行させるためのコンテンツ表示制御プログラムにおいて、前記外部サイトのコンテンツを前記表示手段に表示させる際に、前記ウェブアプリケーションのための第1表示領域と前記外部サイトのための第2表示領域を生成する表示領域生成ステップを前記コンピュータにさらに実行させ、前記表示制御ステップでは、前記表示領域生成ステップにより生成された前記第1表示領域と第2表示領域を、前記ウェブアプリケーション及び前記外部サイトが有する前記各スクリプトを実行可能な状態で表示させる処理を前記コンピュータに実行させるためのコンテンツ表示制御プログラム。
(18)前記表示領域生成ステップによる前記第1及び第2の表示領域の生成は、前記ウェブアプリケーションが有するリンクに予め指定されたタグが含まれている場合に行われる前項17に記載のコンテンツ表示制御プログラム。
(19)前記第1表示領域と前記第2表示領域は画面上で分割して表示される前項17または18に記載のコンテンツ表示制御プログラム。
(20)前記第1表示領域と前記第2の表示領域は画面上で別のウィンドウとして表示される前項17または18に記載のコンテンツ表示制御プログラム。
(21)前記ウェブアプリケーションは前記外部サイトの処理状況を確認するスクリプトを有する前項17〜20のいずれかに記載のコンテンツ表示制御プログラム。
(22)前記第1表示領域の表示割合はゼロとし、スクリプトのみを実行する前項17または18に記載のコンテンツ表示制御プログラム。
(23)前記ウェブアプリケーションは前記外部サイトでの処理が完了したことを検知するとともに、この検知に基づいて前記第2の表示領域の表示が閉じられる前項17〜22のいずれかに記載のコンテンツ表示制御プログラム。
(24)前記ウェブアプリケーションは前記外部サイトでの処理が完了したことを検知して、前記第1の表示領域の表示を変更する前項17〜23のいずれかに記載のコンテンツ表示制御プログラム。
The above problem is solved by the following means.
(1) Display means, web server section, content by a web application executed by the web server section and having a link to an external site, and contents of the external site accessed by the link are displayed on the display means. Display control means for displaying, and execution means for executing scripts of the web application and the external site, wherein the display control means displays content by the web application and / or content of the external site. In the image processing apparatus for displaying on the display means such that bars and tabs in the periphery of the screen are not displayed, when the external site is prohibited from displaying frames and inline frames, the contents of the external site are Display on display means A display area generating means for generating a first display area for the web application and a second display area for the external site, and the display control means is configured to generate the first display area for the web application. An image processing apparatus that displays a display area and a second display area in a state in which the execution means can execute the scripts of the web application and the external site.
(2) The image processing according to item 1, wherein the generation of the first and second display areas by the display area generation unit is performed when a tag specified in advance is included in a link included in the web application. apparatus.
(3) The image processing apparatus according to (1) or (2), wherein the first display area and the second display area are divided and displayed on a screen.
(4) The image processing apparatus according to item 1 or 2, wherein the first display area and the second display area are displayed as separate windows on the screen.
(5) The image processing apparatus according to any one of (1) to (4), wherein the web application includes a script for confirming a processing status of the external site.
(6) The image processing apparatus according to item 1 or 2 , wherein the display ratio of the first display area is zero, and only the script is executed.
(7) The image processing according to any one of Items 1 to 6, wherein the web application detects that the processing at the external site is completed, and the display of the second display area is closed based on the detection. apparatus.
(8) The image processing apparatus according to any one of the preceding items 1 to 7, wherein the web application detects that the processing at the external site has been completed and changes the display of the first display area.
(9) Display control for displaying on the display means the content by the web application executed by the web server unit in the image processing apparatus and having a link to the external site, and the content of the external site accessed by the link And an execution step for executing a script possessed by the web application and the external site. In the display control step, the content by the web application and / or the content of the external site are displayed on the screen peripheral part. In the content display method in the image processing apparatus for displaying on the display means such that the bars and tabs are not displayed, a first display for the web application is displayed when the content of the external site is displayed on the display means. Territory And a display area generation step of generating a second display area for the external site, and in the display control step, the first display area and the second display area generated by the display area generation step are A content display control method in an image processing apparatus, wherein a web application and each script of the external site are displayed in an executable state.
(10) The content display according to item 9 above, wherein the generation of the first and second display areas in the display area generation step is performed when a tag specified in advance is included in a link included in the web application. Control method.
(11) The content display control method according to item 9 or 10, wherein the first display area and the second display area are divided and displayed on a screen.
(12) The content display control method according to item 9 or 10, wherein the first display area and the second display area are displayed as separate windows on the screen.
(13) The content display control method according to any one of Items 9 to 12, wherein the web application includes a script for confirming a processing status of the external site.
(14) The content display control method according to item 9 or 10, wherein the display ratio of the first display area is zero, and only the script is executed.
(15) The content display according to any one of Items 9 to 14, wherein the web application detects that the processing at the external site is completed, and the display of the second display area is closed based on the detection. Control method.
(16) The content display control method according to any one of Items 9 to 15, wherein the web application detects that the processing at the external site is completed and changes the display of the first display area.
(17) Display control for causing a display unit to display content by a web application executed by a web server unit in the image processing apparatus and having a link to an external site and content of the external site accessed by the link And executing an execution step for executing a script of the web application and the external site on the computer of the image processing apparatus, and in the display control step, the content by the web application and / or the external site In the content display control program for causing the computer to execute the process of displaying the content of the screen on the display means so that the bars and tabs at the periphery of the screen are not displayed, the content of the external site is displayed on the display means When displaying, the computer further executes a display area generation step of generating a first display area for the web application and a second display area for the external site, and in the display control step, the display area Content display control for causing the computer to execute a process of displaying the first display area and the second display area generated in the generation step in a state where the web application and each script of the external site are executable. program.
(18) The content display according to item 17 above, wherein the generation of the first and second display areas in the display area generation step is performed when a tag designated in advance is included in a link included in the web application. Control program.
(19) The content display control program according to item 17 or 18, wherein the first display area and the second display area are divided and displayed on a screen.
(20) The content display control program according to item 17 or 18, wherein the first display area and the second display area are displayed as separate windows on the screen.
(21) The content display control program according to any one of items 17 to 20, wherein the web application includes a script for confirming a processing status of the external site.
(22) The content display control program according to item 17 or 18, wherein the display ratio of the first display area is zero, and only the script is executed.
(23) The content display according to any one of Items 17 to 22, wherein the web application detects that the processing at the external site is completed and the display of the second display area is closed based on the detection. Control program.
(24) The content display control program according to any one of items 17 to 23, wherein the web application detects that the processing at the external site is completed, and changes the display of the first display area.
前項(1)に記載の発明によれば、外部サイトがフレーム表示及びインラインフレーム表示が禁止されているときに、該外部サイトのコンテンツを前記表示手段に表示させる際に、ウェブアプリのための第1の表示領域と外部サイトのための第2の表示領域が生成され、この生成された第1表示領域と第2表示領域が、ウェブアプリケーション及び外部サイトが有する各スクリプトを実行可能な状態で表示される。つまり、外部サイトがフレーム表示及びインラインフレーム表示が禁止されていても、ウェブアプリケーションのコンテンツは第1の表示領域として表示され、スクリプトが実行されるから、ウェブアプリケーションを再起動しなくても、外部サイトによる表示の終了後は、ウェブアプリケーションに制御を戻すことができ、ウェブアプリケーションを再起動させるようなる操作は不要となる。 According to the invention described in (1) above, when an external site is prohibited from displaying a frame and displaying an inline frame, the content for the external site is displayed on the display means when the display for the web application is performed. 1 display area and a second display area for the external site are generated, and the generated first display area and the second display area are displayed in a state where each script of the web application and the external site can be executed. Is done. In other words, even if the external site prohibits frame display and inline frame display, the content of the web application is displayed as the first display area and the script is executed. After the display by the site is completed, the control can be returned to the web application, and an operation for restarting the web application is unnecessary.
前項(2)に記載の発明によれば、ウェブアプリケーションが有するリンクに予め指定されたタグを含めておくことで、第1及び第2表示領域を生成することができる。 According to the invention described in the preceding item (2), the first and second display areas can be generated by including a tag designated in advance in the link of the web application.
前項(3)に記載の発明によれば、第1表示領域と第2表示領域は画面上で例えば上下等に分割して表示される。 According to the invention described in item (3) above, the first display area and the second display area are displayed divided on the screen, for example, vertically.
前項(4)に記載の発明によれば、第1表示領域と第2表示領域は画面上で別ウィンドウで表示される。 According to the invention described in item (4), the first display area and the second display area are displayed in separate windows on the screen.
前項(5)に記載の発明によれば、ウェブアプリケーションにより外部サイトの処理状況を確認することができる。 According to the invention described in item (5) above, the processing status of the external site can be confirmed by the web application.
前項(6)に記載の発明によれば、第1表示領域の表示割合をゼロとすることで、第2表示領域の表示を大きく確保しつつ、ウェブアプリケーション側のスクリプトについてはこれを実行することができる。 According to the invention described in (6) above, executing the script on the web application side while ensuring a large display of the second display area by setting the display ratio of the first display area to zero. Can do.
前項(7)に記載の発明によれば、ウェブアプリケーションが外部サイトでの処理が完了したことを検知することにより、第2の表示領域の表示が閉じられる。 According to the invention described in item (7), the display of the second display area is closed when the web application detects that the processing at the external site is completed.
前項(8)に記載の発明によれば、ウェブアプリケーションは外部サイトでの処理が完了したことを検知して、第1の表示領域の表示を変更することができる。 According to the invention described in item (8) above, the web application can detect the completion of the processing at the external site and change the display of the first display area.
前項(9)に記載の発明によれば、ウェブアプリケーションを再起動しなくても、外部サイトによる表示の終了後は、ウェブアプリケーションに制御を戻すことができ、ウェブアプリケーションを再起動させるようなる操作は不要となる。 According to the invention described in the preceding item (9), the operation can be returned to the web application after the display by the external site is finished without restarting the web application, and the web application is restarted. Is no longer necessary.
前項(17)に記載の発明によれば、ウェブアプリケーションを再起動しなくても、外部サイトによる表示の終了後は、ウェブアプリケーションに制御を戻すことができる処理を、画像処理装置のコンピュータに実行させることができる。
According to the invention described in the preceding item ( 17 ), the computer of the image processing apparatus executes processing that can return control to the web application after the display by the external site is completed without restarting the web application. Can be made.
以下、この発明の実施形態を図面に基づいて説明する。 Embodiments of the present invention will be described below with reference to the drawings.
図1は、この発明の一実施形態に係る画像処理装置が用いられたネットワークシステムの構成図である。 FIG. 1 is a configuration diagram of a network system in which an image processing apparatus according to an embodiment of the present invention is used.
このネットワークシステムは、1台または複数台の画像処理装置11、12と、パーソナルコンピュータからなる1台または複数台の情報処理装置21、22、23と、外部サイトのコンテンツを提供するサーバー3と、携帯端末装置4が、インターネット等のネットワーク5を介して相互に接続されている。
The network system includes one or a plurality of
図2は、画像処理装置11、12の内部構成を示すブロック図である。この実施形態では、画像処理装置11、12として前述したMFPが用いられている。以下の説明では、画像処理装置をMFPともいう。また、MFP11と12の内部構成は同一であるので、特に断らない限りMFP11について説明し、MFP12についての説明は省略する。
FIG. 2 is a block diagram showing the internal configuration of the
図2に示すように、MFP11は、MFPシステム部(MFP System)11と、基本ソフトウェアであるオペレーティングシステム(OS)と、ネイティブアプリケーション(NativeApp)を有するプラットフォーム(p/f)部113と、ウェブサーバー114を備えている。
As shown in FIG. 2, the
MFPシステム部111はMFP11の全体を統括的に制御するものであり、CPU111aと、該CPU111aの動作プログラム等を格納するROM111bと、CPU111aが動作プログラムに従って動作する際の作業領域となるRAM111c等を備えている。
The
ウェブサーバー114は、1個または複数個のウェブアプリケーション(Web App1~3)128〜130を実行することにより、その機能を発揮する。なお、以下の説明ではアプリケーションを単にアプリともいう。ウェブアプリ128〜130によるコンテンツや、外部サイトのコンテンツの表示はブラウザアプリ(Browser App)127によって行われる。ブラウザアプリ127はコンテンツを表示する際の表示制御も行う。なお、ブラウザアプリを単にブラウザともいう。
The
さらにMFP11には、プリンタ部115、スキャナ部116、ファクシミリ部117、ハードディスク装置等からなりインストールされたアプリについての情報が格納されているインストールアプリ情報格納領域118、操作パネル140、その他のハードウェアリソース119及びウェブサーバー用ハードウェアリソース120、ネットワークインターフェースカード(NIC)121が備えられている。また、操作パネル140は液晶等からなる表示部140aを備えているとともに、表示部140aに表示される画像が展開されるVRAM140bが備えられている。
Further, the
なお、ボックスアプリ(Box App)126は、記憶領域であるボックスを使用したボックス機能を実行させるためのアプリであり、スキャンアプリ(Scan App)125は、スキャナ部116によるスキャン機能を実行させるためのアプリであり、コピーアプリ(Copy App)はコピー機能を実行させるためのアプリであり、メニューアプリ(Menu App)はメニュー画面表示用のアプリである。各アプリはインストーラ122によりMFP11にインストールされる。
The
MFP11のユーザーが、MFP11に内蔵されたウェブサーバー114にアクセスして、外部サイトへのリンクを有する例えばウェブアプリ128のサービスを利用するために、ブラウザ127によりコンテンツ(ウェブページ)を表示部140aに表示し、リンクによって外部サイトのURLにアクセスし外部サイトのコンテンツ(ウェブページ)を表示したとする。
In order for the user of the
例えば、図12に示したように、ウェブアプリのサービスを利用するためにウェブアプリの画面D9に表示された「認証する」ボタンを押下して、外部サイトにアクセスして認証画面D10を呼び出すものとする。 For example, as shown in FIG. 12, in order to use the web application service, the user presses the “authenticate” button displayed on the web application screen D9 to access the external site and call the authentication screen D10. And
フレーム表示やインラインフレーム表示が禁止されていなければ、図3に示すように、親コンテンツのフレームhtml201に基づいて、ウェブアプリのコンテンツ表示用のウェブアプリhtml202と、外部サイトのコンテンツ表示用の外部サイトhtml203が作成される。そして、HTMLレンダリングを行い、図4に示すように、ウェブアプリ用表示部301と外部サイト(External Web Site)用表示部302を、ブラウザが有する画像であるメニューバー(Menu Bar)303a、ステータスバー(Status Bar)303b、タブ(Tab)303c、303dとともにVRAM140bへ合成して、図5に示すように1つの画面として表示部140aに表示する。ここで、表示部140aの表示サイズが小さいことから、メニューバー303a、ステータスバー303b、タブ303c、303d(図ではウェブアプリ側のバーやタブに斜線を付している)は、表示部140aの画面310内に表示されないようにする。表示部140aには、ウェブアプリ用表示部301と外部サイト用表示部302がフレーム表示される。
If frame display or inline frame display is not prohibited, as shown in FIG. 3, based on the parent
しかし、外部サイトにおいて、フレーム表示及びインラインフレーム表示が禁止されている場合は、前述したように、外部サイト用表示部302のみが全画面表示され、外部サイトでの処理が終了してもウェブアプリ128に戻って処理を行うことができない。
However, when frame display and inline frame display are prohibited on the external site, as described above, only the external
そこで、このような外部アプリにリンクされたときは、この実施形態では図6に示すように、ウェブアプリ用表示部301と外部サイト用表示部302を別々に仮想VRAMとしてのRAM111c上にまず展開したのち、展開した両表示部301と302をVRAM140b上で合成し、ブラウザ127により表示する。
Therefore, when linked to such an external application, in this embodiment, as shown in FIG. 6, the web
図7に、ウェブアプリ用表示部301と外部サイト用表示部302が表示された表示部104aの画面D1を示す。この画面では、上部領域に「認証してください。完了したらサービスが使えるようになります。」というメッセージを有するウェブアプリ用表示部301が表示され、下部領域に認証画面である外部サイト用表示部302が表示されている。このようなHTMLの記述によらない制御を行うことで、外部サイトでフレーム表示及びインラインフレーム表示が禁止されていても、ウェブアプリ用表示部301を表示部104aの画面上の第1表示領域に、外部サイト用表示部302を表示部104aの画面上の第2表示領域に、それぞれ表示させることができる。
FIG. 7 shows a screen D1 of the display unit 104a on which the web
この実施形態では、ウェブアプリからリンクしている外部サイトを呼び出そうとしたときに、リンクに予め指定されたタグ、例えば、<a hrf="http://aucentication.com"target=" blank">というようなタグが含まれているかどうかをブラウザ127が判断し、含まれていると判断した場合に、ブラウザ127は、ウェブアプリ用表示部301と外部サイト用表示部302を別々に展開して合成表示する処理を実行するようになっており、このような処理をタグによって容易に実行させることができる。
In this embodiment, when an attempt is made to call an external site linked from a web application, a tag specified in advance in the link, for example, <a hrf = "http://aucentication.com" target = " The
このように、ウェブアプリ用表示部301と外部サイト用表示部302を別々に仮想VRAMとしてのRAM上にまず展開したのちVRAM上で合成するから、ウェブアプリ128及び外部サイトが有する各スクリプトは実行可能な状態で表示部104aに表示されることになる。
As described above, since the web
ウェブアプリ用表示部301と外部サイト用表示部302は、図7に示すように、表示部104aに例えば上下に分割された画面D1として表示されても良いし、別々のウィンドウとして表示されても良い。いずれであっても、ウェブアプリ用表示部301が画面上に残るから、ウェブアプリによる制御が可能となる。
As shown in FIG. 7, the web
また、外部サイトでの処理が完了することをポーリングにより確認するスプリクトをウェブアプリ128が実行し、完了確認後、図8に示すように、「次へボタンを押して下さい」というメッセージとともに、「次へ」ボタン150を表示しても良い。ユーザーが「次へ」ボタン150を押下すると、ウェブアプリ用表示部301のサービス利用画面が全画面表示される。
In addition, the
図9は、図8で説明したような、外部サイトでの処理が完了することをポーリングによりウェブアプリ128側が確認して「次へ」ボタン150を表示する場合の処理を示すフローチャートである。
FIG. 9 is a flowchart showing the process when the
ステップS01では外部サイトの処理が完了したかどうかを判断し、完了していなければ(ステップS01でNO)、完了するまで待つ。完了すると(ステップS01でYES)、ステップS02で、ウェブアプリ用表示部301の表示を切り替えて、メッセージと「次へ」ボタン150を表示する。
In step S01, it is determined whether or not the processing of the external site has been completed. If not completed (NO in step S01), the process waits until completion. When completed (YES in step S01), the display of the web
また、図7において、ウェブアプリ用表示部301の表示割合をゼロにして、ウェブアプリによるスクリプトのみを実行して、外部サイトの処理完了をポーリングにより確認しても良い。この場合は、外部サイト用表示部302が全画面表示される。
In FIG. 7, the display rate of the web
この実施形態では、前述したタグに、ウェブアプリ用表示部301と外部サイト用表示部302の表示位置と表示割合の指定を含ませることができるようになっている。例えば、<a hrf="http://aucentication.com"target=" blank"webapp.position="0,0,20,800"site.position="20,0,460,800>というような独自タグとすることで、「webapp.position="0,0,20,800"」でウェブアプリ用表示部301の表示位置と表示割合を指定し、「site.position="20,0,460,800」で外部サイト用表示部302の表示位置と表示割合を指定できるようになっている。
In this embodiment, the above-described tags can include designation of display positions and display ratios of the web
図10に示すように、外部サイトの処理が完了し、ウェブアプリ用表示部301のサービス画面D4が全画面表示されると、ブラウザ127は外部サイトの処理が完了したとして外部サイト用表示部302の表示を閉じる。ユーザーはサービス利用画面D4に表示された「プリント(Print)」「スキャン(Scan)」「クラウド(Cloud)」の各ボタンの中から所望のボタンを選択することで、選択された機能が利用可能となる。外部サイトの表示を閉じる方法としては、予め指定されたJava Script(登録商標)のAPI(window.close(external site)やtab.close(external site)等の独自定義)をウェブアプリが実行する方法を挙げることができる。
As shown in FIG. 10, when the processing of the external site is completed and the service screen D4 of the web
なお、リダイレクトURLを設定して外部サイトからウェブアプリに戻る場合は、外部サイト用表示部302にリダイレクト画面であるウェブアプリの画面が表示されるため、ウェブアプリ用表示部301の表示は消去する。
When the redirect URL is set and the web site is returned from the external site, the web application screen as the redirect screen is displayed on the external
11、12 画像処理装置
111 MFPシステム部
112 OS
114 ウェブサーバー
127 ブラウザアプリケーション
128〜130 ウェブアプリケーション
140a 表示部
11, 12
114
Claims (24)
ウェブサーバー部と、
該ウェブサーバー部で実行され外部サイトへのリンクを有するウェブアプリケーションによるコンテンツと、前記リンクによってアクセスされた前記外部サイトのコンテンツとを、前記表示手段に表示させるための表示制御手段と、
前記ウェブアプリケーション及び前記外部サイトが有するスクリプトを実行するための実行手段とを備え、前記表示制御手段は、前記ウェブアプリケーションによるコンテンツ及び/または前記外部サイトのコンテンツを、画面周辺部のバー及びタブが表示されないようにして前記表示手段に表示する画像処理装置において、
前記外部サイトがフレーム表示及びインラインフレーム表示が禁止されているときに、該外部サイトのコンテンツを前記表示手段に表示させる際に、前記ウェブアプリケーションのための第1表示領域と前記外部サイトのための第2表示領域を生成する表示領域生成手段を備え、
前記表示制御手段は、前記表示領域生成手段により生成された前記第1表示領域と第2表示領域を、前記ウェブアプリケーション及び前記外部サイトが有する前記各スクリプトを前記実行手段が実行可能な状態で表示させることを特徴とする画像処理装置。 Display means;
A web server part,
Display control means for causing the display means to display content by a web application executed by the web server unit and having a link to an external site, and content of the external site accessed by the link;
Execution means for executing a script included in the web application and the external site, and the display control means displays content by the web application and / or content of the external site by a bar and a tab in a peripheral portion of the screen. In the image processing apparatus for displaying on the display means so as not to be displayed,
When displaying the contents of the external site on the display means when frame display and inline frame display are prohibited for the external site, the first display area for the web application and the external site are displayed. A display area generating means for generating a second display area;
The display control means displays the first display area and the second display area generated by the display area generation means in a state where the execution means can execute the scripts of the web application and the external site. An image processing apparatus characterized in that
前記ウェブアプリケーション及び前記外部サイトが有するスクリプトを実行するための実行ステップと、
を実行し、前記表示制御ステップでは、前記ウェブアプリケーションによるコンテンツ及び/または前記外部サイトのコンテンツを、画面周辺部のバー及びタブが表示されないようにして前記表示手段に表示する前記画像処理装置におけるコンテンツ表示方法において、
前記外部サイトのコンテンツを前記表示手段に表示させる際に、前記ウェブアプリケーションのための第1表示領域と前記外部サイトのための第2表示領域を生成する表示領域生成ステップを実行し、
前記表示制御ステップでは、前記表示領域生成ステップにより生成された前記第1表示領域と第2表示領域を、前記ウェブアプリケーション及び前記外部サイトが有する前記各スクリプトを実行可能な状態で表示させることを特徴とする画像処理装置におけるコンテンツ表示制御方法。 A display control step for displaying on the display means the content by the web application executed by the web server unit in the image processing apparatus and having the link to the external site, and the content of the external site accessed by the link;
An execution step for executing a script of the web application and the external site;
In the display control step, the content in the image processing apparatus displays the content by the web application and / or the content of the external site on the display means so that the bars and tabs on the periphery of the screen are not displayed. In the display method,
When displaying the content of the external site on the display means, executing a display area generation step of generating a first display area for the web application and a second display area for the external site;
In the display control step, the first display area and the second display area generated in the display area generation step are displayed in a state where the web application and the scripts of the external site can be executed. A content display control method in the image processing apparatus.
前記ウェブアプリケーション及び前記外部サイトが有するスクリプトを実行するための実行ステップと、
を前記画像処理装置のコンピュータに実行させ、前記表示制御ステップでは、前記ウェブアプリケーションによるコンテンツ及び/または前記外部サイトのコンテンツを、画面周辺部のバー及びタブが表示されないようにして前記表示手段に表示する処理を前記コンピュータに実行させるためのコンテンツ表示制御プログラムにおいて、
前記外部サイトのコンテンツを前記表示手段に表示させる際に、前記ウェブアプリケーションのための第1表示領域と前記外部サイトのための第2表示領域を生成する表示領域生成ステップを前記コンピュータにさらに実行させ、
前記表示制御ステップでは、前記表示領域生成ステップにより生成された前記第1表示領域と第2表示領域を、前記ウェブアプリケーション及び前記外部サイトが有する前記各スクリプトを実行可能な状態で表示させる処理を前記コンピュータに実行させるためのコンテンツ表示制御プログラム。 A display control step for displaying on the display means the content by the web application executed by the web server unit in the image processing apparatus and having the link to the external site, and the content of the external site accessed by the link;
An execution step for executing a script of the web application and the external site;
Is executed by the computer of the image processing apparatus, and in the display control step, the contents by the web application and / or the contents of the external site are displayed on the display means so that the bars and tabs in the periphery of the screen are not displayed. In a content display control program for causing the computer to execute processing to be performed,
Causing the computer to further execute a display area generating step of generating a first display area for the web application and a second display area for the external site when displaying the content of the external site on the display means; ,
In the display control step, the process of displaying the first display area and the second display area generated in the display area generation step in a state where the web application and each script included in the external site are executable. A content display control program to be executed by a computer.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2015008990A JP6464767B2 (en) | 2015-01-20 | 2015-01-20 | Image processing apparatus, content display control method and display control program in the same |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2015008990A JP6464767B2 (en) | 2015-01-20 | 2015-01-20 | Image processing apparatus, content display control method and display control program in the same |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2016134043A JP2016134043A (en) | 2016-07-25 |
JP6464767B2 true JP6464767B2 (en) | 2019-02-06 |
Family
ID=56464347
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2015008990A Active JP6464767B2 (en) | 2015-01-20 | 2015-01-20 | Image processing apparatus, content display control method and display control program in the same |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP6464767B2 (en) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP7081209B2 (en) * | 2018-02-28 | 2022-06-07 | ブラザー工業株式会社 | Application program |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP4662206B2 (en) * | 2005-07-26 | 2011-03-30 | 富士ゼロックス株式会社 | Information processing apparatus and information processing program |
JP5616695B2 (en) * | 2010-06-18 | 2014-10-29 | キヤノン株式会社 | Image processing apparatus, control method thereof, and program |
JP5839846B2 (en) * | 2011-06-08 | 2016-01-06 | キヤノン株式会社 | Image processing apparatus, control method thereof, and program |
JP5787728B2 (en) * | 2011-11-11 | 2015-09-30 | 三菱電機ビルテクノサービス株式会社 | Information processing apparatus, information processing system, and information processing program |
US10437422B2 (en) * | 2013-05-07 | 2019-10-08 | Yoni Noam Zatalovski | Personalized customizable smart browser |
-
2015
- 2015-01-20 JP JP2015008990A patent/JP6464767B2/en active Active
Also Published As
Publication number | Publication date |
---|---|
JP2016134043A (en) | 2016-07-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP2006133520A (en) | Image forming apparatus, method for customizing display screen in image forming apparatus, and display screen customizing program | |
JP5962702B2 (en) | Image forming apparatus, web application system, and program | |
WO2015154666A1 (en) | Method for displaying webpage fragment on desktop and system for capturing webpage fragment to desktop for display | |
US20120033258A1 (en) | Image processing apparatus, control method of image processing apparatus, and storage medium | |
JP6464767B2 (en) | Image processing apparatus, content display control method and display control program in the same | |
JP5684766B2 (en) | MFPs and systems | |
EP3364288B1 (en) | Printer and content display method | |
US20200014808A1 (en) | Image Processing Apparatus, Image Processing System and Storage Medium | |
JP6026399B2 (en) | Image forming apparatus and display operation method of application screen of image forming apparatus | |
JP6273798B2 (en) | Application system, image forming apparatus, web server, application starting method, and computer program | |
JP2007034576A (en) | Information processor and information processing program | |
JP6248598B2 (en) | Output control server and output system | |
JP5001747B2 (en) | Web page browsing device | |
JP6135649B2 (en) | Server apparatus and program | |
JP5787728B2 (en) | Information processing apparatus, information processing system, and information processing program | |
JP5659474B2 (en) | Information processing terminal and program | |
JP6232977B2 (en) | Application system, web server, application startup method, and installer | |
JP7647367B2 (en) | Information processing device, information processing system, information processing method, and program | |
JP5537641B2 (en) | Terminal device, cooperative display system, and cooperative display method | |
JP2014120017A (en) | Image processing system, image processing apparatus, information terminal device, and program | |
JP6954045B2 (en) | Image processing system, user interface provision method, and computer program | |
JP6068246B2 (en) | Image forming apparatus | |
US10713413B2 (en) | Image processing apparatus and recording medium | |
JP2015148898A (en) | information processing apparatus and program | |
US10871869B2 (en) | Information processing apparatus, control method therefor, and non-transitory computer-readable medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20171215 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20180829 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20181002 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20181126 |
|
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: 20181211 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20181224 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 6464767 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |