Thursday, April 18, 2013

Creating a Line Chart using Microsoft Excel 2010.

STEP 1 : Click on ‘Insert’ button on the ribbon menu  > choose ‘Line’  > and choose the style you desired.

Yes, it will appear a blank box as in the picture below. Don’t panic, we didn't tally it with the data yet.
The chart will appear after we set up the data to it. J

STEP 2 : Create a list of data that required to display on the chart; Data 1 and Data 2 as an example.

STEP 3 : Right click on the ‘blank box’ > choose ‘Select Data…’

The box as in the image below will appear.
STEP 4 : Please click on ‘Add’ to tie the data to the chart that we have.

Series name : Data 1 ( Click on button, and click on the cell which written as ‘Data 1’)
Series Values : Set of data for Data 1  ( Click on button, and click on the cell which written as ‘111’, drag it until the cell which written as ‘129’)
Kindly refer to the image below for further clarification.

Repeat  the STEP 4 for the second data.

STEP 5 : Click on OK button and your graph is there. J

Friday, October 7, 2011

Augmented Reality Tutorial (PART 2 ─ Download repository )


1) If you never having experience using SVN, you need to install it first. Most flash library are stored in SVN, download and install SVN to make it easier downloading FlarToolKit and Papervision 3d or you need to download each individual files manually.
For PC (Windows)  → TurtoiseSVN
For Mac (OS X) → SVNX

2) After TortoiseSVN installed, launch it.
     - right click ► SVNCheckout
i) Download FLARToolKit
URL of repository :

[ Wait untill the files finish downloading ]

ii) Download Papervision Code
URL of repository :
[ Wait untill the files finish downloading ]

Next : Augmented Reality Tutorial (PART 3)  ─ Flex ActionScript Project

Augmented Reality Tutorial (PART1 ─ MARKER )

What is AR?
Augmented reality (AR) is a term for a live direct or indirect view of a physical, real-world environment whose elements are augmented by computer-generated sensory input such as sound, video, graphics or GPS data. ─ Wikipedia

Okay, the tutorial started with designing the marker. How? Follow the step below :


1) Design the marker (sofware? I used Microsoft Word.)

[ My marker ]

2) Download and install 'marker generator' AIR application.
3) Print out your own customize marker.
4) Run 'marker generator' AIR and save the pattern. (the format for this marker is *.pat)

Next : Augmented Reality Tutorial (PART 2)  ─ how to download FLARToolKit and PaperVision Code.

Website I refered : webdesignmagmikkoh.

Tuesday, June 28, 2011

HTTP Handlers and HTTP Modules

HTTP Handler
- refered as endpoint
- runs in response to request made in application
- modules that handle the response
- common page handler = *.aspx, web service handler = *.asmx
- typical uses : RSS feeds, Image server

HTTP Modules
- called on every request made by application
- function handle the content
- examine incoming and outgoing request + take action based on request
- typical uses : security, statistic & logging, custom header & footer
- also uses to implement various application features, which includes forms authentication, caching, session state, and client script services.

Starting point :
- HTTPHandler (synchronous handler)
- Not return until HTTP request called process finished.
- HTTPModule
- Asynchronous handlers
- runs process independently sending response to user.
- must implement the BeginProcessRequest & EndProcessRequest method

Source code puts in App_Code folder, when compiled put in Bin folder
Developed using IIS 6.0, can be used in IIS 7.0 (with a little/no change)

Creating HTTP modules
1) implements IHttpModule interface
2) write handler for Init method
* append something to response, uses EndRequest event
* perform custom authentication logic, uses AuthenticationRequest event
3) Write the code that you used.
4) Implement Dispose method for cleanup (optional)
5) Register module in Web.config
Creating HTTP handler
creating a class that implements the interface.

Wednesday, April 27, 2011

Moodle favicon

This entry is about how to change the moodle favicon. What is favicon? Well, favicon is somewhat icon that will be displayed at your browser. It will caught the user attention and can take effect on the website branding. It will make it easier for the user to remember your website just referring to the favicon that displayed.

In moodle, the default favicon is :
Then we manage to change it to our own favicon. You can design it by using photo editor or whatever application that allow us to design some kind of logo. Then convert it to *.ico file. Just remember, you cannot simply just save the image as *.ico. I use this website to convert it. Please make sure your image is in 16x16 size.

My favicon :

Step 1 : If you are using the default theme, go to yourproject file - theme - standard. Paste yourfavicon.ico
Step 2 : Go to yourproject file - theme - standard - header.html

At the line :
Please make sure the *.ico name is the same as the one you paste just now.
Step 3 : Open your browser, then clear the cache.
Step 4 : Refresh, then taraaa..there you can see your favicon! :)

P/S : Thanks for reading. I am doing this tutorial for myself in the future. I am glad if you like this entry. :)