1 00:00:00,000 --> 00:00:06,000 This is my control panel, the cPanel control panel located here at BlueHost. 2 00:00:06,000 --> 00:00:10,000 cPanel is an open source control panel that many, many Web hosts use, and 3 00:00:10,000 --> 00:00:13,000 BlueHost is a fairly popular Web host. 4 00:00:13,000 --> 00:00:17,000 You can use any one of a number of hosting places for hosting Joomla 5 00:00:17,000 --> 00:00:19,000 Web sites. Lots of people host Joomla 6 00:00:19,000 --> 00:00:24,000 sites here a BlueHost. SiteGround is another one, Rockin', HostGator is very, 7 00:00:24,000 --> 00:00:28,000 very popular, WireTree is popular as well, so these are some places you can go 8 00:00:28,000 --> 00:00:29,000 to host your Joomla Web site. 9 00:00:29,000 --> 00:00:34,000 Here in the control panel, we are going to start by uploading the zipped 10 00:00:34,000 --> 00:00:37,000 file that I generated; all of the Joomla 11 00:00:37,000 --> 00:00:40,000 files that are compressed together, and I am going to upload these to the server. 12 00:00:40,000 --> 00:00:45,000 So I am going to scroll in down to find my Files section of the control panel. 13 00:00:45,000 --> 00:00:49,000 This may be in different places depending on which Web host you are using. I 14 00:00:49,000 --> 00:00:54,000 am going to click on the File Manager icon, and I am going to go ahead and open 15 00:00:54,000 --> 00:00:58,000 this, and I am going to locate the place where my Web hosting is located. 16 00:00:58,000 --> 00:01:02,000 Mine is a little bit different here with BlueHost, because this is a 17 00:01:02,000 --> 00:01:06,000 multi-account configuration. Generally speaking, when you login to the control panel 18 00:01:06,000 --> 00:01:10,000 here, and you go to your file structure for your Web site, you will be looking 19 00:01:10,000 --> 00:01:15,000 for a folder called public html, or www, and usually that's where you're going to put your Web site. 20 00:01:15,000 --> 00:01:24,000 So I am going to scroll on down here, and find my folder. So here I am. 21 00:01:24,000 --> 00:01:28,000 This is where my Web site is going to live, right here, and as you see, I have a 22 00:01:28,000 --> 00:01:30,000 bunch of files that are located here by default. 23 00:01:30,000 --> 00:01:34,000 If you really wanted to, I suppose you can hang on to these, but they're not 24 00:01:34,000 --> 00:01:37,000 really doing anything right now. It's just showing that there's a placeholder 25 00:01:37,000 --> 00:01:38,000 for this Web hosting. 26 00:01:38,000 --> 00:01:41,000 So I am going to delete everything that's here. 27 00:01:41,000 --> 00:01:44,000 You can leave the cgi-bin folder, but delete everything else. Go ahead and hit 28 00:01:44,000 --> 00:01:47,000 the Delete key, and delete those files. 29 00:01:47,000 --> 00:01:49,000 Now I can go ahead and upload my zipped Joomla 30 00:01:49,000 --> 00:01:54,000 file, so I am going to click on my Upload button, and I am going to browse to my 31 00:01:54,000 --> 00:01:55,000 Desktop to find the Joomla 32 00:01:55,000 --> 00:02:00,000 zipped file, and say Open, and this is going to go ahead and start uploading for 33 00:02:00,000 --> 00:02:02,000 me, and that will take just a second. Great! 34 00:02:02,000 --> 00:02:04,000 So my zipped file is now uploaded. 35 00:02:04,000 --> 00:02:09,000 I can close this tab, and if I hit reload, I'll see my zipped file right here 36 00:02:09,000 --> 00:02:11,000 inside of my Web hosting. 37 00:02:11,000 --> 00:02:17,000 If I select that now, and say Extract, this will extract this file right into my 38 00:02:17,000 --> 00:02:18,000 Web hosting directory. 39 00:02:18,000 --> 00:02:22,000 So I am going to go ahead and say Extract files, and this is going to go 40 00:02:22,000 --> 00:02:24,000 ahead and do that for me. 41 00:02:24,000 --> 00:02:27,000 There you go. Now all my files are extracted; I can say Close. 42 00:02:27,000 --> 00:02:30,000 Remember to hit reload, and that will show you that we have Joomla's 43 00:02:30,000 --> 00:02:32,000 file structure here in place. 44 00:02:32,000 --> 00:02:36,000 So we have got our files. The next thing we need to make sure we have in 45 00:02:36,000 --> 00:02:40,000 place is our database, so I am going to leave the File Manager open; don't 46 00:02:40,000 --> 00:02:43,000 close it. Switch on back to your control panel tab, and find the database 47 00:02:43,000 --> 00:02:44,000 portion of your control panel. 48 00:02:44,000 --> 00:02:50,000 We are going to click on the MySQL Database Wizard icon, and we are going to walk 49 00:02:50,000 --> 00:02:52,000 on through the process of this particular Web site. 50 00:02:52,000 --> 00:02:58,000 So here, we are going to enter a name for this database, and then I am going to go 51 00:02:58,000 --> 00:03:02,000 to my next step. That will create an empty database for me. Then I am going 52 00:03:02,000 --> 00:03:04,000 to enter a database Username and Password. 53 00:03:04,000 --> 00:03:10,000 Remember, over on MAMP and WAMP, our database Username and Password were root, 54 00:03:10,000 --> 00:03:16,000 and -- nothing on WAMP, and root, and root on MAM. And that's not necessarily a good thing. 55 00:03:16,000 --> 00:03:17,000 That's very insecure. 56 00:03:17,000 --> 00:03:20,000 It doesn't matter when it's running on a computer that's in front of you, but of 57 00:03:20,000 --> 00:03:24,000 course, when these sites go online, it's very important to make sure you have a 58 00:03:24,000 --> 00:03:26,000 secure Username and Password. 59 00:03:26,000 --> 00:03:31,000 So I am going to go ahead and enter that here, and Generate Password. Then I am 60 00:03:31,000 --> 00:03:33,000 going to go ahead and say Create User. 61 00:03:33,000 --> 00:03:38,000 And so this is confirming that I have created a database, a database username, 62 00:03:38,000 --> 00:03:40,000 and a database password. 63 00:03:40,000 --> 00:03:45,000 My last step, I'm going to assign ALL PRIVILEGES to the database user. 64 00:03:45,000 --> 00:03:49,000 Check this off, and say Next Step, and it will tell me that, Hurray! 65 00:03:49,000 --> 00:03:54,000 You have added a database user to a database. 66 00:03:54,000 --> 00:03:55,000 So everything is good. 67 00:03:55,000 --> 00:04:01,000 Now what I need to do is go to phpMyAdmin, and import the information to the 68 00:04:01,000 --> 00:04:03,000 database that I just created. 69 00:04:03,000 --> 00:04:08,000 So I am going to go back to cPanel, and I am going to scroll down to the database 70 00:04:08,000 --> 00:04:11,000 section here in cPanel, and I am going to go to phpMyAdmin. 71 00:04:11,000 --> 00:04:15,000 Go ahead and click that, and this is going to ask me for a Username and Password. 72 00:04:15,000 --> 00:04:19,000 Some Web hosts do this, and some Web hosts don't. It depends on your Web 73 00:04:19,000 --> 00:04:22,000 host whether you will be asked for username and password or not. 74 00:04:22,000 --> 00:04:27,000 But either way, you will wind up on the screen in phpMyAdmin. Find your Joomla 75 00:04:27,000 --> 00:04:31,000 database over here in the left column, and click on it, and when you click on the 76 00:04:31,000 --> 00:04:35,000 name of that database, what you should see is absolutely nothing. 77 00:04:35,000 --> 00:04:38,000 It should tell you that there are no tables found in the database. 78 00:04:38,000 --> 00:04:43,000 So what we are going to do now is import that information to this database. 79 00:04:43,000 --> 00:04:47,000 Very, very simple. We'll click on the Import tab right here, and we are going to 80 00:04:47,000 --> 00:04:53,000 Browse on our computer for that Joomla.sql file, so find that, and say Open, and 81 00:04:53,000 --> 00:04:57,000 then we are going to go ahead, scroll down to the bottom, and say Go. That 82 00:04:57,000 --> 00:05:02,000 will import all of the database directly here into our new database, and you can 83 00:05:02,000 --> 00:05:06,000 see all of the tables are listed over there on the left column. Okay, great! 84 00:05:06,000 --> 00:05:10,000 So we have all of our files in place, we have our database, it's populated with 85 00:05:10,000 --> 00:05:12,000 information; we are good to go, right? 86 00:05:12,000 --> 00:05:14,000 Well, not quite yet. 87 00:05:14,000 --> 00:05:18,000 When we were in our WAMP and MAMP environment, we had a different database name, 88 00:05:18,000 --> 00:05:23,000 database username, and database password than we do now, and so we need to make 89 00:05:23,000 --> 00:05:26,000 sure that these two entities can talk to each other; Joomla's 90 00:05:26,000 --> 00:05:27,000 files, and Joomla's 91 00:05:27,000 --> 00:05:31,000 database, and that is done through the configuration.php file. 92 00:05:31,000 --> 00:05:33,000 So last thing we have to do is edit that. 93 00:05:33,000 --> 00:05:38,000 We will go ahead and close this tab for phpMyAdmin. Back here in the File 94 00:05:38,000 --> 00:05:42,000 Manager, I told you to keep it open, what we were going to do is we were going 95 00:05:42,000 --> 00:05:45,000 to scroll here, right here in the root of your Web site, right in the public 96 00:05:45,000 --> 00:05:48,000 html, or the www folder. 97 00:05:48,000 --> 00:05:53,000 If you scroll on down and find configuration.php, click on that, and then click 98 00:05:53,000 --> 00:05:55,000 on the Edit button, and say Edit. 99 00:05:55,000 --> 00:06:00,000 The configuration file is really just a long string of variables, and we are just 100 00:06:00,000 --> 00:06:04,000 going to edit some of these variables now; specifically we are going to edit the 101 00:06:04,000 --> 00:06:06,000 user, the password, and the database. 102 00:06:06,000 --> 00:06:08,000 They are right here; these three lines. 103 00:06:08,000 --> 00:06:12,000 MAMP people, you may have a password. WAMP people, you probably don't. 104 00:06:12,000 --> 00:06:17,000 So now we are going to go ahead and edit this, and change it to the information 105 00:06:17,000 --> 00:06:20,000 that you just created. And you did save that information, right? 106 00:06:20,000 --> 00:06:23,000 This is a great time to open up that password manager, and make sure that you 107 00:06:23,000 --> 00:06:28,000 have entered all of the information that you need to run this Web site. Someplace 108 00:06:28,000 --> 00:06:30,000 secure; I like Passpack. 109 00:06:30,000 --> 00:06:35,000 All right, so I am going to Edit this now, and when you're done editing, go ahead 110 00:06:35,000 --> 00:06:38,000 and say Save Changes, and then Close. 111 00:06:38,000 --> 00:06:43,000 Now, if all has gone well, if you've entered the correct database username, 112 00:06:43,000 --> 00:06:47,000 database password, and database name, which sometimes is harder than you might think, 113 00:06:47,000 --> 00:06:52,000 when I open up a new tab here, and I go to the URL for my Web site, which in this 114 00:06:52,000 --> 00:06:58,000 case is joomla.kineteco.inc.com, my Web site should come right up for me, and I 115 00:06:58,000 --> 00:07:02,000 should be able to navigate right on through this Web site. 116 00:07:02,000 --> 00:07:06,000 Everything is all good and available here. Hurray! 117 00:07:06,000 --> 00:07:11,000 There is one change I need to make after the fact, and that is down here on my 118 00:07:11,000 --> 00:07:18,000 Login. If I click on this, I am going to log in to the Web site; I am going to 119 00:07:18,000 --> 00:07:26,000 log in as joe, with my Password of 123456, and I am going to hit the Login button, 120 00:07:26,000 --> 00:07:29,000 and notice what has just happened here. 121 00:07:29,000 --> 00:07:32,000 Do you see the URL at the top of the screen? 122 00:07:32,000 --> 00:07:39,000 I just went from my external Web site at joomla.kineteco.inc.com, and I have been 123 00:07:39,000 --> 00:07:41,000 redirected to localhost. 124 00:07:41,000 --> 00:07:42,000 What just happened? 125 00:07:42,000 --> 00:07:48,000 Well, what happened was when we put together the Login configuration in ACL, 126 00:07:48,000 --> 00:07:52,000 we specified an absolute path back to localhost. 127 00:07:52,000 --> 00:07:55,000 We need to make sure that we fix that right now. 128 00:07:55,000 --> 00:07:57,000 We can see the Web site here, 129 00:07:57,000 --> 00:08:00,000 right here on our screen, but nobody else will be able to. 130 00:08:00,000 --> 00:08:03,000 They will get a 404 error when they try to log in. 131 00:08:03,000 --> 00:08:08,000 So to do this, I am going to hit my Back button, and make sure I am back at 132 00:08:08,000 --> 00:08:09,000 joomla.kineteco.inc.com. 133 00:08:09,000 --> 00:08:13,000 I am going to open up another tab, and I am going to go to, once again, 134 00:08:13,000 --> 00:08:17,000 joomla.kineteco.inc.com/administrator, and I am going to log in with my revised 135 00:08:17,000 --> 00:08:24,000 User Name, and Password, and now I am going to go to Menus > Footer Menu, I am going 136 00:08:24,000 --> 00:08:29,000 to go to my Login, and I am going to change the URL here under Advanced Options 137 00:08:29,000 --> 00:08:31,000 for my Login Redirect 138 00:08:31,000 --> 00:08:38,000 from localhost to joomla.kinetieco.inc.com, and I am going to say Save & Close. 139 00:08:38,000 --> 00:08:44,000 So now when I go to my Home page here, and now when I scroll down to click on 140 00:08:44,000 --> 00:08:50,000 Login, and I log in to the Web site -- it looks like I am actually logged in here, so 141 00:08:50,000 --> 00:08:56,000 let me log out real quick. And I log into the Web site with joe, and my Password 142 00:08:56,000 --> 00:08:59,000 123456, and I hit Login, 143 00:08:59,000 --> 00:09:04,000 now I am in fact redirected to the distributor's page. It is the correct the URL, 144 00:09:04,000 --> 00:09:09,000 and I have my For Distributors page, and I have my Edit your profile link. 145 00:09:09,000 --> 00:09:13,000 I am going to leave joe here as a log in, so if you want to come to 146 00:09:13,000 --> 00:09:18,000 joomla.kineteco.inc.com, you can log in as joe, 123456, and you can see 147 00:09:18,000 --> 00:09:19,000 Joe's account here. 148 00:09:19,000 --> 00:09:24,000 But I am going to turn off the Edit your profile link, so that you can't change 149 00:09:24,000 --> 00:09:28,000 Joe's information, and Joe's Password, which you would be able to do if you 150 00:09:28,000 --> 00:09:29,000 logged into this Web site. 151 00:09:29,000 --> 00:09:33,000 So congratulations! You have just launched your first Joomla web site. 152 00:09:33,000 --> 00:09:36,000 I hope you feel as good as I do.