![[Image]SANEI HYTECHS](/en/shared/img/logo_w.png){kind=logo}
Desktop Application Development Using Electron
Developing desktop applications using the latest web technologies.
We respond to your requests for cross-platform (multi-platform) desktop application development, aiming to control budgets, shorten development timelines (lead times), and provide end-to-end services, including UI/UX design. When using Electron, there are advantages such as "improved development efficiency" and the ability to "freely design the UI using the latest web technologies."Desktop Application Development Using Electron
We'll use the desktop application development framework "Electron" to design and develop a desktop application tailored to your requirements.
What is Electron?
It enables implementation using the same tools as web development and realizes cross-platform applications that run on Windows, macOS, and Linux.
Electron is an open-source software framework that allows the creation of desktop applications using HTML, CSS, and JavaScript. The UI of applications created with Electron is rendered by the embedded Chromium browser, enabling development through the same means as web development. Operating system-dependent functionalities like menus, file operations, and dialogs are provided through Node.js and Electron's API.
These features make it possible to create cross-platform applications that work on Windows, macOS, and Linux from a single codebase.
Notable examples of applications that use Electron include Visual Studio Code, Facebook Messenger, Microsoft Teams, Skype, Slack, and many more.
These features make it possible to create cross-platform applications that work on Windows, macOS, and Linux from a single codebase.
Notable examples of applications that use Electron include Visual Studio Code, Facebook Messenger, Microsoft Teams, Skype, Slack, and many more.
Benefits of Cross-Platform Development
Cross-platform development leads to improved development efficiency and maintainability, resulting in cost reduction and shorter project timelines.
Cross-platform development enables compatibility with Windows, macOS, and Linux.
By using HTML/CSS/JavaScript for implementation, you can unify the source code across different platforms. This common engineering approach boosts development efficiency. Furthermore, the consolidation of source code eliminates platform-specific feature differences, resulting in reduced maintenance costs and improved maintainability.
By using HTML/CSS/JavaScript for implementation, you can unify the source code across different platforms. This common engineering approach boosts development efficiency. Furthermore, the consolidation of source code eliminates platform-specific feature differences, resulting in reduced maintenance costs and improved maintainability.
Cross-Platform Development and Web Technologies
By enhancing customization in design, we achieve rich expressions.
The ability to freely implement the app's UI using HTML/CSS enhances customization in design. With Node.js, managing open-source software becomes more accessible, enabling the use of the latest libraries available on the internet for rich expressions. In the demo applications showcased on this page, we've utilized such libraries to achieve vibrant and modern designs. This allows for flexible design while significantly reducing the resources required for UI implementation.
The strengths of SANEI HYTECHS.
At SANEI HYTECHS, we have a significant number of engineers with extensive experience in web application development. This wealth of expertise and responsive capabilities enables us to address a wide range of customer requirements.
We can provide proposals that align with our customers' preferences by not only handling UI design and implementation but also leveraging various Node.js packages.
We can provide proposals that align with our customers' preferences by not only handling UI design and implementation but also leveraging various Node.js packages.
List of Demo Applications
We would like to introduce demo applications developed by SANEI HYTECHS.
You can download the demo app introduced below. Please review the disclaimer before downloading and using.
You can download the demo app introduced below. Please review the disclaimer before downloading and using.
Dashboard Application
This demo application is modeled after the "dashboard" commonly seen in web services and other platforms.
By utilizing the latest open-source software libraries available online, we can implement sophisticated designs for graphs and tables at a low cost.
By utilizing the latest open-source software libraries available online, we can implement sophisticated designs for graphs and tables at a low cost.
Instructions for Use
Select the demo you wish to view from the menu on the left side within the application. In the Dashboard Application, we have implemented the following demos:
| Menu | Overview |
|---|---|
| Sales Info | This is a demo with a theme centered around retail stores. |
| Resource Monitor | This is a demo focused on hardware resource information. |
| Statistics | This is a demo that statistically displays various types of data using different kinds of graphs. |
Download
| File Name | Download |
|---|---|
| windows 32bit (.zip) | |
| windows 64bit (.zip) | |
| macOS Intel chip (.zip) | |
| macOS Apple Silicon (.zip) | |
| linux 64bit (.zip) |
SYSLOG Server Application
This is a demo application that displays log messages sent from SYSLOG clients. Leveraging Node.js libraries, it's easy to implement server applications.
Usage Instructions
Please send messages to the IP address mentioned beside the title at the top of the application from your SYSLOG client.
Messages sent from the SYSLOG client will be displayed in a tabular format within the application.
These messages are divided into columns: Timestamp, Severity, Host, and Message. You can sort and filter the data by column.
Additionally, you can save and view logs and make changes to the application's settings as follows:
Messages sent from the SYSLOG client will be displayed in a tabular format within the application.
These messages are divided into columns: Timestamp, Severity, Host, and Message. You can sort and filter the data by column.
Additionally, you can save and view logs and make changes to the application's settings as follows:
- Save logs by going to [File -> Save] in the menu.
- Open saved logs from [File -> Open].
- Adjust the display colors for each Severity level by selecting [Options -> Row colors...].
Download
| File Name | Download |
|---|---|
| windows 32bit (.zip) | |
| windows 64bit (.zip) | |
| macOS Intel chip (.zip) | |
| macOS Apple Silicon (.zip) |
Disclaimer
SANEI HYTECHS accepts no responsibility for any outcomes resulting from the use of this demo application. Please be aware of this disclaimer.
Development flow
-
01
Hearing -
02
Requirement Definition -
03
Design -
04
Development -
05
Verification -
06
Delivery
Leave all stages from proposal through design, development, to evaluation in our hands.
Even without specific guidelines, we can develop web applications based on your requirements. We provide consistent support from proposing implementation methods to the introduction of the completed application. Our goal is to realize web applications that cater to your specific needs and challenges. Furthermore, in the evaluation phase, our engineers with experience in third-party verification are involved in designing the evaluation specifications, contributing to our well-established reputation for high-quality results.