Thursday, November 19, 2009

XHTML/CSS Page Foundation - Resources

1. Most of the foundation of the XHTML/CSS page arouse from a reading of the following book:

Sauers, Michael P. XHTML and CSS Essentials for Library Web Design. Neal-Schuman Publishers, 2005.

2. The pseudo-Latin filler text was generated from the following website:

http://www.lipsum.com/


3. To get the XHTML/CSS code to display properly in the blog post, I had to find and replace the <> characters.

** This replacing was only for display purposes. Prior to temporarily changing the code for display purposes, both the XHTML and CSS for the code were validated by:

W3C CSS Validation Service located here: http://jigsaw.w3.org/css-validator/

W3C Markup Validation Service located here: http://validator.w3.org/

XHTML/CSS Page Foundation

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- begin XML namespaces -->
<!-- XML namespaces uniquely identify the XML language used in this document -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!-- end XML namespaces -->

<!-- begin header information -->
<head>

<!-- name of title to appear in the top of the web browser -->
<title></title>

<!-- ...........................begin CSS stylesheet............................ -->

<style type="text/css">

/* style attribute for the body element */
body {
margin-left: 10%; margin-right: 10%;
color: black; background: white;
text-align: center;
margin: 0px auto;
}

/* style attributes for paragraph element */
p {
margin-top: 0;
margin-bottom: 0;
font-size: 1em;
font-family: monospace;
}

/* style attributes for title_box at the top of the web page */
div.title_box {
border: 1px solid #CCC;
width: 800px;
height: 100%;
margin: 10px 10px 10px 10px;
}

div.title_box p {
margin-top: 0;
margin-bottom: 0;
font-size: 1em;
}

/* style attributes for nav.bar under the title_box */
div.nav_bar {
width: 800px;
padding: 0;
margin: 10px 10px 10px 10px;
}

div.nav_bar ul {
padding: .3em .1em;
margin: 0;
text-align: center;
font-size: 1em;
font-family: monospace;
}

div.nav_bar li {
display: inline;
list-style-type: none;
border: 1px solid #CCC;
margin: 10px 10px 10px 10px;
}

div.nav_bar a {
text-decoration: none;
}

div.nav_bar a:link {
color: black;
}

div.nav_bar a:visited {
color: black;
}

div.nav_bar a:hover {
color: black;
}

/* style attributes for the main compartment on the web page */
div.main {
text-align: center;
height: 100%;
width: 800px;
border: 1px solid #CCC;
margin: 10px 10px 10px 10px;
}

/* style attributes for the footer at the bottom of the web page */
div.footer {
width: 800px;
height: 100%;
border: 1px solid #CCC;
margin: 10px 10px 10px 10px;
}

</style>
<!-- ...................end CSS stylesheet......................... -->

</head>
<!-- end header information -->

<!-- ...................begin document body........................ -->
<body>

<!-- title_box content -->
<div class="title_box">
<p align="center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in eros quis elit mollis tempus vitae a odio. Integer sed tellus massa, nec viverra odio. Nam tempor varius tellus in bibendum. Donec leo mi, vehicula vel bibendum at, dapibus eu lacus.</p>
</div>

<!-- nav_bar content -->
<div class="nav_bar">
<ul>
<li><a href="">Home</a></li>
<li>Something</li>
<li>Something</li>
<li>Something</li>
<li>Something</li>
<li>Something</li>
</ul>
</div>

<!-- main compartment content -->
<div class="main">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in eros quis elit mollis tempus vitae a odio. Integer sed tellus massa, nec viverra odio. Nam tempor varius tellus in bibendum. Donec leo mi, vehicula vel bibendum at, dapibus eu lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dapibus nunc sed eros elementum ut accumsan elit iaculis. Suspendisse elit libero, adipiscing vitae semper vel, fringilla ac dolor. Pellentesque ut enim purus. Quisque varius dui in ligula adipiscing sit amet eleifend tortor posuere. Vestibulum hendrerit gravida neque, sit amet lobortis nulla elementum vel. Vestibulum eget justo a mauris bibendum dictum. Phasellus lobortis gravida erat, sed posuere nunc auctor eu. Ut non nisl nec justo ornare ullamcorper. Ut at lorem libero. Nunc sollicitudin feugiat mauris a dictum. Ut hendrerit nisl sit amet ipsum malesuada facilisis aliquet erat porttitor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; </p>
</div>

<!-- footer content -->
<div class="footer">
<p align="center">Derek C. Zoladz 2009</p>
</div>

</body>
</html>

Sunday, August 23, 2009

Books - Aesthetics - Photography

Hofer, Candida. Libraries. Schirmer, 2006.

Books - Technical - Opening Literature

Westman, Stephen R. Creating Database-Backed Library Web Pages. Chicago: American Library Association, 2006.

Rhyno, Art. Using Open Source Systems for Digital Libraries. Westport, Libraries Unlimited, 2004.

Kabir, Mohammed J. Apache Server 2 Bible. Wiley, 2002.

Welling, Luke and Laura Thomson. PHP and MySQL Web Development. Addison-Wesley Professional, 2008.

Sauers, Michael P. XHTML and CSS Essentials for Library Web Design. Neal-Schuman Publishers, 2005.

Monday, August 10, 2009

CmapTools - Mind-mapping Software

CmapTools is a software application provided by the Institute for Human and Machine Cognition. Here is a link to CmapTools: http://cmap.ihmc.us/conceptmap.htm.

Installing CmapTools does require Sun Microsystems Java, which is not open source (but it is free to distribute). This does stray a bit from my original plan of using all open source software. However, this software will not be utilized in any functional manner, only in a descriptive manner, i.e. making visual mappings of thought for planning purposes. I chose CmapTools over some other open source mindmapping projects because of the ability to verbally describe the relationship between elements of each map.

Downloading the software is easy enough, but configuring it to work on Ubuntu is a bit tricky. First, the permissions of the downloaded .bin file will need to be changed.

(1) Open terminal and type:

chmod 755 LinuxCmapTools_v5.03_04-07-09.bin

LinuxCmapTools_v5.03_04-07-09.bin being the version of the file I downloaded.

(2) Then, execute the command from terminal:

./LinuxCmapTools_v5.03_04-07-09.bin

(3) CmapTools conflicts with Compiz/Beryl. Visual desktop effects will have to be disabled by doing the following:

System -> Preferences -> Appearance -> Click on the 'Visual Effects' tab -> select none

Valuable Basic Terminal Command

While I have been getting acquainted with Ubuntu, I have found a few basic terminal commands that I have used repeatedly. They are as follows:

(1) man

One of the first commands at the terminal that I would execute would be: man man. Executing this command will bring up the manual page for the man command. I would get comfortable with this command as it describes the usage and available options to each terminal command. To exit the manual page, press 'q' (for quit).

(2) sudo

The command allows the execution of commands as a superuser. I use this all the time to edit files, move files, create folders, etc. when certain permissions are required. This is definitely one of the important 'first commands' to understand.

(3) mv

This command enables the moving of files from on directory to another. The format for using this command can be found by executing man mv from the terminal.

(4) mkdir

This command creates folders, or directories.

(5) chmod

This command is used to change file permissions, such as read-only, execute, read-write, etc. I have used the chmod 755 command - this changes the target file's permissions to allow everyone to read and execute the file.

(6) apt-get

This is the command line tools for handling packages.

(7) whereis

This command is useful for finding the location of a file within the directory structure - very helpful in navigating the directory system.

(8) dir

Lists a directory's contents.

Link for addition Bash commands: http://ss64.com/bash/

Tuesday, July 21, 2009

Installing LAMP Server in Ubuntu 9.04

Install phpMyAdmin - MySQL Administration Aid. phpMyAdmin Website = http://www.phpmyadmin.net/home_page/index.php, more information regarding the installation of phpMyAdmin can be found here: https://help.ubuntu.com/9.04/serverguide/C/phpmyadmin.html

1. Open Terminal, then execute the following command:

sudo apt-get install phpmyadmin

2. After the installation completes, move the phpmyadmin folder into /var/www/ directory with the following command:

sudo ln -s /usr/share/phpmyadmin /var/www/phpmyadmin

3. Restart Apache2 web server with the following command:

sudo /etc/init.d/apache2 restart

4. Direct your web browser to the following address:

http://localhost/phpmyadmin/index.php
Install MySQL - Database. MySQL Website = http://www.mysql.com/, additional information on installing MySQL can be found here: https://help.ubuntu.com/9.04/serverguide/C/mysql.html

1. Open Terminal, then type the following command:

sudo apt-get install-mysql-server libapache2-mod-auth-mysql php5-mysql

** This command installs the MySQL server, MySQL Apache2 module, and the php5-mysql package that enables the use of MySQL with PHP 5
Installing PHP5 - Scripting Language, PHP Website = http://www.php.net/, Additional information about installing PHP5 in Ubuntu 9.04 = https://help.ubuntu.com/9.04/serverguide/C/php5.html

1. Open Terminal, then type the following command:

sudo apt-get install php5 libapache2-mod-php5

--> This command installs PHP5 and the Apache2 PHP5 module.

2. Next, restart Apache2 web server with the following command:

sudo /etc/init.d/apache2 restart

**Make a test PHP file to make sure PHP5 is working properly**

1. At the terminal, open Gedit to create the test file firstphp.php with the following command:

sudo gedit /var/www/firstphp.php

2. Type the following PHP code in the document and save:

<? phpInfo(); ?>

3. Next, direct your browser to the following address:

http://localhost/firstphp.php

**If you see information about the PHP installation, it has been installed successfully**

Tuesday, July 14, 2009

Installing Apache2 - HTTP Server http://www.apache.org/
==> https://help.ubuntu.com/9.04/serverguide/C/httpd.html; contains additional information on configuration

1. Open a terminal - Applications > Accessories > Terminal
2. Type the command

sudo apt-get install apache2

-----------------------------------------------------------------------------------------
I received the following error message in terminal:

Setting up apache2-mpm-worker (2.2.11-2ubuntu2.2) ...
* Starting web server apache2
apache2: Could not reliably determine the server's fully qualified domain name, using 127.0.1.1 for ServerName

This site has troubleshooting information that I will repeat here.

1. In Terminal, type the following command:

gksu gedit /etc/apache2/conf.d/fqdn

2. When gedit opens, add "ServerName localhost" to the file and save.
3. Restart Apache2 with the following command:

sudo /etc/init.d/apache2 restart
----------------------------------------------------------------------------------------

Wednesday, July 8, 2009

Useful Applications - Graphics Authoring

Inkscape - Vector Graphics Editor
http://www.inkscape.org/

Scribus - Desktop Publishing
http://www.scribus.net/

Both applications can be installed directly through Synaptic Package Manager.

Tuesday, July 7, 2009

Useful Applications - Web Design

I will be installing a few applications related to web development via Synaptic Package Manager. Synaptic package manager was available immediately after installing Ubuntu 9.04. To locate Synaptic from the desktop, follow this procedure:

1. System > Administration > Synaptic Package Manager

To install packages via Synaptic, type the name of the software package into the "quick search" box. The table will populate during typing. Next, find the title of the software in the table, left-click in the box next to the name and "mark for installation". Here are the two packages I am going to install:

Screem - HTML/XML Editor
http://www.screem.org/

KompoZer - WYSIWYG Web Authoring
http://kompozer.net/

Useful Applications - Present After Ubuntu 9.04 Install

Open Office 3.0.1
http://www.openoffice.org/

This will be the office productivity suite that I will use - similar functionality to Microsoft Office.

GIMP 2.6 - GNU Image Manipulator
http://www.gimp.org/

This application reminds me of Adobe Photoshop.

Sunday, July 5, 2009

Ubuntu 9.04 - Successful Boot

The first time that I booted into Ubuntu 9.04, I updated all of the packages that were just installed by following the procedure below:

1. Left-click "Applications" > "Accessories" > left-click "Terminal": This will open a new terminal window.
2. At the terminal prompt, type the following and then press enter: sudo apt-get update

After all of the packages were updated on my machine, I was surprised that all of my hardware seems to be functioning properly - even my wireless card! Below is a list of the hardware in my computer, this information can be discovered my typing the following command at the terminal prompt: lspci

00:00.0 Host bridge: Intel Corporation Mobile PM965/GM965/GL960 Memory Controller Hub (rev 03)
00:02.0 VGA compatible controller: Intel Corporation Mobile GM965/GL960 Integrated Graphics Controller (rev 03)
00:02.1 Display controller: Intel Corporation Mobile GM965/GL960 Integrated Graphics Controller (rev 03)
00:1a.0 USB Controller: Intel Corporation 82801H (ICH8 Family) USB UHCI Controller #4 (rev 03)
00:1a.1 USB Controller: Intel Corporation 82801H (ICH8 Family) USB UHCI Controller #5 (rev 03)
00:1a.7 USB Controller: Intel Corporation 82801H (ICH8 Family) USB2 EHCI Controller #2 (rev 03)
00:1b.0 Audio device: Intel Corporation 82801H (ICH8 Family) HD Audio Controller (rev 03)
00:1c.0 PCI bridge: Intel Corporation 82801H (ICH8 Family) PCI Express Port 1 (rev 03)
00:1c.1 PCI bridge: Intel Corporation 82801H (ICH8 Family) PCI Express Port 2 (rev 03)
00:1c.2 PCI bridge: Intel Corporation 82801H (ICH8 Family) PCI Express Port 3 (rev 03)
00:1d.0 USB Controller: Intel Corporation 82801H (ICH8 Family) USB UHCI Controller #1 (rev 03)
00:1d.1 USB Controller: Intel Corporation 82801H (ICH8 Family) USB UHCI Controller #2 (rev 03)
00:1d.2 USB Controller: Intel Corporation 82801H (ICH8 Family) USB UHCI Controller #3 (rev 03)
00:1d.7 USB Controller: Intel Corporation 82801H (ICH8 Family) USB2 EHCI Controller #1 (rev 03)
00:1e.0 PCI bridge: Intel Corporation 82801 Mobile PCI Bridge (rev f3)
00:1f.0 ISA bridge: Intel Corporation 82801HEM (ICH8M) LPC Interface Controller (rev 03)
00:1f.1 IDE interface: Intel Corporation 82801HBM/HEM (ICH8M/ICH8M-E) IDE Controller (rev 03)
00:1f.2 IDE interface: Intel Corporation 82801HBM/HEM (ICH8M/ICH8M-E) SATA IDE Controller (rev 03)
00:1f.3 SMBus: Intel Corporation 82801H (ICH8 Family) SMBus Controller (rev 03)
02:00.0 Ethernet controller: Broadcom Corporation NetLink BCM5787M Gigabit Ethernet PCI Express (rev 02)
04:00.0 Ethernet controller: Atheros Communications Inc. AR242x 802.11abg Wireless PCI Express Adapter (rev 01)
0f:06.0 CardBus bridge: Texas Instruments PCIxx12 Cardbus Controller
0f:06.1 FireWire (IEEE 1394): Texas Instruments PCIxx12 OHCI Compliant IEEE 1394 Host Controller
0f:06.2 Mass storage controller: Texas Instruments 5-in-1 Multimedia Card Reader (SD/MMC/MS/MS PRO/xD)
0f:06.3 SD Host controller: Texas Instruments PCIxx12 SDA Standard Compliant SD Host Controller

Knowing the hardware that the computer has will help in discovering solutions to problems that my occur. I can use this information to do a google search for solutions, if a problem does arise in the future.

Friday, July 3, 2009

Install Ubuntu 9.04

Here is a link to the Ubuntu 9.04 installation guide: https://help.ubuntu.com/9.04/installation-guide/i386/index.html

1. Place the CD containing the Ubuntu 9.04 .iso file in the cd drive and restart the computer.
2. Interrupt booting by pressing F2 to enter the BIOS menus and rearrange the boot order so that the computer boots from the CD drive.
3. Save the changes and reboot the computer.
4. Follow the interactive installation instructions that are loaded from the CD.

** The most important selection to make during the installation process is the"use the largest continuous free space" option. This option will install Ubuntu 9.04 in the space made available when the 3rd Windows partition was deleted.

Acer Extensa 5620z - Deleting the Third Windows Partition

The Acer Extensa that I am going to use comes from the factory with three partitions on the hard drive: 9.77GB Vista recovery partition; 111.57GB NTFS C: (ACER); and 111.57GB D: (data). Since I currently do not have anything stored in the 111.57GB D: (data) partition, I am going to delete it and use it for the Ubuntu 9.04 installation.

Here are the procedures that I followed:
1. Left-click "Start button" > right-click "Computer" > left-click "manage": This step will open the Computer Management window.
2. In the left pane of the Computer Management Window, left-click "storage" > left-click "disk management": This step will open a visual representation of the partition on the computer hard drive.
3. Right-click on the 111.57GB D: partition, this will open a new menu. In the new menu, right-click on "delete" partition: This will produce unallocated or free space on the hard drive.
4. Close the Computer Management window.

Download Ubuntu 9.04

I am going to download Ubuntu 9.04 Desktop from here: http://www.ubuntu.com/getubuntu/download . Since I am going to install Ubuntu on my Acer Extensa 5620z laptop, I will need to download the 32bit version.

After the download is finished, I will need to burn the .iso to a cd. This will create a bootable cd enabling me to install Ubuntu.

The operating system that came preinstalled on my Acer laptop is Windows Vista. Windows Vista does not come with the ability to burn an image file (.iso) to cd. Instructions on burning the .iso to cd in Windows Vista can be found here: https://help.ubuntu.com/community/BurningIsoHowto



Thursday, July 2, 2009

Open Source Tools = New Challenges = Yay!

My plan is to use as many open source tools as possible to complete this project, so I am planning to dual boot my computer and install a Linux distribution. This will be my first dual boot from one hard drive (as I have used BIOS to select between operating systems from two hard drives before). I will document my dual booting progress in a later posting.

I am fairly certain that I will install Ubuntu 9.04 as my Linux distribution. I have done some Internet reading about Linux distros and Ubuntu seems to be an accessible distribution for beginners. Fedora and Debian (Ubuntu is based on Debian) were also thought about. While Debian seemed to provide a solid user base and high security, it mostly appealed to advanced users, which I took to mean step learning curve. On the other side of the coin, Fedora 11 looked visually appealing: sleek and sophisticated with a cool color palate. I have used an older version of fedora on an HP a few years ago without any prblems. However, a friend of mine suggested that I stick with Ubuntu because he had a few problems while updating his system that 'broke' packages. I will probably try Fedora again at a later date, but for now, when I get things to work, I want them to continue to work.

Wednesday, July 1, 2009

Initial Posting

I hope to use the this blog as a notebook to describe my experiences, impressions, findings, and other curiosities that I stumble across, research, develop, and implement as I work to create a digital microlibrary of the subterranean soundworld of Columbus, Ohio.

As I am beginning a program in Library and Information Science in Fall 2009, I want to establish this project as a way to integrate new learning into an ongoing project that is broad enough in scope to quickly utilize new skills while remaining specific enough to establish relevancy amongst alternative sources of information.

[extremely brief declaration of intent]