Archives for Graphical User Interface

Introduction to Graphical User Interface (GUI) for Microcontrollers

Posted by on Wednesday, 04 September 2013 in Graphical User Interface, Tutorials   tags: , , , , , , , , No Comment      1638 Reads
image-211
A Graphical User Interface is a man-machine interface device, in which objects to handle are drawn as icons on the screen, so the user can send controls by by a pointing device, usually a mouse or a keyboard. It is always easy and require less skills to operate a device from a visual representations of the workspace (GUI) by simply clicking a mouse or using a keyboard rather than a command line. The GUI can also be used to interface with other external devices located in different places. There are a lot of different kinds of software which can be used to design a GUI platform, the choice will usually depend on personal preferences, software capabilities and the operating systems (Windows, Linux, Mac...). Among the popular ones we have Microsoft Visual studio with its popular programming languages visual basic and C#, Labview, Python, Matlab etc.

Creating a new Project in C#

Posted by on Thursday, 05 September 2013 in Graphical User Interface, Tutorials   tags: , , , , No Comment      1214 Reads
image-214
Microsoft C# is a simple, modern, general-purpose, easy to learn object-oriented C programming language developed by Microsoft within its .NET framework to develop Windows applications. For this tutorial, you are going to need Microsoft Visual studio or C# express version installed on your computer. If you don't have one, you can download an express version for free from Microsoft website. Click on "New Project..." or open File Menu than "New Project..." to create a new project. A Sub window will pop out giving you options of different templates of Visual C# 2010 which includes Windows Form Application, WPF Application, Console Application, Class Library and WPF Browser Application. To design a GUI, select Window Forms Application, give it a name and click OK.

Creating a Serial Port Interface with C#

Posted by on Saturday, 07 September 2013 in Graphical User Interface, Tutorials   tags: , , , , , , , , , , No Comment      5388 Reads
image-217
A serial port interface is a Graphical User Interface program that runs on a personal computer and can be used to connect to a microcontroller via a serial connection. In this article a detailed step by step description with source code on how to create a simple Serial Port Graphical User Interface (GUI) using Microsoft Visual C# is outlined. From the toolBox on the left-hand side, under the Components sub-section, drag and drop SerialPort Control on the form and it shall appear below it. This control will enable us to send or receive data through the COM Port (Serial port) of the PC.

Creating Web Pages using html – Introduction

Posted by on Friday, 20 September 2013 in Graphical User Interface, Tutorials   tags: , , , , , No Comment      1224 Reads
image-226
WWW or the World Wide Web is a system used to find and access different resources on the internet. There are millions of websites on the internet. To access these websites, you start with "www" followed by the website domain name. These websites uses hypertext to cross-reference or link related resources anywhere on the Internet. HTML (Hypertext Markup Language) is the language used to code web pages. These pages can contain text or multimedia contents. HTML files are ASCII text files that contain the text to be displayed and the markup tags that tell how to display them. These markup tags allow the content of the page to be formatted, to insert multimedia contents etc. In this article we are going to learn the basics of creating a website from scratch using Notepad.

Login Form With SQL Server – C#

Posted by on Thursday, 12 June 2014 in Graphical User Interface, Tutorials   tags: , , , , , , , , No Comment      2249 Reads
image-223
In many applications it is important to restrict the access to only registered users. We can also create different profiles for different users to restrict access. For example, if we are developing a school management system we could have profiles like an admin: View and do everything. Lecturer profile: Attendance and internal marks entry only. Accounts profile: Financial transactions only. Admissions: Student registration, Profile entry only. In this article we are going to learn how to create a very simple login form using SQL database, the same principle can also be used for other databases like MS Access or Oracle database. We are going to create a Windows Form with two Texboxes, one for User name and the other for Password to prompt the user to enter his/her login details before accessing the main application.

Creating Multilingual Applications with C#

Posted by on Tuesday, 05 August 2014 in Graphical User Interface, Tutorials   tags: , , , , , , , No Comment      1388 Reads
image-220
With Globalization, the world has become a small village, information and trade is negotiated at world level. Companies have to develop and support applications in languages other than their language if they have to remain relevant into this global competition. What is even more challenging is that some of the major languages of the world like Arabic, Hindi and Chinese are not even written in Roman Script, so special features have to be provided to deal with these languages. In this article, we will see how to localize windows forms to create a multilingual application to give the user the ability to change to his/her preferred language at run-time using Microsoft Visual C#. Localization is the process of customizing your application to a particular language, culture or locale. In our demonstration project, we have supported 3 languages, English, French, and Spanish. The user can switch between any of these 3 languages at run time and the application will remember the last selected language when started. This same method can be used to support any other required language of the world.

Controlling a PIC Microcontroller from a PC Graphical User Interface (GUI)

Posted by on Wednesday, 26 December 2018 in Graphical User Interface, MBLAB X Projects, MikroC Projects, Projects   tags: , , , , , , , , , , , , 3 Comments      10815 Reads
image-525
A Graphical User Interface is a man-machine interface device, in which objects to handle are drawn as icons on the screen, so the user can send controls by by a pointing device, usually a mouse or a keyboard. It is always easy and require less skills to operate a device from a visual representations of the workspace (GUI) by simply clicking a mouse or using a keyboard rather than a command line. In this article we are going to design a Graphical User Interface using Microsoft Visual C#. This software could be installed in any computer running windows operating systems. The computer will connect to the microcontroller using an RS232 serial cable. The PIC microcontroller will receive commands from the computer to control devices connected to it such as motors, LEDs etc.