Free ASP.net Shopping cart & a simple web site

During Last two days I was engaged with some charity work or rather IT related charity work, doing a Shopping cart using ASP.net. I had to use VB.net which i was not familiar with before, SO i got the chance in feeling the VB.net environment. VB is not a hard language to catch up when you do know the principals of programming plus when you have plenty of online help.

Also Visual Studio is one great development environment to engage in any kind of development (large or small). Database connectivity, data handling and debugging is amazingly easy using this powerful CASE tool.

Since I did this project for my own satisfaction I thought of uploading it for the use of anyone who needs a shopping cart or a related example.

You can download it and use it for your own purpose…
cheers

Placing DHTML layers over the FLASH content

Adobe (Macromedia) Flash is one of the technologies we use to add fancy eye catching animations to our web sites. But after the resent development of Ajax, developers tend to blend CSS and JavaScript effects with those flash animations making their sites look more new or rather web 2.0 (ish).

For some time i was searching for a method to place DHTML layers over the Flash objects, yet i couldn’t find an article regarding this matter or rather i didn’t spend much time sweeping the NET regarding this. How ever For a web site I was doing recently I had to use the lightbox.js effect But again I met the problem of laying the DHTML layer over my flash content, Luckily in the troubleshooting part in the lightbox web page i found the path directing to the Adobe official site where this problem is wildly discussed.

As it says “Use the WMODE parameter to allow layering of Flash content with DHTML layers. The WMODE parameter can be ‘window’ (default), ‘opaque’, or ‘transparent’. Using a WMODE value of ‘opaque’ or ‘transparent’ will prevent a Flash movie from playing in the topmost layer and allow you to adjust the layering of the movie within other layers of the HTML document.”

You can gather more details at http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_15523

Cheers..

Is it AJAX or FLASH ?

Today I was integrating some eye catching AJAX effects to one of the web sites I was developing, and one of my friend Told me “Nice Flash Effect”….. I smiled for a moment and thought it really is…

AJAX is Growing So fast that I feel sooner it will beet Macromedia FLASH animation what you include in your website. There are many AJAX frame works available to take use of and play with some great Javascript effects. What I was Using today for this perticular site is Adobe Spry framework , simply designed with great animations. This framework is so much trying to catch the flash like effects. It’s a wonderful situation that Current owners of Macromedia is doing such a thing and making the 1st move…

Again we are recognized as the world’s 11th

For the proposal we have submitted under the category of web development (The earlier post was about Software design Category) we were ranked as the world’s 11th. this is done using community voting process inĀ  the imagine cup community. It is time to compete for the second round developing our idea of AcSO (Academic status organizer).

http://imaginecup.com/Competition/Leaderboard.aspx

Thanking you all for the support.

Create Your Web template as an Image and export it to a HTML

Well web designing is not my field though, I was engaged in few designing stuff whole last week. Mainly contributing in molding a theme to a web site . The stuff I am going to write is not so new to professional designers but for beginners it will be some help.

In web designing the most important task is to design the site template. In this case some beginners tend to do this by editing and writing HTML codes for all the stuff they want to include, for an example if you want to use some images or a small spacer image to add the shadow effect, what mistake you do is include them using tables or div tags manually. If you are using some kind of an IDE this task will be bit more easy. but yet there is an easer way.

What you have to do is, using Adobe Photoshop or Macromedia (Adobe) Fireworks design the template as an image. Add the pictures as you want. keep space for flash headers/banners. Basically create the whole page as an image. What you have to do next is using the “Slice” tool., Slice the image in to the separate areas where you want to edit.

Example : text areas, banner areas

Then Export the image as an HTML page. (FILE -> Export) and there you get the HTML out put as well as the sliced image peaces. Open the HTML page with you favorite IDE and remove the unwanted image areas and fill it with the same background color as it was in the image. leave the images which you want to add to your page and edit the rest of the page. The exported page is created using a table, so you can easily edit and add what you need in the deign process.

At Last Our report writing Skills got recognized..

Just writing a small post after a along time…. well its just because i was buried under a whole lot of work and could not concentrate on blogging… Anyways Just writing this To announce the Team Enterprise (Myself, Kasun, Sandaruwan, Keshan ) got selected for the Microsoft Imagine cup competition in the category of software design….

Our project is to develop a location base searching software (GeoLink) for Mobile phones, this project is a effort to add a new meaning for education Through mobile technology…

What’s Your programmer personality ?

This is some interesting site i was given by my colleague sandaruwan while on a chat …A site which ask few questions about your programming protocol and give you a description about the programming personality you have…. well the site link is…

http://www.doolwind.com/index.php?page=11

According to that for me it was ” PHTC

you can get the detail description from

http://www.doolwind.com/index.php?page=15

so check that out it says some cool stuff about you !!!

cheers !!!

Accessrunner-based USB ADSL modems – Get it to work on Ubuntu Dapper/Edgy

This is one wide area that no clear online article is available as a help document. I my self had a huge problem in searching and making my modem to work with Edgy. When you google for the Conexant AccessRunner driver you get the driver file as sources from the sourceforge,
http://accessrunner.sourceforge.net/index.shtml
where you have to add those files to the kernel source tree and recompile the kernel creating a great deal of work. But yet luckily the new kernels (after 2.6.10) have this driver inbuilt (Ubuntu Dapper/edgy) so you don’t have to mess up recompiling the kernel.

Any how you have to manually add the firmware, otherwise the modem will not work. (The LEDs wont Blink) for this you have to do few things, things I gathered from many online forums/blogs and help guides.

you have to extract the CnxEtU.sys file from the CD which you got from the vendor of your modem, and have to place it in /lib/firmware directory to make the firmware working. The step by step guide as follows.

for this purpose since we do not have the extract command, we have to download the package that Nicholas Wheeler created. from http://revu.tauware.de/details.py?upid=2426 there are several files but what you have to take is cxacrufw_1.2.orig.tar.gz and cxacrufw_1.2-1.diff .

After downloading these two files unzip the .gz and copy the .diff file in to that folder, and being inside that folder through the terminal patch it using
patch < cxacrufw_1.2-1.diff

then type make and make install. now you mush be havening a command called cxacru-fw. now your ready to extract the firmware.

insert the CD you got from the modem vendor and using the terminal type the following commands.

cp /media/cdrom/driver/ADSL/Wan/CnxEtU.sys ~/

(the above path can be different according to your settings so adjust the folder path)

then

cxacru-fw ~/CnxEtU.sys ~/cxacru-fw.bin
sudo cp ~/cxacru-fw.bin /lib/firmware

Make sure that the firmware is installed as /lib/firmware/cxacru-fw.bin or else the LED wont light up.

restart your computer and thats it you must be seeing the modem is working fine with the LED lighten up. anyhow though you have attached the modem to the computer and if your ISP is providing you a PPPoE protocol you will still have problems connecting your modem to Internet

there are few sites I saw some details which i think will be useful so just visit till I post a topic on HOW TO configure PPPoE

http://www.tldp.org/HOWTO/DSL-HOWTO/configure.html#BRIDGEVSPPP

and if any one who knows on PPPoE please leave a comment….

Installing Gnome(cairo)-Dock

Today while i was surfing the net (digging new gadgets for my Gnome desktop) i saw some interesting screenshots of a universal dock something which is similar to the OSX making me hunt down this new feature to my desktop. i googled for “Gnome dock” and found a post in ubuntu forums where i followed the installation process and at last.. yes !! I got the DOCK but there were no application images seen in the DOCK. i solved this problem by editing the .svg files and the cairo-dock.c file. but the biggest problem i encountered was that when i added this to the sesion and restarted my X-server. I crashed or rather I didn’t see my desktop at all. (well for some wired reason it crashes only the desktop.) I think this happens when the Gnome session loads Beryl-manager, Beryl, Gdesklets and the cairo-dock at the same time it might get overloded and crashes the desktop.

Anyhow as a solution i delayed the loading process of each of these applications through a shell script. so on this post I will describe how to install cairo-dock and make it work hand to hand with beryl.

You can follow the instructions on the Ubuntu forum for the installation process. since it describes well I will write what is missing.

At the step 5 before download cairo-dock.tar.gz i signed up for the ubuntu forum.

At last after the installation process is done when you run cairo-dock it will appear in the bottom of your desktop with almost no images for the named applications. These application icons are saved as .SVG files in the cairo directory what you have to do is open each of these files and replace the link to the image with your application icon’s path.

xlink:href=”/usr/share/pixmaps/firefox.png
sodipodi:absref=”/usr/share/pixmaps/firefox.png

replace the highlighted link with your icon’s path and secondly you can add/remove applications from the dock by edition the cairo-dock.c file. there in the specified section you have to add the name of the .SVG file, name of the application and the command to launch that application and make it. this is the simple way to make the DOCK running with the applications you want in your desktop. If at the end when you add the DOCK to the session and restart and if then your Desktop crashes, simply write a shell script and save in /usr/bin/ and add that script to run on the beginning of the each session.

my scripted looked like this.

#!/bin/bash
beryl-manager
sleep 5
beryl
sleep 7
cd /opt/cairo-dock
./cairo-dock –no-glitz &

restart your X and you must be smoothly working !!! Enjoy…

Credits :

Sandaru1 & Kasun

Umbrello – UML Modeller for Linux

— @page { size: 8.5in 11in; margin: 0.79in } P { margin-bottom: 0.08in } –>

Since I haven’t used or haven’t heard that “Rational rose” working on LINUX (on WINE) and of cause for modeling purposes I had to switch to Windows making a headache, I was searching a solution or more likely an alternative within Linux. I was just peeping in the add/remove menu and under the programming category, I found two modeling softwares for Linux. one which failed to install (Gaphor) and the one which i installed (Umbrello 1.5.5).

What made me surprised is that this software almost had all the functionality that was there in “Rational rose” sometimes even more. the software is very much easy to use. simple and well featured.

The software supports forward Engineering as well as Reverse Engineering, meaning when the Model is designed the code structure can be created and vice versa (supporting 12 different programming languages).

Anyhow I would like to say that Umbrello brings an easy approach for UML modelling.