Okada Design Blog » XAMPP

Windows XP in VMware on Windows 7, localhost and base url of CodeIgniter

shinokada — Sun, 27 Feb 2011 12:48:05 +0000

Well I had a aha moment today, so I thought I should share this. I know that the title is a bit confusing.

There are times still I have to use Windows. And there are times when you have to develop for IE7. My set up for this is using IE 7 on Windows XP which is installed in VMware running on Windows 7. Well I could do it on Ubuntu as well. And I use XAMPP on Windows 7 for development.

Use IPv4 Address value

I had a hard time to display localhost on IE 7. When I use http://localhost/mywebsite, it works fine in my browsers on Windows 7, but it did not display in browsers in Windows XP. In a short answer, use http://192.168.1.2/. If this does not work for you, read on.

On Windows 7, go to Control panes > Network and Internet > Networking and Sharing center, then click your wireless connection or if you are using cable, then cable connection. Please note that it is not a VMware Adapters. When you open the Wireless Network Connection status, click Details. Find the vaule for IPv4 Address. For me it is 192.168.1.2. Use this in a browser in VMware to display a localhost from Windows 7.

Using CodeIgniter?

If you are using CodeIgniter, then you need to do one more step. Open your system>application>config>config.php and add the following to your base_url.

$config['base_url']	= "http://192.168.1.2/mywebsite/";

Without this line, all the internal links, images, CSS and scripts are broken. Adding this will fix the problems.

Zend Framework on Codeigniter: Youtube

shinokada — Sat, 21 Nov 2009 22:28:47 +0000

This post is about how to use Zend Framework on Codeigniter to show Youtube videos.

Download

Note:

The download file is set up for Windows. If you are not using Windows, then open application/helpers/zend_framework_helper.php and comment out Windows part and uncomment the other part.

Implement Zend Framework in Codeigniter

First you have to implement Zend Framework in Codeigniter. Please read this post.

Controller/youtube2.php

Create a file and add the following code.

_youTube = new Zend_Gdata_YouTube;
    }

function index(){
      // Gets playlists
    $data['playlistfeed']= $this->_youTube->getPlaylistListFeed('NationalGeographic');
    $this->load->view ('youtube_view2',$data);
    }

public function listAction(){
    // Gets playlist videos
    $playlistId = $this->uri->segment(4);
    $query = $this->_youTube->newVideoQuery(
    'http://gdata.youtube.com/feeds/playlists/' . $playlistId);
    $data['videoFeed']= $this->_youTube->getVideoFeed($query);
    $this->load->view('listaction_view', $data);
    }

public function viewAction(){
    // Gets video
    $videoId = $this->uri->segment(4);
    $data['videoId'] = $this->uri->segment(4);
    $data['videoEntry'] = $this->_youTube->getVideoEntry($videoId);
    $this->load->view('youtube_video_view', $data);
    }
}

Firstly I am adding a protected variable $_youTube.
In the constructor, I load the class Zend_Gdata_Youtube, and create a new object.

In the function index, I add a variable playlistfeed and send it to a view called youtube_view2 which I am going to create it shortly.

I am going to collect National geographic videos in this case. You can change it as you wish.

views/youtube_view2.php

Create a file and add the following code.




  
  Video lists



National Geographic Videos on Youtube


getPlaylistVideoFeedUrl(), '/'
), 1); >


title->text; >


description->text; >

This will output the following html.

...
National Geographic Videos on Youtube



Oceans


Explore the beauty of the world's oceans.


Animal Attack!

...
...

When you click a link, it will take you listAction() function in youtube2 class and the fourth segment will be used as id in that class.

views/listaction_view.php

Create a file and add the following code.




  
  Youtube Video Details




National Geographic Videos on Youtube. Videos about title->text; >


getFlashPlayerUrl(), '/'),
1); >


    
        mediaGroup->title->text; >


    



mediaGroup->description->text. "

"; >

This listAction() function outputs the following html.

...
National Geographic Videos on Youtube. Videos about Oceans



    
        Video Title: Feeding Frenzy: Manta Rays in the Maldives

    Watch Video


When tide and current turn a tiny bay into a bowl of plankton, manta rays in the Maldives gather for a roiling, whirling feast.

Video id: yihoIvUBDM4?f=playlists&amp;app=youtube_gdata



    
        Video Title: Penguins vs. Pelicans

    Watch Video


...
...

The links will take you to youtube2 viewAction () function with Youtube video identifier.
The viewAction() function will take the forth segment and show a video in the next step.

views/youtube_video_view.php

Create a file and add the following code.




  
  Watch: Youtube Videos




mediaGroup->title->text; >




&amp;rel=0"
type="application/x-shockwave-flash"
wmode="transparent" width="425" height="355">

This view outputs the following html.

...
Feeding Frenzy: Manta Rays in the Maldives







...
...

How to implement Zend Framework with Codeigniter

shinokada — Sat, 21 Nov 2009 12:14:58 +0000

Download Files

There are quite few posts how to use Zend framework in Codeigniter.

However none of them worked on my XAMPP. I thought there might be some who are struggling to use Zend frame work on Windows. Here is how I did.

Here you can read why they don’t work with Windows.

Adding Zend Framework

Here you can read how to add Zend Framework. And I use this structure for this post.

You need to create a folder ../system/contrib/ and add Zend folders in this folder.

../system/
         contrib/
               Zend/
                     Acl/
                     Acl.php
                     Amf/
                     Amf.php ...

Create a file system/application/helpers/zend_framework_helper.php and add the following.

If you are not using Windows, then add the following instead.

ini_set("include_path", ini_get("include_path").PATH_SEPARATOR.BASEPATH."/contrib/");
require_once 'Zend/Loader.php';

Adding it in autoload.php

Open config/autoload.php and add the following.

$autoload['helper'] = array('zend_framework');

Using Zend in Codeigniter

Now you can load any Zend class by adding Zend_Loader::loadClass(‘ZEND-CLASS-HERE’);.
You can see all the Zend classes here. http://framework.zend.com/manual/en/

Here are three examples.

Zend_Service_Flickr

Create a file controllers/flickr.php and add the following.

tagSearch("cat");
if ($results->totalResults() > 0)
{

foreach ($results as $result)
{
echo 'Square->uri.'" />';
}

}
else
{
echo 'No Results Found.';
}
}
catch (Zend_Service_Exception $e)
{
echo 'An error occured, please try again later. (' .$e->getMessage(). ')';
}

}
}

?>

Don’t forget to change ADD-YOUR-KEY-HERE to your Flickr key.
If you don’t have one, get it from here.
Then visit your controller, http://127.0.0.1/codeigniter/index.php/flickr to see the result.

Using Zend_Gdata_YouTube

Create another file controllers/youtube.php and add the following.

newVideoQuery();
    $query->videoQuery = 'cat';
    $query->startIndex = 10;
    $query->maxResults = 20;
    $query->orderBy = 'viewCount';

    $data['queryurl'] =  $query->queryUrl;
    $data['videofeed'] =  $youtube->getVideoFeed($query);
    $this->load->view('youtube_view', $data);
  }
}

?>

views/youtube_view.php

Create this file and add the following.

";
    echo "Title: " . $videoEntry->getVideoTitle() . "
";
    echo "\nDescription:
";
    echo $videoEntry->getVideoDescription();
    echo "

";
}
?>

Then visit a new page http://127.0.0.1/codeigniter/index.php/youtube to the result.

Using Google calendar

Create controller/googlecalendar.php and add the following. Use your google email and password.

getCalendarListFeed();
} catch (Zend_Gdata_App_Exception $e) {
    echo "Error: " . $e->getMessage();
}
echo "Calendar List Feed";
echo "";
foreach ($listFeed as $calendar) {
    echo "" . $calendar->title .
         " (Event Feed: " . $calendar->id . ")";
}
echo "";
}
}
?>

Then again visit http://127.0.0.1/codeigniter/googlecalendar.

Download Files

Path problems with Codeigniter on Windows

shinokada — Sat, 21 Nov 2009 11:53:12 +0000

I posted how to implement Zend Framework here. However I had a problem with Window’s path when I was trying it.

I have found a couple of things about paths in Windows when I am using Codeigniter.
As all know that Windows uses \ for the path. For example, C:\xampp\htdocs\codeigniter\system\contrib. Linux uses / for the path. For example, /home/1/o/mywebsite/www/codeigniter/system/.

If you are using XAMPP or WAMP for your web development, you might have a problem with this difference.

BASEPATH in Codeigniter

Enter the following to view/welcome_message.php in your freshly installed Codeigniter.

echo 'Basepath: ' . BASEPATH . '
';

And visit http://127.0.0.7/codeigniter/index.php/welcome.
You will see the following.

1. Basepath: C:\xampp\htdocs\codeigniter/system/

Did you notice \codeigniter/?

In practical situation, you would add the following for your live server(Linux).

ini_set("include_path", ini_get("include_path").
PATH_SEPARATOR.BASEPATH."/contrib/");

However this will not work on your Windows.
You need to use the following instead.

ini_set("include_path", ini_get("include_path").
PATH_SEPARATOR.str_replace("/", "\\", BASEPATH)."contrib\\");

str_replace() function will replace / in BASEPATH with \.

If you want to see some of your paths in Codeigniter, add the following in your view/welcome_message.php and see the results.



Welcome to CodeIgniter




When you are using set_include_path(), before get_include_path(), it will add one semi-colon, after get_include_path.
';
>
'.
'2. Apppath: ' . APPPATH . '
'.
'3. Ext: ' . EXT . '
' .
'4. Fcpath: ' . FCPATH .'
' .
'5. Self: ' . SELF .'
' .
// '6. base_url(): ' . base_url() . '
'.
'7. site_url(): ' . site_url(). '
'.
'8. current_url(): ' . current_url(). '
'.
'9. uri_string(): ' . uri_string(). '
'.
'10. index_page(): ' . index_page(). '
'.
'11. realpath(__FILE__): ' . realpath(__FILE__). '
'.
'12. realpath(dirname(__FILE__)): ' . realpath(dirname(__FILE__)). '
'.
'13. realpath(dirname(__FILE__))/: '. realpath(dirname(__FILE__)).'/'.'
'.
'14. str_replace("\\", "/", realpath(dirname(__FILE__))): '. str_replace("\\", "/", realpath(dirname(__FILE__))).'
'.
'14a. str_replace("/", "\\", BASEPATH): '. str_replace("/", "\\", BASEPATH).'
'.
'15. getcwd(), current working directory: '. getcwd(). '
'.
'16. PATH_SEPARATOR: ' . PATH_SEPARATOR. '
'.
'17. basename($src_name,\'.png\')): ' . basename($src_name,'.png'). '
'.
'18. ini_get(\'include_path\') . PATH_SEPARATOR . APPPATH . \'libraries\': ' . ini_get('include_path') . PATH_SEPARATOR . APPPATH . 'libraries' . '
'.
'19. get_include_path() :'. get_include_path().PATH_SEPARATOR.'
' ;

>

PART 2

';
echo '1. dirname(dirname(__FILE__));'.dirname(dirname(__FILE__)).'
';
echo '2. ini_get(\'include_path\') . PATH_SEPARATOR . str_replace("/", "\\", APPPATH) . \'libraries\': ' . ini_get('include_path') . PATH_SEPARATOR . str_replace("/", "\\", APPPATH) . 'libraries' . '
';
echo '3. set_include_path(get_include_path() . PATH_SEPARATOR . :'. set_include_path(get_include_path() . PATH_SEPARATOR) .'
';
echo '4. ini_get(\'include_path\'): ' . ini_get('include_path') . '
';
echo '5. PATH_SEPARATOR . APPPATH . \'libraries\': ' .  PATH_SEPARATOR . APPPATH . 'libraries' . '
'
// 'realpath($_SERVER['DOCUMENT_ROOT']): ' . realpath($_SERVER['DOCUMENT_ROOT']).'
';

>


PART 3

';
echo '1. $_SERVER[\'DOCUMENT_ROOT\']: '. $_SERVER['DOCUMENT_ROOT'];
echo "
";
$base_url = '\\img\\';
$src_name = 'photo.png';
$base_path = realpath("photo.png");

echo '$base_url(): ';
echo "$base_url () 
";
echo 'realpath(\'./img/\'): ';
echo "
";
echo realpath('./img/') ;
echo "
";
echo '$src_name: ';
echo "$src_name";
echo "

";
echo '$_SERVER[\'DOCUMENT_ROOT\']: ';
echo  $_SERVER['DOCUMENT_ROOT'];
echo "
";
echo 'realpath($_SERVER[\'DOCUMENT_ROOT\']): ';
echo realpath($_SERVER['DOCUMENT_ROOT']);
echo "
";
$base_path = realpath('./img/');//This will show C:\xampp\htdocs\ci_day6_working_copy\img

$src_name = 'photo.png';//source name
$source_image = realpath($base_path.'/'.$src_name);
echo '$source_image is: ' . $source_image;

 echo "
";
$realpathtoBasepath = realpath(BASEPATH.'fonts/texb.ttf');
echo $realpathtoBasepath;
>


PART 4

';
echo 'Here echoing $my_include_folder = realpath(dirname(__FILE__)).\'/assets/classes\';'."
";
echo 'Here is the second line get_include_path() . PATH_SEPARATOR . $my_include_folder1;
';
$my_include_folder1 = realpath(dirname(__FILE__)).'/assets/classes1';
echo get_include_path();
echo PATH_SEPARATOR;
echo '$my_include_folder1: '.$my_include_folder1. "
";
echo get_include_path() . PATH_SEPARATOR . $my_include_folder1;

>


PART 5

';
echo 'Here echoing $my_include_folder2 = realpath(dirname(__FILE__)).\'\\assets\\classes\';'."
";
echo 'Here is the second line set_include_path(get_include_path() . PATH_SEPARATOR . $my_include_folder2);
';
$my_include_folder2 = realpath(dirname(__FILE__)).'\\assets\\classes2';
echo get_include_path() . PATH_SEPARATOR . $my_include_folder2;

>


PART 6

';
echo 'Here echoing ini_set("include_path", ini_get("include_path").PATH_SEPARATOR.BASEPATH."/contrib/"); '."
";
echo ini_get("include_path").PATH_SEPARATOR.BASEPATH."/contrib/"; 

>

PART 7

';
echo 'Here echoing ini_get("include_path").PATH_SEPARATOR.str_replace("/", "\\", BASEPATH)."\\contrib\\"
'."
";
echo ini_get("include_path").PATH_SEPARATOR.str_replace("/", "\\", BASEPATH)."contrib\\Zend\\Loader.php"

>

Zend framework Youtube class on Codeigniter with jquery

shinokada — Sun, 01 Nov 2009 06:20:50 +0000

Download

This does not contain Codeigniter or Zend framework. If you need them please download it from here.

Introduction

The previous post “Zend Framework on Codeigniter: Youtube” involved three steps to see a video. And it did not have any style.

Goals

I will reduce it to two steps, add a minimum styling and use jquery tools scrollable.

The default videos in a scrollabe screen will be three.

Resources

Jquery Tools Scrollable: I am using a vertical scrollabe this time.
Zend Framework Youtube class
Codeigniter

Config

system/application/config/autoload.php

$autoload['helper'] = array('zend_framework', 'url');

Autoload the zend_framework and url.

system/application/config/config.php

$config['base_url']	="http://127.0.0.1/ci_zend_youtube/";

Add your base url here.

Controller

system/application/controllers/yt_scroll.php

_youTube = new Zend_Gdata_YouTube;

    }

function index(){

    // Gets playlists
    $data['playlistfeed']= $this->_youTube->getPlaylistListFeed('NationalGeographic');
    $this->load->view ('youtube_view3',$data);
    }

public function listAction(){
    // Gets playlist videos

    $playlistId = $this->uri->segment(4);
    $query = $this->_youTube->newVideoQuery(
    'http://gdata.youtube.com/feeds/playlists/' . $playlistId);
    $data['videoFeed']= $this->_youTube->getVideoFeed($query);
    $this->load->view('listaction2_view', $data);
    }

}

Contructor

A variable $_youTube is created with protected.
Constructor function loads Zend_Gdata_YouTube with Zend_Loader.
And a new object is created.

Index () function

PlaylistListFeed of National Geographic is stored in playlistfeed and this will be loaded in youtube_view3.

listAction () function

The fourth segment of uri will be used for $playlistId.
Query is stored to $query and videofeed will be in

View

system/application/views/youtube_view3.php




  
  Video lists
 
 



    
National Geographic Videos on Youtube


getPlaylistVideoFeedUrl(), '/'
), 1); ?>


title->text; ?>




description->text; ?>

Conclusion

You can add a form to submit the video subject like I did for Flickr. You may want to add this to your side column. Pagenation can be added to this.

How to delete index.php from Codeigniter in localhost

shinokada — Mon, 28 Sep 2009 09:15:06 +0000

If you have installed a codeigniter in XAMPP and want to delete index.php in your URL, this is how I did it.

For example your URL is,

http://127.0.0.1/ci_cms/index.php/admin/users/manage

And you want to make it to,

http://127.0.0.1/ci_cms/admin/users/manage

Firstly, it does not matter if you move application folder out of system folder or keep it under system folder.
You need to modify config.php. $config['index_page'] = “”;
And also add .htaccess to the same level as system folder.
Your .htaccess file should contain the following.

RewriteEngine on
RewriteCond $1 !^(index\.php|images|scripts|css|robots\.txt)
RewriteRule ^(.*)$ index.php/$1 [L]

Codeigniter suggests the following code. But if you use it some of your link will go to http://127.0.0/ and shows xampp home page, http://127.0.0/xampp.
If you are installing CI in your root, this code will be fine, otherwise use the first .htaccess for your XAMPP.

RewriteEngine on
RewriteCond $1 !^(index\.php|images|robots\.txt)
RewriteRule ^(.*)$ /index.php/$1 [L]

You can add folder names in images|scripts|css in order to access these folders.
For example I use TinyMCE and I added it under scripts folder which is the same level as system folder.

Also it is good idea to add the following code to a view/header.php.
This enable you to add images like image/myimage.jpg and automatically it becomes http://127.0.0.1/ci_cms/images/myimage.jpg.

That’s it.

How to add httpd.conf to XAMPP

shinokada — Sat, 12 Sep 2009 16:54:27 +0000

I was reading “Practical web 2.0″ by Quentin Zervaas. In chapater 2 there is a section which adds httpd.conf to folder.
I struggled a bit but I made it finally. This is how.

My directory structure is like this.

-hdocs
    -phpweb20
       -data
       -htdocs
       -include
       -templates
       -httpd.conf

I added the following to httpd.conf


ServerName phpweb20
DocumentRoot "c:/xampp/htdocs/phpweb20/htdocs"

AllowOverride None
Options All

php_value include_path ".;c:/xampp/htdocs/phpweb20/include;c:/xampp/php/pear"
php_value magic_quotes_gpc off
php_value register_globals off

I also added the following to C:\xampp\apache\conf\httpd.conf

# For phpweb20 config
Include "C:/xampp/htdocs/phpweb20/httpd.conf"

And restart apache.

How to start Zend Framework in Xampp

shinokada — Thu, 10 Sep 2009 06:06:49 +0000

I am using XAMPP and I just downloaded Zend Framework 1.9.2.
I moved that folder under htdocs.
I also created a folder called zendpractice in htdocs.
Then Start> Start search, type cmd.
You should have a cmd.exe pop up.

Type the following in cmd.

cd c:\xampp\htdocs\zendpractice

Hit enter. Then you will see c:\xampp\htdocs\zendpractice>.
Type the following after that line.

c:\xampp\htdocs\ZendFramework-1.9.2\bin\zf.bat create project quickstart

It will tell you Creating project at C:/xampp/htdocs/Zendpractice/quickstart.

Then check your folder if all the files and folders are created.

How to send email from your own localhost

shinokada — Wed, 09 Sep 2009 13:31:59 +0000

You may want to test your form or email in your laptop. If you are using XAMPP, go to XAMPP > PHP and open php.ini. Around line 700 you will find

[mail function]
; For Win32 only.

Then change that line to the following. You need to find your SMTP host.
I am setting up for my work in the following code. I just need to swap ; for work use and home use.

[mail function]
; For Win32 only.
;SMTP = localhost
;For my work use
SMTP = work.mycompany.com

;For home use
;SMTP = smtp.mybroadband.net
smtp_port = 25

; For Win32 only.
sendmail_from = myn...@mycompany.com