Adding Mongo DB driver to XAMPP

Like many developers I use XAMPP for PHP development. But adding PHP extensions in xampp to does not seem to have a direct procedure . So when I wanted mongodb drivers I was on my own to figure out how to get it working . Here is the knowledge I gained .

I am using Ubuntu oneiric ocelot machine so this procedure is similar for all *NIX machines  (Sorry windows users but the procedure must similar).

  1. First download and install Mongo db from mongodb.org/downloads
  2. Secondly download the PHP MongoDB driver source from github.com/mongodb/mongo-php-driver
  3. Now to compile the code
    1. You need phpize to compile the source code, so install php5-devpackage by running `sudo apt-get install php5-dev`
    2. Navigate into the mongo-php-driver directory and run `phpize` on the terminal
    3. Then run `./configure` to check for dependencies
    4. Run `make` to build the package
  4. Assuming XAMPP is installed at `/opt/lampp/` copy `mongo.so` and `mongo.la` from `modules` directory inside mongo-php-driver directory to `/opt/lampp/lib/php/extensions/no-debug-non-zts-20090626/` directory
  5. Add the line `extension=mongo.so` to  `/opt/lampp/etc/php.ini`
  6. Start mongodb and xampp servers and run the program test program from php.net/manual/en/mongo.tutorial.php to check if it is working

 

Advertisements

Careers @ stackoverflow

I got an email from Stack Overflow Careers 2.0 Inviting me to join careers.stackoverflow.com.

In recognition of your contributions to Stack Overflow, we’d like to invite you to create a professional profile on Stack Overflow Careers 2.0.

A Careers 2.0 profile is a great place to showcase your professional work as a programmer – Stack Exchange answers, open source projects, even the books you’ve read.

Click here to accept the invitation. It’s free!

Even if you’re not looking for a new career today, your Careers 2.0 profile will be your professional home on the web. It lets your colleagues, friends, and peers know who you are and what great work you’re doing. It’s a terrific way to build your professional reputation and take your career to the next level. And it’s fun!

You’ll always have complete control over what’s in your profile, who can see it, and whether or not employers can contact you.

But please act soon: this invitation expires in 14 days, so sign up now!

Even if you decide not to join Careers 2.0, we would like to thank you for all your contributions to Stack Overflow. It wouldn’t be the same without you.

Best wishes,

Joel, Jeff and The Stack Overflow Team

I have been trying for some months to get an account on that site because It is sort of exclusive , They seem to hand pick the people who get a profile on the . So once I get the privilege to invite people I will be sending a few to some deserving friends.

Take a look at the stats , There are only 49 people from chennai who have an account on that site, which includes me .

What is more surprising is that the IT hub of India Bangalore has only 5 people .

But there was a catch Since this site is yet to catch the fancy of many people in India there are (at the time of this blog post ) No job postings in India , but the job postings that are present are of really good quality and seem to be quite reliable .

Here is a link to my profile http://j.mp/gautamk .


How to Create a Twitter Like Retweet Links

Twitter is one of the most visited social networking sites , and one of the factors in their success is the intuitiveness of  the user interface .

In this tutorial We are going to learn how to create a twitter like mouse over effect for retweet , favorite links

Twitter mouse over effect

To achieve this effect we are going to be using HTML, CSS and jQuery .

First the HTML :

<body></pre>
<div class="<span class=">TweetContainer"></div>
<pre>
        		<div class="Tweet">
        			<span class="TweetAuthor">
        				<p><strong>JamesBond007</strong>:-</p>
        			</span>
        			<span class="TweetText">
        				I am #Bond, #James Bond ! @JamesBond007
        			</span>
        		</div></pre>
<div class="<span class=">TweetActions"></div>
<pre>

        			<em>Favorite</em>&nbsp;
        			&perp;
        			<em>Retweet</em>&nbsp;
        		</div>
        	</div>
</body>

We create a Container DIV and 2 separate DIVs one for the Tweet and another for the TweetActions. The actual Tweet content is put inside the Tweet DIV and TweetActions contains Favorite and ReTweet .

Next The Styling

<style>
                	.TweetContainer
                	{
                		margin: 15 auto;
                		width: 500px;
                		height: 70px;
                		background: #C7EEFE;
                		padding: 30px;
                		border-radius: 15px;
                		font-family:  Arial,sans-serif
                		border-color: #B7EEFE;
                		border-width:medium;
                	}
                	.TweetActions
                	{
                		position: relative;
                		left: 300px;
                		cursor: pointer
                	}
</style>

And now comes the jQuery Code

                <script>
                        $(document).ready(function(){
                        	//Hide the Favorite and Retweet Buttons
                        	$('.TweetContainer').find('.TweetActions').hide();
                        	//Trigger the Mouse over action
                        	$('.TweetContainer').mouseenter(function(){
                        		/*
                        		 * Show the Retweet and Favorite buttons for the Current
                        		 * Tweet
                        		*/
                        		$(this).find('.TweetActions').show();
                        		//Highlight the Current Tweet by changing the background Color
                        		$(this).css({
                        			'background':'#C7FFFE',
                        		});
                        	});

                        	//Trigger the mouse leave action
                        	$('.TweetContainer').mouseleave(function(){
                        		/*
                        		 * Hide the Retweet and Favorite buttons for the Current
                        		 * Tweet
                        		 */
                        		$(this).find('.TweetActions').hide();
                        		//Change the background color of the Current Tweet to normal
                        		$(this).css({
                        			'background':'#C7EEFE',
                        		});
                        	});
                        });
                </script>

Putting it all together we get

Live DEMO

To get the full Source code just save the Demo Page as html and open it with a text editor .

As always comments and Suggestions are welcome .
Please Post your comments below


Gmail Preview Pane

Gmail wasn’t the first web mail interface that I used but it is certainly the best I have ever used. The best web mail interface just got better with a new feature called Preview Pane , which provides a twitter like view for you Gmail page , and greatly improves your productivity .

This feature can be enabled from gmail Labs .

Via : Gmail Blog


Transparency Reports from Google

Here is another  reason why google is so brilliant , its because Google is socially and ethically responsible .

Google has added reports about Government requests to remove content from Google’s services like Youtube or Blogger .

They have also added a Traffic Analysis tool to show traffic activity from different Countries .

Its Good that Internet Giant is doing the right thing by supporting transparency , which is the first step towards to eradicating all under the table activities and Internet Censorship

From : http://www.google.com/transparencyreport/ and India – Google Transparency Report http://bit.ly/klwaaR

So as always Please post your comments and suggestions .


Serving Servlets !

When staring web developement now a days many people  start with PHP , Ruby on Rails , or something like that , but there was a Time when Servlets were King .

Servlets are still very Prominent and are also very powerful, and sometimes better than any other web development platform.

To get started with servlets using just Tomcat is very easy , but using Eclipse along with it Required a small bit of effort .

I spent 20 minutes on learning how to configure Eclipse to work with Tomcat 7

So here is a Tutorial for the same .

So Lets get Started…..

The Downloads

2 Things have to be downloaded

  1.  Eclipse IDE for Java EE Developers
  2. Apache Tomcat 7

The Process

I am writing this tutorial for Linux but the concept is the same for Windows and Mac .

After Downloading

Extract Eclipse and tomcat into a folder

After Extracting Eclipse ,

Run Eclipse

open Window->Preferences 

Choose Server->Runtime Environments

Click Add 

Choose Apache Tomcat v7.0

Click Next

Choose the location where Tomcat was extracted 

Click Finish

Now the Server has been successfully added .

The Project

Create a new Dynamic Web Project

After Creating the project

Right click on the project  select New->Servlet

Now you can create your Servlet and run it in eclipse with Tomcat ,  so what are you waiting for  get coding!!


The most Impressive doodle by Google

This the most amazing use of Web technologies by Google and the best part is that this animation is not FLASH . I wish they would release the Source Code to this .

EDIT :

The Doodle was not an Animated GIF , but instead it was a Large PNG sprite consisting of each individual frame  and some JavaScript and CSS Magic , which makes it Even More Impressive !!

http://www.google.com/logos/2011/graham11-hp-sprite.pngEDIT 2 :

The Animated Doodle was created by Cartoonist Ryan Woodward , and here is the official Video .