Initialize
the site using a web browser
Customizing
the Hyperion site -> Kell Robotics.
Adding
a custom module to display video
Customizing
the FEATURED STORY module
Customizing
the OUR PARTNERS module
Customizing
the MAIN MENU module
Managing
content to the “Information in Depth” area
Upgrading
joomla, fixing security
Login into ‘bluehost.com’
Create database
Create User
Assign user to database
Grant ALL privileges to user
Record access information
Connect to site using SSH
Navigate to the www or public_html folder
You can ‘look around’ and navigate with the basic linux commands,
ls list contents of folder
ls –l ditto but in long detail format
cd change directory
pwd print working directory
Unzip the Joomla Hyperion quickstart installation. This package has joomla, the template, and a full sample data set for the demonstration website.
ls -l
you will now see a bunch of stuff including tgz and zip archives
unzip Joomla_RT_Hyperion_j15
ls -l
you will now see the folder created by unzipping the archive above
Move Joomla to kr34
Do the linux ‘move’ command
mv Joomla_RT_Hyperion_j15 kr34
ls -l
the Joomla_RT_Hyperion_j15 has
been renamed kr34
move and rename commands are essentially identical
Navigate to www.edbarker.net/kr34
Run initial setup, answer question, install sample data
Database type : mysql
Host name: localhost
Username: edbarker_kr34
Password: 1311
Database
name: edbarker_kr34
Sitename: Kell Robotics
Your Email: localhost
Admin password: 1311
Confirm
admin password: 1311
Install
Default Sample Data ç
Connect to site using SSH if not still connected
Navigate to the www or public_html folder
Continue navigation to kr34
Remove the installation folder
Do the linux ‘remove’ command
rm –rf
./installation
Click ‘view site’ at the step above or navigate to www.edbarker.net/kr34
The site is now setup and is identical to the Hyperion demo site at RocketTheme
Open another browser or browser tab and navigate to www.edbarker.net/kr32/administrator
Username: admin
Password: 1311
Things to know, managing content:
Sections contain categories
Categories contain articles
Sections are maintained by the section manager
Categories are maintained by the category manager
Articles are maintained by the article manager
To further confuse things, some content are in containers called modules
Module characteristics and content is maintained
by using the module manager
menus are maintained by
the menu manager
Things to know, managing look and feel:
Joomla template is a set of files that have php scripts, html, and css style sheets. These files give the site its look and feel.
The template defines a series of location boxes.
Using the module manager you can easily move and place module location.
Using the template manager you can easily change the ‘style’ of a ‘theme’ or access the html and css style sheets to tweak the look of the site.
Log into the administrator screen at www.edbarker.net/kr32/administrator
On
the extensions menu go to module manager
At the bottom of the screen click ‘display all’
Disable these modules: advert1 var, advert2 var, breadcrumbs, header1 var, header2 var, recent videos,
Disable
the right position main_menu
and enable the left position main_menu
At the top bar of module manager click NEW to create a new module.
Click custom_html for the module type.
In the ‘Details’ box the
module name is “Recent Videos”
position is “header”
In the “Menu assignment” box click ‘select from’ and mainmenu/top only.
In the “custom html” dialog click html
A popup will appear: place the following html text into the box and update/save it.
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
width="640"
height="413"><param
name="width" value="640" /><param
name="height" value="413" />
<param
name="bgcolor" value="#111111"
/>
<param
name="src" value="http://www.youtube.com/cp/vjVQa1PpcFN-GJKVcvfDJ_5TLB044xNDOttiYiw0lFU="
/>
<embed
type="application/x-shockwave-flash" width="640"
height="413" bgcolor="#111111"
src="http://www.youtube.com/cp/vjVQa1PpcFN-GJKVcvfDJ_5TLB044xNDOttiYiw0lFU="></embed></object>
Save the module.
Order the advert1 modules so the Recent Videos preceeds News Updates
View the website. It should have a video player and the main_menu should have moved from the right to the left side.
This module at the top is located in advert1 and is a special module that has an image rotator and some text.
The css for what we need to do is in a file called demo.css and is located at the root of the website folder. This stylesheet is configured for a different set of demo images for each of the template styles.
We will replace demo.css with a much simplified version that grabs images from a folder called images/rotator. It will grab the same image no matter what style is set. Update the rokrotator content by:
·
Using Filezilla copy
the new demo.css to the remote website and
overwrite the existing demo.css
·
Using media manager
create a folder called my_site
·
Using media manager
copy files from your local website graphics folder to the remote my_site folder, 469px by
170px
·
Using article
manager disable all articles in section news,
category rotator
·
Using article
manager create 5 new articles in section news,
category rotator
o
Who We Are
o
What We Do
o
Why it Matters
o
Our Goals and Progress
o
Our Stakeholders
·
Use
the following html code as a template, place this in the html content portion
of each article, modifying as necessary
<div class="slide1">
<div
class="rotator-demo-text">
<span
class="rotator-demo-header">What We Do</span>
<span class="rotator-demo-desc">Lorem ipsum dolor sit amet, ipsum dolor consectetuer adipiscing elit...</span>
</div>
</div>
View the website. It should have a new content in the rotator.
This content in located in a module, not an article
·
Using the module
manager open the featured story module
·
Edit the content as you like
·
Using media manager
copy files from your local website graphics folder to the remote my_site folder
View the website. It should have new content.
This content in located in a module, not an article
·
Using the module
manager open the our partners module
·
Edit the content as you like
·
Use
the following html code as a template, place this in the html content portion
of each article, modifying as necessary
<div>
<a href="http://www.ge.com">
<img src="images/my_site/sh1.jpg" border="10"
align="center" /></a>
</div>
<div>
<a href="http:// www. swbg-conservationfund.org">
<img src="images/my_site/sh2.jpg" border="10"
align="center" /></a>
</div>
Etc …………………….
·
Using media manager
copy files from your local website graphics folder to the remote my_site folder
View the website. It should have new content.
Most joomla templates the ‘frontpage’ is on the front page but with them template it will be located off the menu. A little confusing !!
·
Using the menu manager
open the main menu
·
At the bottom of the screen select view all
·
The
home menu item is disabled.
·
Click
on the home menu item and rename it to “Information In Depth”
·
Enable
the Information In Depth menu item
·
Click
the green up arrow on the item to move it up the ordering list until is sits
directly under the home menu item
·
Disable unused
menu items for now
Additional Setup
·
Using the menu manager
open the main menu
·
At the right set basic parameters to
1,0,0,0
·
At the right set advanced parameters, category
order to “ORDER”
View the website. It should have a new menu.
Using article manager you can add article that will appear in this area.
Connect to site using SSH
Take the old site offine by
mv kellrobotics
kellrobotics.old
mv kr34 kellrobotics
edit the configuration.php file to correct the base url
If you are logged into the administrator screen then please logout.
At bluehost go to the control panel and go to ‘simple scripts’.
IMPORT the site www.edbarker.net/kellrobotics
This will setup things so that simplescripts can keep the site upgrade with security patches and other feature and make upgrade management easier.
General Electric http://www.ge.com/
NASA http://robotics.nasa.gov/
Cobb EMC http://www.cobbemc.com/
SeaWorld Busch Gardens or SeaWorld http://www.seaworld.org/conservation-matters/eea/
Nypro http://www.nypro.com/
Georgia Power http://www.georgiapower.com/
WIT http://www.mywit.org/
LRIG http://lab-robotics.org/southeast/
ITT Tech http://itt-tech.edu/
Marine Biz TV http://www.marinebiztv.com/
AIAA http://www.marinebiztv.com/
Georgia Tech Research Institute http://www.oshainfo.gatech.edu/
Piedmont Park Conservancy http://www.piedmontpark.org/
Georgia Aquarium http://www.georgiaaquarium.org
ASME Atlanta http://sections.asme.org/atlanta/
GEICC http://www.geicc.org/
Johnny’s Pizza http://www.johnnyspizza.com/location-template.php?location=kennesaw/
HI Solutions http://hisolutions.net/
Modern Metals none
Georgia Department of Education http://www.doe.k12.ga.us/
Arylessence http://www.arylessence.com/
Cobb County Schools www.cobbk12.org/
CobbEdTV http://www.cobbk12.org/cobbedtv/