JC Web Concepts

Xdebug Basics Tutorial

2013-02-02T23:10:00-05:00

As promised, here is the basics tutorial of using xdebug in action.

The one thing I forgot to mention in the video is that in Sublime Text, you need install the xdebug plug-in. Also here are the settings from my php.ini file

/etc/php.ini

zend_extension="/usr/lib/php/extensions/no-debug-non-zts-20090626/xdebug.so"

and

/etc/php.ini

[xdebug]
xdebug.idekey="macgdbp"
xdebug.remote_enable=On
xdebug.var_display_max_children = 999
xdebug.var_display_max_data = 99999
xdebug.var_display_max_depth = 100
xdebug.remote_host="localhost"
xdebug.remote_port=9000
xdebug.remote_handler="dbgp"
xdebug.remote_log="/tmp/xdebug.log

Xdebug

2013-02-02T21:38:00-05:00

As an automation developer, I have learned how to write code in Java. When I am having an issue, one of the nice things that you can do is debug your code, line by line. For the longest I had wished that something like this existed in PHP. I have come to find out that you can actually debug code, like I do in Java. This is such a helpful task because I do not have to waste time using var_dump and such on variables or results. In your apache/php server you need to install and or enable something called Xdebug. I will work on a tutorial on how to use xdebug while writing code in Sublime Text 2. So keep an eye out on my blog and or YouTube channel for this tutorial.

Bought An Android Phone

2012-08-08T22:11:00-04:00

I finally took the plunge and converted from iPhone to Android. I just bought the Samsung Galaxy S3. I guess buying the Samsung Galaxy Tab 2 has made me make the change. It could also be due to the changes that are rumored for the iPhone 5. I have owned it for few days and so far I am liking it. In the following weeks I would like to post on how I am doing things that I use to do with my iPhone. I have read a few of these blog posts, but I am sure some would love to hear my perspective.

Terminal IDE for Android

2012-06-12T10:29:00-04:00

I just purchased a Samsung Galaxy Tab 2 10.1 and I am loving it. So since I am new I have been looking around for some good apps to use. I think I found one in an app called Terminal IDE. This application brings a developmenting environment with Git support that I can do some web development work with it. I am not going to say I can replace my desktop or a laptop, but you can do some quick fixes with it. A good accessory to get with it is the Logitech bluetooth keyboard. You will have to let me know in the comments below on what you think about this nice application.

Web Development On Android

2012-05-29T14:51:00-04:00

One of my latest purchases was an Android Samsung Galaxy Tablet 10.1. Unfortunately I have to get a replacement but it happens. So getting back on track I am new to an Android device. I found a great app on the Google Play Store, called Terminal IDE. This app brings you access to the terminal and you have some nice commands to work with. A few to name is, Git, VIM, find, etc… Once I get my tablet back I will do a video demo to show it off.

Adobe Creative Cloud

2012-05-14T14:30:00-04:00

Well this past week Adobe has launched their new cloud service called, Adobe Creative Cloud. As of launch they are charging a monthly fee of $49.99 and I believe it is going to be well worth it. I will gladly pay that amount to get all of the Adobe products for both Windows and Mac. So lets say you wanted to buy a master collection copy of Adobe for both OS’es, you would be paying 2599.99 per OS. Yep that would cost you $5199.98 and that is for the current version. When a new version comes out you can pay and upgrade rate but still pay.

So with doing some simple math here, 5199.98/49.99=104. That would be almost 9 years to get what I would have paid for one version. I think I will gladly take that. I will let you guys decide but right now I think that is pretty much a steal. Thoughts?

Octopress and Lion

2012-03-04T13:01:00-05:00

I just bought a few weeks ago a new MacBook Pro and I love it. So now it was time to setup my computer to use rvm and Octopress. So I logged into the Mac App store and downloaded the newest version of Xcode and installed it. I then went to the Octopress webstite and followed the directions on setting up RVM.

I ran into several errors about make and gcc-4.2. So after searching around the internet I found some help. It appears that after version 4.1, Ruby and xcode do not play nice. So I downgraded my version of Xcode and had to install a patch for gcc. Lastly you will want to add the following to your bash_profile or your zshrc:

export CC=/usr/bin/gcc-4.2

Now, just restart your terminal app and then go ahead and follow the Octopress site to finish setting it up.

Using Git for SVN

2012-01-04T15:01:00-05:00

So I have switched from SVN to Git and I am very happy about it. When I am at work I am stuck using SVN and I hate it. So I learned about a command that git has called git svn. It allows me to clone an SVN repo and locally use Git for it. I can make my commits and keep things versioned via Git. When I am done I can then commit it to the SVN repo and nobody would know I used Git instead of SVN. What is nice is it will commit all the changes, not just one massive one. I have yet to run into and issue but that’s ok if I do. So if you are a Git user stuck in an SVN world, then this is the way to save yourself. Let me show you an example of how to use this.

git svn clone "urlToSVNrepository" "LocalLocationYouWantThis"

Example

git svn clone "http://svn.google.com/sampleTest" "sampleTest"

Now lets say your repository has a trunk, branches, and or tags, you can do something with them as well.

git svn clone "urlToSVNrepository" "LocalLocationYouWantThis" -T trunk -b branches -t tags

Example

git svn clone "http://svn.google.com/sampleTest" "sampleTest" -T trunk -b branches -t tags

So now you have your svn project using git, which is nice. What also is nice is your project no longer has a bunch of .svn folders like you see in SVN land. That should be one of many things that will make you want to do this. I will make tutorial video on this soon so stay tuned if you are interested.

TextMate2 Alpha Intro

2011-12-14T11:03:00-05:00

So the other day, it was announced that the alpha release of TextMate2 was avaliable for licensed users of TextMate So I decided to make a little video on some of the changes that I have seen so far. I am excited what I have seen and look forward in helping making TextMate the best editor around.

Switching to Octopress

2011-12-12T07:36:00-05:00

I have decided to leave the world of Wordpress, for the world of Octopress. I will have some tutorials on this blogging framework but there are some reasons I made this change. I think the biggest reason I changes was Octopress does not use a database. To me that is just a great performance boost. The application comes with some nice plugins like twitter, Github, and Google+.

Using one command like rake deploy, and it automatically pushes the compiled static content to my web server with 1and1 via rsync. I no longer have to login to an admin panel and use a bloated tool like Wordpress has. I can open vim or TextMate and start writing my post using Markdown. So go try it out. I think you guys and gals will love it.

Spotlight for Windows and Linux

2011-12-02T07:54:40-05:00

One of the nice features in MacOSX is the use of Spotlight. I hardly use icons anymore and just hit command+space and type what I need. While I am in Gentoo or Windows XP, I sorely miss this functionality. Well today I started to look and found a nice tool called Launchy.

This tool supports skinning and plugins to enhance the already nice tool. What is nice is by default I can do math in it like I can do in spotlight. When I want to call the tool I hit alt+space and it comes up. I will continue to play with this tool but so far I love it.

PHP Contact Form

2011-10-20T06:02:18-04:00

I would like to take an opportunity to show you an example of how to developer a simple php contact page. I will not use css or anything like that for this tutorial. Just quick and dirty using the php mail function. Lets watch a video, explaining the process

Here is the code

    
        Contact Us
    
            if($_SERVER['REQUEST_METHOD'] != 'POST') {
                $self = $_SERVER['PHP_SELF'];
        ?>
             echo $self; ?>">
                                                                                                                                                                                                                                                                                                                                                                                                
Name: 

Email: 

What can I do for you? 

            } else {
                $name = $_POST['cusName'];
                $emailFrom = $_POST['cusEmail'];
                $reason = $_POST['reason'];
                $emailTo = "john@jcwebconcepts.net";
                $subject = "Filled in form from website";

                $header = "From: $name <$emailFrom>\r\nReply-To: $emailFrom\r\n";
                $header .= "MIME-Version: 1.0\r\n";
                $header .= "Content-type:text/html;charset=iso-8859-1\r\n";

                $message = "From: #name, Email: $emailFrom
$reason";

                mail($emailTo, $subject, $message, $header);

                echo "Thank you for contacting us. Someone will get back to you as soon as we can. Thank you.";
            }
        ?>

Passing of Steve Jobs

2011-10-10T06:24:15-04:00

As many bloggers have already done, we have lost someone this past week that was dear to a lot of Mac fanboys. He will be missed but I am sure he was working on his successor for a long time. I wonder how many people added to their Netflix queue, “Pirates of Silicon Valley”? As I am sure everything in that movie had some things that did not happen, Steve gained my respect. So good luck Steve to where ever the road takes you. Good bye.

Setting up Blogofile

2011-06-04T21:40:41-04:00

Blogofile is a simple blogging engine that brings something nice without the use of a database. I have been testing this out and I am starting to like this. I have even been thinking of replacing it with this. I am really enjoying this framework. Go ahead and watch this video below. After the video I will post the step by step instructions just in case you do not want to watch how to do it.

Here is the steps:

On the server

Install the python tool easy_install

sudo apt-get install
python-setuptools

Install blogofile

sudo easy_install blogofile

If you do not have Git

sudo apt-get install git

Go to where you want the git repo to be installed and do the following

mkdir blogofile.git
cd blogofile.git
git --bare init

Now configure the post-receive file

vim hooks/post-receive
unset GIT_DIR
cd /path/to/where/clone/repo/is
git pull
blogofile build
cp -a _site/* /var/www

Local computer

Now lets go to your local computer to where you want the source files and do the following

mkdir blogofile
cd blogofile
blogofile init simple_blog
git init
git add .
git commit -m "Some message"
git remote add origin username@yourservername:/path/to/repo/somerepo.git
git push origin master

Now we need to setup our exclude file so we do not commit the _site folder.

vim .git/info/exclude

Now add this to the bottom of the file

_site/* _site/

Now if you want to test out your blog you will do the following:

blogofile build
blogofile serve 8080

The 8080 can be any unused port you like. I hope this helped you as much as it has helped me.

Dual boot MacBook 5,2 and Gentoo

2011-04-27T09:32:45-04:00

One thing that I have always wanted to do was dual boot my Mac computer so I could run Linux on real hardware instead of emulation. This tutorial is going to show you how to accomplish this. A thing to note is you can do this with any Linux distro. Also the Mac that was used in this tutorial was a 13 inch White MacBook 5,2 version.

Things needed for this process:

Boot manager: rEFIt
Gentoo minimal ISO: Gentoo x86
USB keyboard and mouse
Wired internet connection

Partition HD

Mac Already installed
- Open boot camp assistant
- Set the partition size to the size you want
- When this is done go ahead and click quit and install later
- At this point you are done with partitioning your drive
Mac not installed
- Turn on your Mac and hold option key down until the selector comes up
- Insert your Mac CD in and wait for it to show. Click on it
- When cd is loaded you will what to open disk utilities in the menu up top
- Click on your hard drive and then on the right click the partition tab
- Under volume scheme you want to select two partitions
- !!!!!!!Need to work on it ending of this part

You are down with the drive partition now. We now need to move into the boot loader tool that is going to help us along the way

rEFIt

Now go ahead and install the rEFIt appliacation
Note: There is nothing fancy with this install
Now reboot to verify that the boot loader app comes up. If it doesn’t, try rebooting again

You are now done with the boot loader and we are now ready to install Gentoo

Installing Gentoo

After downloading and burning the ISO file to a disc you are ready, you are ready to start. Plug in your USB keyboard for now, insert the gentoo disc you burnt and restart. Remember to hold option key down so you get the option to boot to your CD. Now I am not going to go thru all the steps to install because this is well documented on Gentoo’s website. This can be found here!

So lets highlight the sections that you need to make some adjustments since you are not doing a typical dual boot on a regular PC

Boot parameters

When you get to the book parameters, you will want to type the following: [bash]gentoo maxcpus=1 vga=791[/bash]

Partition table

Here is the partition setup I have and you are welcome to follow it. Now yours might be different but should be close. If you are a cfdisk fan like I you will need to open your sda parition in fdisk, to delete the partition created by apple. Also do not worry about the warnings about unsupported GPT table. Its ok, so here is what my partitions looks like after I am done setting up the partitions that the guide tells us too

sda1 - GPT
sda2 - Mac HFS/HFS+
sda3 - Linux root
sda4 - Linux swap

After you are done with this you will want to type the following:

modprobe hid-apple This is done so your drivers get loaded for the apple keyboard. At this point you can remove the USB keyboard.

When downloading the stage3, make sure you download the i686 one

Now I do not use the genkernel. If you follow the install guide you use ext2 for the boot partition. So for some reason the kernel does not have this enabled so that is the only thing at this time I enable, beyond what is already enabled. After you exit you will want to back up the .config file. I like to do this so I can keep my kernel config files backed up.

When you are setting up your grub or lilo, you want to make sure on the kernel line that you add the following:

[bash] maxcpus=1 [/bash]

After Gentoo install

After you are done installing and you reboot you will want to leave your reboot until you get to the rEFIt menu. It does take a little bit to get to it so do not be too concerned. When you get there select the partitioning tool. You will get an error but that is ok. Hit any key and shut off your Mac. Now turn it back on and when you hear the ding hold the option key. Select the hard drive that says Windows. you should boot into Gentoo. If so then clap your hands. Log in as root and restart your computer. Try going into your Mac OS. If you can then you can go to rEFIt site and get the uninstall directions. Congratulations, you have just installed and got Gentoo somewhat working on your MacBook.

Media and Linux

2011-03-25T07:12:34-04:00

This is part 6 of my using Linux for everything blog posts. Some time ago, if you wanted to listen to music or watch videos, you ran into issues. Today’s Linux has changed all that. Honestly the only issues I have had is that my iTunes purchased content cannot be played. This is hugh since I do a lot of purchasing of music on iTunes. If you do not use iTunes then this is not an issue. So with this being said I would say that I could not make the switch to Linux fully since I would lose the ability to watch my movies and listen to my music. Maybe someday this block will not be here.

Setting up a Git Server

2011-03-12T11:17:47-05:00

Version control is something that a lot of developers use. I have been using SVN for the longest time and ignoring Git. I found it confusing and I just left it alone. I did the same thing before I started to use SVN. I thought I would have learned by now. So take a look at the video below and I will also put the steps at the end of the post.

On where the master git server will be hosted

mkdir /home/git/somerepo.git
cd /home/git/somerepo.git
git --bare init

Now lets go to your computer

mkdir somerepo.git
cd somerepo.git
git init
**Create a README file or you can type:
touch README
git add .
git commit -m "Some message"
git remote add origin username@yourservername:somerepo.git
git push origin master

Now this setup is just using the users that are already on the server. You can setup that you do not need to type in password. You can create just a git user. I hope that this tutorial has helped.

Graphic design and Linux

2011-02-26T21:22:06-05:00

This is part 5 of my using Linux for everything blog posts. As a web developer I started to use Photoshop. As I started to use Linux I realized that I could not use Photoshop to its fullest. So I then heard of GIMP. It is a nice tool and it can get the job done. I just did not like the interface that came with it. I also missed some features that were in photoshop.

As GIMP has grown it has started to become an app I could see myself using. So for this part I would feel comfortable switching to pure Linux.

Web/Java/Selenium Development and Linux

2011-01-29T21:34:35-05:00

This is part 4 of my using Linux for everything blog posts. As of right now my main job is writing Selenium automation using Java and my side job is web development. So could Linux handle all of this with no issues. The answer is no and I will tell you why. As a web developer selenium developer I need to test sometimes against Internet Explorer and or Safari. You can look in my previous post to read the reasons to why this is not possible for me to emulate. Other than that I can install Eclipse and Java in Linux with no issues. So writing my code I can be in Linux.

Web developing in Linux I again have no issues. I can pull up VIM and I will be just fine. Even though I might miss TextMate since I have recently fell in love with it.

Browsing and Linux

2011-01-26T17:30:27-05:00

So this is part 3 of my replace Linux everywhere blog. In this part we will be discussing web browsing. So looking at browsers the only major browser that is not in Linux is Internet Explorer. Now yes I could install Wine or some other emulator to solve this. But this is not going to solve this issue. Using Wine there is something in me that states are we really seeing Internet Explorer. Now the only reason I need internet explorer is for work. With me at the time doing QA work I need to test the quality of a website in Internet Explorer. Now to be honest I have the same issue in Mac so Linux is not alone here.

So, is there something I am missing here? Is there an solid option that would allow me to get the real Internet Explorer experience? Look forward to hearing your comments.