見出し画像

Multi-window running on browser



A former colleague who worked with me on the e-branch API released a multi-window Chrome extension.
You can check it out and the included sample below.

The public page is below. There is also a simple sample, so please take a look.
https://www.goodlots.co.jp/xyw2/

Dedicated page for "tp.js, xyw2.js and sample applications using them"


Multi-window and Multi-application platform running on Chrome

This Chrome extension creates a multi-window, multi-application platform. Each window functions independently, allowing you to run different applications within them.
This functionality is essentially a Multiple Application Platform (MAP).

As a Chrome extension, it should work on most devices with compatible Chrome versions.
Also, since it is JavaScript, we have confirmed that it works with Edge, Safari, and Firefox.

Until now, when trying to use multi-window to enhance the expressive power of software and make it easier to use, it was common to prepare separate multi-window software for each hardware and different OS.

Of course, each source code is different.
There were multiple development and maintenance tasks, which resulted in a lot of effort and cost.

Browsers such as chrome run on a variety of hardware and operating systems.
By using this software (xyw2.js), you can take advantage of this power of the browser.
With a single source code, you can easily use multi-window expressions on various devices and operating systems.
By the way, the title image is running on Linux (CentOS7.9) + Firefox.

From a service provider's perspective, it is attractive to be able to run a single source code on multiple windows that run on various devices.

The True Power of Multi-Window: Now Available on Tablets!

Multi-window functionality extends to tablets as well!
I even tested it successfully on an iPad using Safari.
And the beauty of it all?
It operates on a single codebase.

In my previous online trading role, I encountered browser-based multi-window tools three times.
However, none of them were compatible with tablets – they were strictly PC-only.

This multi-window application breaks that barrier by working seamlessly on tablets, making it a significant advancement.

Tablet revival with multi-window?

Tablets have large screens, but currently they are just large smartphones. Since it is much more inconvenient than a smartphone, it has been abandoned.

What if multi-window works?
It may be used for purposes other than smartphones.
You may no longer need a laptop, which you only use for browsing.

Please use a tablet. Of course it works on smartphones, but it's too small to be practical (lol)

Sample explanation

3.Sample application (usage example)

Now let's introduce the first sample.
When you open it, three windows will be displayed.

"3. Sample application (usage example)" screenshot

What you can do with this sample is as follows.
a)Move the window position (pinch the title part).
b)Change the size of the window (pinch the bottom right and move it).
c)Raise the overlapped lower window to the top.
d)Close the window.

This is an introduction to basic operations. It's a bit plain.

4.Sample application (template)

This is the window display of the login screen.
As mentioned in the notes, the login is a dummy. There is no authentication function.

"4. Sample application (template)" screenshot

When you press the "login" button, a window will appear.
A window will be added by pressing the globe mark at the top left of the window.
This sample is set to display up to 10 items in total.

The "MOF-OFF" button allows you to turn on and off the mouse over focus (MOF) function.
Other than that, you can operate the window in the same way as in the first sample.

"4. Sample application (template)" usage example

5.Sample application (child window display of specified URL page)

When you press the view button, the homepage entered in the URL field will be displayed in a child window.

"5. Sample application (child window display of specified URL page)" usage example

In this sample, it is simply displayed, so clicking the links or buttons in the display will not work.

If you change the URL and press the view button, another child window will be created and you can display the specified page.

6.Sample application (Tachibana Securities)

To use this sample, you must have a securities account at Tachibana Securities e-branch.
Please note that only residents of Japan are eligible to open an account.

If you are reading this article, you will probably only be introduced to the image below.

Digression

Actually, this window system was created during the rich client development process.
The development team consisted of just two people: a software engineer and myself, who can't write code.

What's more, it's almost secretly.
We started working on the side project in our spare time.
Of course there is no official budget (lol)

Initially, it was prototyped with a different multi-window system.
However, it doesn't feel right. I just couldn't get used to the feel of the controls.

I kept saying selfishly, ``Isn't it possible to make the operation more intuitive?''
I'm just saying this so it's a casual thing (lol)

As a result, development stopped for about a year.

I was starting to think that I would have no choice but to purchase the window parts from outside.

At that time, the engineer asked me, ``What do you think about this?'' and this system came to me.

When I used it, it had the feel I wanted.
What's more, we can provide services on PCs and tablets with a single source code.
Smartphones can also be made to be more or less common if the design is improved.

It's exactly what I wanted!
I never thought he would be able to create so much from such a small organization.
I was really surprised.

About license

The license is a dual license: commercial license and GPL V2.
When incorporating it into business applications, you can use it with confidence with a commercial license.
If you want to use it freely for your personal hobbies, you can use it under the GPL V2 license.
You can choose according to your usage.

A commercial license costs about 10,000 dollars (approximately 1.5 million yen at the moment) with no maintenance fees.
That's about one month worth of web engineers.

I thought, ``Well, it's usually more expensive!'', but the engineer in question said, "I want a lot of people to use it."

If you have any questions, please feel free to contact him at the email address at the bottom of the dedicated page.

Lastly

This multi-window provides basic functionality, so you can use it in many different ways depending on how you use it.

I think this multi-window is an interesting technology that allows one source code to run on various devices.
Please, try it.
If you like it, please try using it.


この記事が気に入ったらサポートをしてみませんか?