Simple AForge.net tutorial - getting start with AForge

AForge.NET is a powerful C# framework designed for the fields of Computer Vision and Artificial Intelligence, image processing, neural networks, genetic algorithms, machine learning, robotics, etc.

This is a simple and quick tutorial that describes how to setup Visual Studio environment to work with AForge.net. At the end of this tutorial you will have a C# project with all the required dll files for AForge.net and a simple few line code to convert RBG C# Bitmap image to grayscale  image.



Download complete Visual Studio project.

 

Step 1 - Create new project

Open Visual Studio IDE and create a new project, Goto File-->New-->Project

Create a C# winform Application project by selecting Windows Forms Application from the list and give it a proper name and folder to save the project

Step 2 - Add references for AForge.net

Open solution explorer and right click on your project then select Manage NuGet Packages...

This will open a new window to manage your references via NuGet. NuGet is a nice way to keep your references, But this required your computer connected to internet. Therefore make sure your dev machine connected to internet when you try next step.

Now, simply search for aforge on the search box and click on install button on the AForge.Imaging library. So this will take few seconds to download all the dependencies and the library itself to your project.

 Note that the coolest thing in the NuGet is that you do not need to worry about dependencies of a library, it will take care of all required libraries for the one that you want to install.

After you are done with the installation, your References for the project will looks like this,

Step 3 - Create winform

Now, let's do some UI to do our magic. Click on tool bar and draw a button. You can give it a proper name and text.

 I called my button as Process and named it as btnProcess. So let's make some code in the next step.

Step 4 - Code it !!!

Double click on the Process button in your winform designer and Visual Studio will open the code view and automatically add a Click event for your button. So let's do our coding inside the click event, then it will execute the code when you click on the Process button.

Since this code needs to convert an RGB image to grayscale, we need to apply a filter on AForge.net called Grayscale. Therefore we need to create the filter first.

Type Grayscale in the code and Visual Studio will give you an error says that "The type or namespace name 'Grayscale' could not be found (are you missing a using directive or an assembly reference?)". That's mean, we didn't import AForge namespace to this file still.
To fix this error, either you can type using AForge.Imaging.Filters; or Right on Grayscale and select Resolve-->using AForge.Imaging.Filters;

Either case your code should be like this and note that you will have using AForge.Imaging.Filters; at the top of your file.

Now, type the following code to open an image and apply the grayscale filter and save it back to the disk.

Grayscale filter = new Grayscale(0.2, 0.2, 0.2);

Bitmap img = (Bitmap)Image.FromFile("test.jpg");
Bitmap grayImage = filter.Apply(img);
grayImage.Save("grayImage.jpg");

Code Explained...

Grayscale filter = new Grayscale(0.2, 0.2, 0.2);

This will create the AForge filter named Grayscale and I am setting Red, Green, and Blue coefficients to 0.2, you can change this value and test, so it will give you different results.

Bitmap img = (Bitmap)Image.FromFile("test.jpg");

Here, I am opening a jpg file into a System.Drawing.Bitmap type object. Note that, if your image is in a different path, you need to type the full path of the jpg file instead of test.jpg.

Bitmap grayImage = filter.Apply(img);

This is the place that magic happens, img is our source image and this will return a filter applied Bitmap type object. So grayImage is the output image.

grayImage.Save("grayImage.jpg");

This will save the output image to the disk, so we can open it as a normal jpg image and view the result.

Now, you can build your project. Go to Build-->Build Solution from the main menu.

If every thing went well without any error in your code, you may see success on the Output window as follows,

Step 5 - One more before run...

Note that all the path for our jpg files are relative paths, which means that is not a the full path to the file. So this means all the paths are relative the directory where our exe file located on, in this case it will located on your bin/debug folder of the Visual Studio project. Therefore go to your project folder and put test.jpg file in the bin/debug folder as shown here,

Step 6 - Run the code

Ok, Now your project is ready to run and test. so go to Debug-->Start Debugging or press F5 to run your project.

Then you will see your winform and click on process button.

If every thing went well, you will see a jpg file in your bin/debug folder named grayImage.jpg and it is the grayscale image for the test.jpg image.



Download complete Visual Studio project.

Filtered Image	Source Image

Debug PHP code in Netbeans

Netbeans is a powerful IDE for PHP and many other development environments. is it possible to debug your PHP project in Netbeans? run your PHP code line by line and look at your variable values in real time? The answer is Yes! even you can have many watch expressions to examine variable values and execute your PHP code line by line. You just need to follow these 4 steps to enable PHP debugging in your Netbeans IDE!

Note - Netbeans version 8.0.2 has used for this article

 

 

Step1: Set php.exe file location on your web server.

Click on Tools-> Options to open Options dialog box on Netbeans then go to PHP tab and set the php.exe file location (I am using xampp server, your path also will be similar to "F:\xampp\php\php.exe" if you use xampp, or if you use wamp server your path will similar to "F:\wamp\bin\php\php5.4.12\php.exe")

 

 

Step2: Setup debugging on Netbeans

Go to Debugging tab on Options dialogbox and set the values as you can see on following screenshot. Then click on Apply and OK to save your changes.

 

 

 

 

 

 

 

 

 

Step3: Setup php.ini file

Copy following lines to the end of your php.ini file.
Note - you can find this file on a similar location as  "F:\xampp\php\php.ini" if you are using xampp, or "F:\wamp\bin\php\php5.4.12\php.ini" if you are using wamp server.

[xdebug]
xdebug.remote_enable = on
xdebug.profiler_enable = off
xdebug.profiler_enable_trigger = off
xdebug.profiler_output_name = cachegrind.out.%t.%p
xdebug.profiler_output_dir = "F:\xampp\tmp"
xdebug.remote_handler = dbgp
xdebug.remote_host = localhost
xdebug.remote_port = 9000

Note - you can change xdebug.profiler_output_dir = "F:\xampp\tmp" to match with your own folder

Step4: Restart your web server and Netbeans IDE to apply the changes that we made.

Now your IDE ready for debug your project. click on icon or Debug->Debug Project to start debugging on Netbeans. once you start debugging your browser will open the web page and you can put some break points on your code, then these break points will hit depends on your user actions on your web page. So you can examine your variable values and program execution using following icons on netbeans IDE. (or you can find the same actions on Debug menu on the IDE)