♥ Bianca ♥

yih! yih! yih!

OJT 2 ay sa IRRI nman :D sa CRIL department..

wew.. konting panahon pa at. mamarcha na! wahahaha. take control Lord.

lamig dito sa office.

pero aus lng. may ksama nmn ('-^ )~o

********
DATE: 09 June 2010
LOG IN: 08:50am
LOG OUT: 05:00pm

TOTAL: 8hrs, 10mins

LAST DAY OF OJT. ♥^_______^♥

********
DATE: 09 June 2010
LOG IN: 08:23am
LOG OUT: 05:00pm

TOTAL: 8hrs, 37mins

1. Updated the documentation for OJT.

2. Made some modifications with the CSS file of the EstateLite Plone theme through the Zope Mangement Interface.

********
DATE: 09 June 2010
LOG IN: 09:00am
LOG OUT: 05:00pm

TOTAL: 8hrs

1. Updated the documentation for OJT.

2. Made further modifications with the CSS file of the EstateLite Plone theme.

3. Managed the links portlet of the Plone site.

********
DATE: 08 June 2010
LOG IN: 08:35am
LOG OUT: 05:00pm

TOTAL: 8hrs, 25mins

1. To insert a link in a Plone page, log in first as an administrator,
• To insert an internal link, go to addnew > page.
• Insert text for the body > highlight the text link > click on the Insert Internal Link button beside the Insert Image button.
• Browse for the page in the site > click OK.

• To insert an external link, highlight the text > click the insert External link button beside the internal link.
• Provide the URL for the link > Preview and click OK.

2. Edited the estatelite.css in the Zope Management Interface with the aid of Firebug Firefox add-on.

3. Worked with the EstateLite template to adapt the layout of the template passed by the other trainee.

4. Image editing via Photoshop for the images of the EstateLitePlone theme.

********
DATE: 07 June 2010
LOG IN: 07:40am
LOG OUT: 05:30pm

TOTAL: 9hrs, 50mins

1. Updated the On the Job Training documentation.

2. Made a location map and office map for the OJT documentation.

********
DATE: 04 June 2010
LOG IN: 08:15am
LOG OUT: 12:00nn

LOG IN: 12:30pm
LOG OUT: 05:00pm

TOTAL: 8hrs, 15mins

1. Made more modifications with the User Manual.

2. Updated the OJT documentation.

********
DATE: 03 June 2010
LOG IN: 07:45am
LOG OUT: 12:00nn

LOG IN: 12:30pm
LOG OUT: 05:00pm

TOTAL: 8hrs, 45mins

1. Finalized the User Manual for Artisteer.

2. Started creating a User Manual about Customizing Drupal Themes (using acquia_marina). Able to finish the manual.

3. Started creating a User Manual about Customizing Plone Themes (using Estate Lite). Able to finish the manual.

4. Edited again the CSS file of acquia_marina for the properties of the pager.

http://www.youtube.com/watch?v=nvsGviwj6fA

********
DATE: 02 June 2010
LOG IN: 08:00am
LOG OUT: 11:00am

LOG IN: 11:50am
LOG OUT: 05:00pm

TOTAL: 8hrs, 10mins

1. Downloaded and installed the Classic Plone theme.
• To install, copy the theme folder in the products subirectory of Plone.
• Restart the instance.
• On your Plone site, go to Site Setup > Add-on Products > choose the Classic Plone Themes > click Install.
• Click on the Themes link > choose a classic plone theme as the default Plone theme > save.

Themes downloaded through this process:
• qPloneThemantic.
• Pyboom Plone theme

2. Downloaded and installed another theme, the Clean Theme.

• Edit the buildout.cfg, under the eggs and zcml part, add the theme’s codename.
• Run buildout, then restart instance.
• On your Plone site, go to Sitesetup > Add-on Products > select the Plone Theme > Install.

Codenames of the downloaded themes
• plonetheme.cleantheme
• alterootheme.busycity
• alterootheme.intensesimplicity
• plonetheme.nautica05
• plonetheme.twinapex

3. Made some modifications with the CSS file of the Estate Lite Plone Theme in the Zope Management Interface to autofit the content.

세진' who's this

http://www.elfwood.com/farp/colorps/pcolorps.html

color a drawing Photoshop

********
DATE: 01 June 2010
LOG IN: 08:00am
LOG OUT: 12:00nn

LOG IN: 12:30pm
LOG OUT: 05:00pm

TOTAL: 8hrs, 30mins

1. Made further modifications with the CSS files of Estate Lite Plone theme via Zope Management Interface.

2. Uploaded more images in the Estate Lite images subdirectory.

3. Made some modifications with the main template file of Estate Lite to control the divisions of the page.

********
DATE: 31 May 2010
LOG IN: 08:15am
LOG OUT: 12:15nn

LOG IN: 12:30pm
LOG OUT: 05:00pm

TOTAL: 8hrs, 30mins

1. To upload new images on the theme folder, just copy the images on the images subdirectoty. In the Estate Lite Theme’s case, it should be copied in this subdirectory:

C:\Program Files\Plone\buildout-cache\eggs\quintagroup.theme.estatelite-1.1.1-py2.4.egg\quintagroup\theme\estatelite\skins\estatelite_images

2. Learned that you must first need to check if the site is running in the Debug mode. To do this go to Site Setup > Zope Management Interface > portal css > check the Debug mode check box > click Save.

3. Image editing via Adobe Photoshop for the added images of the Estate Lite Plone Theme.

4. Modified the CSS file of Estate Lite Theme through the Zope Management Interface with the help of Firebug Add-on to include the customized images, code for that is:

background:url(&dtml-portal_url;/headermenu.jpg);

5. Further modifications of the page.tpl.php and style.css files of acquia_marina theme for Drupal.

********
DATE: 28 May 2010
LOG IN: 01:30pm
LOG OUT: 05:00pm

TOTAL: 3hrs, 30mins

1. More modifications on the CSS file of the Estate Lite Plone theme via ZMI and with the aid of Firebug Add-on.
Code for the curved border:

-moz-border-radius: 10px 30px;
border-radius: 10px 30px / 15px 25px;

2. Learned that it is not advisable to always restart instance [read from a documentation from plone.org].

3. Searched for images that will suit the Plone site and how to add images on the theme via Zope Management Interface.

4. Edited the theme’s default images using Adobe Photoshop.

********
DATE: 27 May 2010
LOG IN: 08:00am
LOG OUT: 12:00nn

LOG IN: 12:30pm
LOG OUT: 05:15pm

TOTAL: 8hrs, 30mins

1. Installed the pythonbrasil theme for Plone by following instructions from pypi.python.org.
○ Unpack beyondskins.pythonbrasil.site package to src/ folder of your buildout 2. Edit your buildout.cfg and add the following information:

[buildout]
...
eggs =
beyondskins.pythonbrasil.site

[instance]
zcml =
...
beyondskins.pythonbrasil.site

○ After updating the configuration you need to run the ''bin/buildout''.
○ Go to the 'Site Setup' page in the Plone interface and click on the 'Add/Remove Products' link.
○ Choose the product (check its checkbox) and click the 'Install' button.

2. Able to use the Python Brasil Plone Theme as preferred by Sir Dione but encountered problems on the design interface of the theme. I uninstalled the Python Brasil and used the Estate Lite Plone theme instead.

3. Modified the CSS file of the Estate Lite Plone Theme through the Zope Management Interface.

4. Managed to add portlets (blocks or box) in the Plone site. On the administrative page of your Plone site, click on the Manage Portlet below any portlet, there you can add and change the location of the portlets, click Save after alterations.

Its better to cross the line and suffer the consequences than to just stare at the line for the rest of your life....

---rules sa patintero
Make sense hindi ba??

********
DATE: 26 May 2010
LOG IN: 08:10am
LOG OUT: 12:10nn

LOG IN: 12:30pm
LOG OUT: 05:00pm

TOTAL: 8hrs, 30mins

1. Started writing the documentation for the On-the-Job Training including the company profile, organizational chart and history.

2. Used the Estate Lite theme for the Plone site.

3. Viewed the Plone Theme Tutorial presentation by TsungWei Hu from prezi.com.
•You could edit the CSS file of a Plone theme through the Zope Management Interface.
•Go to Site Setup > Zope Management Interface > click on portal skins > look for the theme folder > click on the file with a .css fikle extension > edit the CSS and click change.
•You could also use the Firebug Mozilla Firefox Add-on to easily locate the codes in the CSS files.
•To edit default images of the theme, in the Zope Management Interface, look for the images folder of the theme then click on the name of the image you want to alter then Customize. Click on Browse and select for the new image, click Upload.
•Refresh the page to see changes made.
•If in case the changes you made don’t display immediately after refreshing the page, you may need to restart your instance by going to Site Setup > Maintenance > click on restart.
•I’ve encountered this error every time I restart the instance: HTTP Status 404 - /Plone, I just keep on refreshing the page to see the Plone site.


4. Plone Three Theming Basics from weblion.com:
•You need to make necessary modifications to the theme
•Customize the logo
•Customize the footer or another kind of viewlet
•Change the READ me version files
•Customize the CSS

5. Image editing of the default images of Estate Lite theme using Adobe Photoshop.

6. Using Firebug Add-ons, edited some the CSS file of Estate Lite Plone Theme.

********
DATE: 25 May 2010
LOG IN: 11:00am
LOG OUT: 12:00nn

LOG IN: 12:30pm
LOG OUT: 05:00pm

TOTAL: 5hrs, 30mins

1. Made further modifications with the CSS file of acquia_,marina theme.

2. Tried to use the DIY Plone Style - This product is meant to be used as a base to develop a new theme (style) or skin (in the graphical meaning) for Plone, making use of the CSS and javascript Registries that now ship with the Plone package – but not unluckily not updated for Plone 3.3.

3. Tried to use the Plone Clean Theme by copying the theme folder in the Plone/products subdirectory then restarting the instance. But this theme did not come form QuintaGroup and it didn’t work. Maybe because of the code name used in the code in buildout.cfg file.

DATE: 24 May 2010
LOG IN: 02:00pm
LOG OUT:05:00pm

TOTAL: 3hrs

1. Made more changes with the CSS file of the acquia_marina theme for drupal.

2. Edited the node.tpl PHP file of acquia_marina. Learned that if you delete or disabled the $closure variable in the file, the SimpleMenu and WYSIWYG Modules won’t work.

3. Searched for free download of the Chameleon theme for Plone, but found that it is a premium plone. A premium Plone theme or skin could only be obtained by buying the product through PayPal.

DATE: 22 May 2010
LOG IN: 10:00am
LOG OUT: 12:00nn

TOTAL: 2hrs


1. Watched and followed the instructions on the video 'Plone Theme Installation by Quintagroup' from youtube.com:

download a theme from quintagoup.com

unpack and copy the theme folder in the Plone/parts/instance/lib/python subdirectory.

in the etc folder, copy the configure file from the theme folder.
this zcml file should contain code like this



on your Plone site, go to Site Setup > Maintenance > click on Restart

the page will then display 'Zope is restarting'

now go to Add-on Products then select the theme and click Install.

2. Able to use the quintagroup's Estatelite theme.

3. Using the webdeveloper firefox add-on, you can edit the theme's CSS.

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

********
DATE: 21 May 2010
LOG IN: 08:15am
LOG OUT: 12:15nn

LOG IN: 12:30pm
LOG OUT: 05:00pm


TOTAL: 8hrs, 30mins

1. Making a Plone Theme: 5 Most Wanted Tips by Denis Mishunov, a Plone integrator from Ukraine [slideshare.net]
1. Centering the design
•Fixed width design CSS:
#visual-portal-wrapper{
width: 980px;
margin-left: auto;
margin-right: auto;
}
•Liquid design CSS
#visual-portal-wrapper{
margin-left: 20%;
margin-right: 20%;
}

2. Styles for different Internet Explorers
•IEFixes6.css, IEFixes7.css, IEFixes8.css

3. Styles Alteration
•Different sections: News, Products, About Us, Contact
•In XHTML:
o BODY Class: string:${here/getSectionFromURL}
o NEWS section: class=”section-news”
o PRODUCTS section: class=”section-products”
o CONTACT section: class=”section-contact”
o ABOUT US section: class=”section-about-us”

4. Dropdown Menus
•Suckerfish Dropdowns created by Patrick Griffiths and Dan Webb are accessible. Have valid CSS and obviously clean XHTML

5. Rounded Corners
•“Rounded corners in CSS has become sort of a holy grail.”
•Using a pure CSS solution:
•Image based solutions
o The more the radius the more the complex CSS
o Too ugly XHTML
o No hooks in Plone
o People don’t like dealing with Plone if they can change images
•Image based solutions
o You can use sliding doors
o Or the Adam Kalsey technique
o It is pretty simple but not trivial CSS
o Most of the cases use nested HTML elements
o Fixed set of images for the corners
o Inflexible for changes
•JS+CSS solution:
o The most flexible
o Does not require nested HTML elements to be put manually
o Does not require additional CSS

2. Watched a video by quintagroup about installation of an add on theme on Plone,
•Edit the buildout.cfg
Code:
eggs =
...
plonetheme.twinapex
zcml =
...
webcouturier.dropdownmenu
plonetheme.twinapex

•Run the buildout
.bin/buildout
•Restart the instance
./bin/instance restart
•On the administrative page of your Plone site, go to Site Setup > Add/Remove Products > select the theme > Save.
•you will now see the theme folder in the Plone/buildout-cache/eggs subdirectory.

3. To install an old style Plone theme,
•Download and unzip a skin folder.
•Move the skin folder to the products subdirectory of Plone.
•Re-run buildout with the following command:
.bin/buildout
•Restart Zope server.
•Go to http://localhost:8080/Plone/Control_Panel/manage and click restart or by using the code: ./bin/instance restart
•On your administration page of your Plone site, go to Site Setup > Add/Remove Products > enable the new theme > Save.

4. To change the default logo and images of a downloaded theme,
•Go to Site Setup > Zope Management Interface > portal skins > folder of you template > locate the folder of the images < select the image you want to change > click Customize > Browse for thenew image you want > Save changes.
•Repeat these steps for all the images you wish to edit.

********
DATE: 20 May 2010
LOG IN: 08:00am
LOG OUT: 12:00nn

LOG IN: 12:30pm
LOG OUT: 05:00pm


TOTAL: 8hrs, 30mins

1. Plone-based websites around the world:
•Akamai - http://www.akamai.com; Akamai® is the leading global service provider for accelerating content and applications online.
•Nokia (Qt Software) - http://qt.nokia.com/; the Qt Software part of Nokia (earlier known as Trolltech) makes software frameworks to make the lives of software developers easier.
•KCRW - http://www.kcrw.com/; KCRW, a community service of Santa Monica College, is Southern California's largest National Public Radio affiliate
•Chicago Art Museum - http://www.chicagohistory.org/; The Chicago History Museum chose Contextual Corporation and its partner SPR Inc. to help it relaunch its website on the Plone CMS platform 2006.

2. Replaced the CSS file of the acquia_marina theme with the old one to fix some settings.

3. Made changes with the menu.inc file regarding the Theme Editor module.

4. Downloaded and installed an older version of Plone – 3.2.3 – for this is compatible with the built in.

5. Read some documentation about Plone themes in plone.org.
•There are two kinds of theme products: newer egg-based products, and older theme products that are in the "magical Products namespace".
•Eggs are Python packages. If your theme is named plonetheme.whatever, or you generate a new theme using the Paster recipe, then your theme product is egg-based. On an even simpler note, if the root folder contains setup.py, it's an egg.
•If your product looks like was created using DIYPloneStyle 3.x (now outdated), it is an old-style Zope product. You can also tell because there is no setup.py file in the root.

http://plone.org/documentation/kb/creating-custom-style

http://plone.org/documentation/kb/creating-plone-themes/tutorial-all-pages

http://quintagroup.com/services/support/tutorials/base-properties/

http://groups.google.com.ph/group/plone-setup/msg/a33a0c64b20259cc

********
DATE: 18 May 2010
LOG IN: 01:30pm
LOG OUT: 05:00pm

TOTAL: 3hrs, 30mins

1. Watched an introductory video from plone.org.
•Plone derived its name from an electronic music producer in UK.
•Plone is an open source content management system.
•It can be used in a portal, company website, news and media site, intranet server, collaborative groupware, web application framework, content repository, document management, e-commerce and many more.

Basics of Plone
•Log In: The first thing you need to do is to log in; Plone has a rigorous security unlike other CMS.
•When you are logged in, you will notice a green and blue bar added on your page.
•Content: You can create and edit content on my folder tab on your Plone site.
•Any folder that you have on the top folder will become a navigation tabs in your Plone site
•To add a new content, go to My Folder > Add new item > Page > enter the page details > Save.
•Search: Plone uses AJAX technology in its search engine. As you type the keyword, it will display a list of related documents where you could choose from.
•You could also use the Advance Search where you can specify if the search text, item type, when was it last modified, and the title and description.

2. Watched more interactive videos from freesmug.com
•To create a new document, go to my folder > add new item > Document > enter the document details > Save.
•To use a structured text, click on edit/view > edit >
o use * for italics,
o _ for underline,
o ** for bold,
o ‘ for preformatted text
•Select structured text > Save.
•To upload image, my folder > add new item > image > browse... > select an image > Save.
•To create links, select a page > edit > enter this “link to facebook”: http://www.facebook.com to get a link > Save.

********
DATE: 17 May 2010
LOG IN: 10:30am
LOG OUT: 12:00nn

LOG IN: 12:30pm
LOG OUT: 05:20pm

TOTAL: 6hrs, 20mins

1. Made some modifications with the CSS file of the blackblue theme of the SimpleMenu Module for the font style.

2. Searched for some themes and tutorials for Plone CMS.

3. Downloaded Plone themes/skins like Classic Plone Skins, Mirror Dark Blue,Clean Themes and Wilkin theme.

********
DATE: 14 May 2010
LOG IN: 08:30am
LOG OUT: 12:00nn

LOG IN: 12:30pm
LOG OUT: 05:00pm

TOTAL: 8hrs

1. Made some modifications with the template file page.tpl for the RSS feed icon.

2. Edited the fluid.css file to maximize the width of the main content in the middle.

3. Checked how the theme looks in four different browsers: Mozilla Firefox, Internet Explorer, Google Chrome and Safari and made some modifications with the fluid.css file to adjust settings that will fit the browsers.

4. Edited the style CSS file to adjust the header of the blocks.

5. Modified the default Acquia Marina description by editing the acquia_marina.info file and replaced the screenshot image with a modified one.

6. More modifications with the blackblue.css file of the SimpleMenu module.

7. Downloaded and installed Plone.

Plone is a free and open source content management system built on top of the Zope application server. Plone can be used for in principle any kind of website, including blogs, internet sites, webshops and internal websites.

Zope is a free and open-source, object-oriented web application server written in the Python programming language. Zope stands for "Z Object Publishing Environment", and was the first system using the now common object publishing methodology for the web.

http://www.hongkiat.com/blog/41-nicest-photoshop-photo-effects-photoshop-tutorials/

********
DATE: 13 May 2010
LOG IN: 01:10pm
LOG OUT: 05:30pm

TOTAL: 4hrs, 20mins

1. Downloaded and customized the Simple Menus Module and edited the images and icons using Photoshop.

2. Made some modifications with the blackblue and simple Cascading Style Sheets of Nice Menus for the colors and float location.

3. Made some modifications with the codes of the template file page.tpl to relocate the RSS feed icon of Acquia_Marina.

4. Edited the style.css file of Acquia_marina

********
DATE: 12 May 2010
LOG IN: 10:10am
LOG OUT: 12:00nn

LOG IN: 12:30pm
LOG OUT: 05:00pm

TOTAL: 6hrs, 20mins

1. Solved the problem with the WYSIWYG Module. Made some modifications with the template file page.tpl to solve the problem.

2. Image editing via Adobe Photoshop for the theme’s logo and header background.

3. Edited the style.css file again for further modifications.

#header-wrapper {
background: url('images/top-gradient.png') repeat-x 0 1px;
}

body {
background: url('images/top-gradient.png') repeat-x 0 1px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; /* web safe fonts */
font-size: 75%; /* 12px */
font-weight: normal;
line-height: 160%; /* 19.2px */
}

4. Downloaded Nice Menus Module. Enabled it in Administer > Site Building > Modules > enable the Nice Menus > Save Configuration. To use it, go to Administer > Site Building > Blocks > place the module > Save Blocks.

********
DATE: 11 May 2010
LOG IN: 11:30am
LOG OUT: 5:10pm

TOTAL: 5hrs, 40mins

1. Image editing for the logo and header of the templates.

2. Made some modifications with the style.css af acquia_marina theme.

3. Tested the acquia_marina, changes to be made:
Background header.
Check why the wysiwyg module is not working.
Remove the icons.

4. Downloaded new version of acquia marina.

15 Foods That Make You Fat
By Jason Szova

Mashed Potatoes
Candy
Ice Cream
Potato Chips
Processed Meats
Fast Food
Fried Foods
Soda Drinks
High Sugar Cereals
Whole Milk
Gravy
Breads
Sour cream
Mayonnaise
Gourmet Coffee

These are 15 of the most fattening foods you could eat. You can increase your chance of dieting success by substituting these types of food with low calorie and low fat options.

********
DATE: 08 May 2010
LOG IN: 1:00pm
LOG OUT: 3:00pm


LOG IN: 7:00pm
LOG OUT: 08:00pm

TOTAL: 3hrs

1. More modifications with the default images of acquia_marina theme via Adobe Photoshop.

2. Modified some codes of the theme's style sheet using webdeveloper Firefox add-on and Adobe Dreamweaver.

3. Made some modifications with the fluid.css (in the theme settings subdirectory) to alter the width of sidebar-first.

********
DATE: 07 May 2010
LOG IN: 10:20am
LOG OUT: 12:00nn


LOG IN: 12:30pm
LOG OUT: 05:00pm

TOTAL: 6hrs, 10mins

1. Image (aquia_marina_logo and aquia_marina_favicon ) editing using Adobe Photoshop. Deleted unwanted images and icons from the theme.

2. Made some modifications with the style.css file.

***For two column layouts
body.layout-first-main #sidebar-first {
margin: 24px 14px 0 0;
width: 200px;
}

body.layout-first-main #content-wrapper {
margin: 34px 0 0 0; /* LTR */
width: 800px;
}


***For three column layout
body.layout-first-main-last #sidebar-first {
margin: 40px 20px 0 0; /* LTR */
width: 200px;
}

body.layout-first-main-last #content-wrapper {
margin: 40px 0 0;
width: 800px;
}

body.layout-first-main-last #content-wrapper #content-inner {
}

/* eto un nsa kanan na block*/

body.layout-first-main-last #content-wrapper #sidebar-last {
background-color: #F4F7E7;
margin: 0;
padding: 0 0 0 20px; /* LTR */
width: 200px;
}


And other CSS codes including the font, background and layout and margin of the page.


3. Made some modifications with the page.tpl.php file to display the logo and hide the site name.

********
DATE: 06 May 2010
LOG IN: 10:20am
LOG OUT: 12:10nn


LOG IN: 12:30pm
LOG OUT: 05:00pm

TOTAL: 6hrs, 20mins

1. Finished watching Drupal Essential Training from Lynda.com

XV. Advanced Tips for PHP Programmers
Changing Templates
•Inside a template folder, you could find the page.tpl.php – a page template file, a mixture of PHP codes and HTML codes. You could modify this template though manual coding in a text editor; but be sure to back up this template file first.
•The node.tpl.php is a template file for the layout of the nodes or content type.
•Contemplate or Content Template is a module used for changing templates.
•To enable it, go to Administer > Site Building > Modules > enable the Contemplate module which requires CCK module > Save Configuration.


PHP Content
•Drupal allows PHP codes in its content.
•Turn on the PHP filter module, Administer > Site Building > Modules > enable PHP module > Save Configuration.
•Turn on also the Input format, Administer > Input Formats > PHP code choice > Configure > turn on the PHP evaluator > Save Configuration.
•Now you can use PHP codes in your content, but be careful with the codes you use.

PHP Snippet
•Small passage of PHP codes, called snippets, enables you to expand your site’s functionality without installing a whole module.
•You could get PHP Snippets in the drupal.org Documentations.
•Drupal.org Documentation provides the snippet codes and tips and instructions of how it would work.
•But before editing any files with the PHP snippet, be sure to back it up just in case the snippet won’t work.

XVI. Launching Your Drupal Site
Launch
•Tips to remember when launching your site
oReview the requirements or contact the Site Administrator for further information.
oCheck all the permissions, switch as a user to see how it interacts with a regular user.
oInvite friends to check your site, their comments and suggestions could help.
oMake sure that you have a back up of the site.

•Steps to move your site on a server
oBe sure that the all and default folders are not Read-only folders.
oExport the database on WAMP or XAMPP.
oAssure the security of your site, assume that people may abuse your site.
oIt is good to include a way that the users could send feedbacks about the site.

Join Drupal
•You could get involved with the Drupal community regardless of your capability.
•On the drupal.org page, click on the Contribute link.
•There you have several options on what you can contribute.
•Create an account to be a part of the Drupal community.

2. Customized the aquia_marina theme based on the color theme of searca.org. Made some modifications with the style.css, icon.css and images of the theme.

Assigned Tasks:

Tasks:
Settle with the aquia_marina theme.
Modify the color theme with searca.org as the basis.
Customize the theme’s CSS file and edit the images and icons.
Remove the unnecessary icons within the theme.
Avoid adding moving images for it can distract the user.

Acquia Marina is an advanced theme developed by TopNotchThemes in partnership with Acquia for their Drupal distribution. It contains the same kinds of features you'll find in our other Drupal themes.

Features
•1, 2, or 3 column layout
•Selectable fluid or fixed width layouts and font stacks
•15 collapsible block regions
•Drop-down primary links menu
•Includes icons for core and Views blocks
•Cross-browser tested in IE6/7, Opera, Safari, and Firefox
•Layered Photoshop PSD files now available!
•Advanced theme settings to customize without coding (for the equivalent in 2.x, see our recommended modules)

********
DATE: 05 May 2010
LOG IN: 07:55am
LOG OUT: 12:00nn


LOG IN: 12:35pm
LOG OUT: 05:00pm

TOTAL: 8hrs, 30mins

1. Customized the Green, Wabi, Lemontwist, and Amity island themes. Made modifications with the style.css files and the images and icons.

2. Presented the themes to Sir Dione.

Tasks:
Settle with the aquia_marina theme.
Modify the color theme with searca.org as the basis.
Customize the theme’s CSS file and edit the images and icons.
Remove the unnecessary icons within the theme.
Avoid adding moving images for it can distract the user.

Acquia Marina is an advanced theme developed by TopNotchThemes in partnership with Acquia for their Drupal distribution. It contains the same kinds of features you'll find in our other Drupal themes.

Features
•1, 2, or 3 column layout
•Selectable fluid or fixed width layouts and font stacks
•15 collapsible block regions
•Drop-down primary links menu
•Includes icons for core and Views blocks
•Cross-browser tested in IE6/7, Opera, Safari, and Firefox
•Layered Photoshop PSD files now available!
•Advanced theme settings to customize without coding (for the equivalent in 2.x, see our recommended modules)


3. Started to customize the aquia_marina theme (edited images with Photoshop and CSS file using the Webdeveloper add-on in Firefox).

4. Continued watching Drupal Essential Training from Lynda,com

XIV. Building a Navigation Framework

Menus
•There are three built in menus in Drupal: Navigation, Primary links, Secondary links.
•To manage your menu, go to Administer > Site Building > Menus.
•You could also add Primary and Secondary links by going to the Menu Administrative page.

Custom Menus
•You could also customize the default menu. To add custom menu, go to Administer > Site Building > Add Menu > fill up the necessary fields > Save.
•You could also add items in your custom menu, go to Administer > Menus > click that custom menu > fill up the fields > Save.
•To enable the custom menu, go to Administer > Site Building > Blocks > enable the custom menu > Save blocks.
•A clear navigation path makes a site more attractive.
•“Making it easy is hard.”

Books
•A Book is consists of pages that looks like a real book as you go from page to page.
•To create a new book go to Create Content > Book Page > fill up the required fields > Save.
•Remember to allow users to create a book if you desire, go to Administer > Permissions > allow users > Save Permissions.
•You could also add a book as a block, go to Administer > Blocks > place the Book Navigation block > Save Blocks. Just to be able to see the hierarchy of the book.
•Ordering the nook pages and child pages is also possible in the Book Administrative page.

********
DATE: 04 May 2010
LOG IN: 09:30am
LOG OUT: 12:00nn

LOG IN: 12:30pm
LOG OUT: 05:00pm

TOTAL: 7hrs

1. Continued watching Drupal Essential Training from Lynda,com
XIII. Identifying Must-Have Modules
CCK Module
•Content Construction Kit is used to expand your content.
•To add another content type, go to Administer > Content Management > Content Type > fill up the necessary fields > Save content type.
•Be sure to enable the CCK module, go to Administer > Site Building > Modules > enable the CCK module > Save Configuration.
•You should also enable CCK types in the CCK module to be able to add fields in your new content type.
•To add a new field, go to Administer > Content Management > Content Type > add a field In your new content type > fill up necessary fields > Continue > specify settings > Save filed settings.

Spam
•CAPTHCA is useful in avoiding spasm.
•CAPTCHA is a sloppy acronym for Completely Automated Public Touring Test to Tell Computers and Humans Apart
•CAPTCHA module forces the user to prove they’re humans and not an automated posting bot by challenging them to answer human readable questions.
•Enable the CAPTCHA Module, go to Administer > Site Building > Modules > enable the CAPTHCHA (image and text) > Save configuration.
•Remember to enable the CAPTCHA module in the Permissions Administrative page for the users.

WYSIWYG
•What You See Is What You Get
•This module is used in editing the content instead of typing the HTML codes. It functions like any word processor.
•Turn on the module, go to Administer > Modules > enable fckeditor > Save configuration
•Remember to allow users with this module in the Permission administrative page.

2. Made some modifications with the style.css and edited images of the Green. Wabi and Lemontwist themes.

********
DATE: 03 May 2010
LOG IN: 06:30am
LOG OUT: 10:00am

LOG IN: 02:00pm
LOG OUT: 03:00pm

LOG IN: 06:30pm
LOG OUT: 07:30pm

TOTAL: 5hrs, 30mins

1. Downloaded amity_island, wabi and waffles themes from drupal.org and made some modifications with the style.css and page.tpl.php file.

2. Edited the themes’ images using Adobe Photoshop.

3. Continued watching Drupal Essential Training from Lynda.com:

XII. Expanding Your Site's Capabilities with Modules
Finding Modules
•Modules are freely available in drupal.org in the Modules page.
•CCK – Content Construction Kit – is for the content management.
•Organic Groups allow users to create their own groups.
•The Paging Module enables the user to change the way the page is displayed.
•Views offer multiple ways to display information for multiple nodes in an organized way.
•Drupalmodules.com can help you find modules that are most popular.

Unpacking Modules
•You should install modules in the sites/all/modules subdirectory.
•Modules could be in Dev or still in development stage, Alpha, Beta, or RC(Release Candidate).
•Remember to download only needed modules, don’t overload your site with unnecessary modules.

Configuration Process
•Sometimes, to use the module installed, you need to enable it in the Blocks Administer page.
•While other modules require installation of other modules to be available for use.
•Some might also need configuration outside the Drupal Administration interface.
•So remember to read documentation for proper configuration of modules.

More Modules
•Google Analytics – allows you to keep track of who’s visiting your website and what pages they’re going to.
•Path autho adds user friendly URLs to the nodes you created.
•Ezmlm is a module that requires tweaking outside the Drupal interface.

********
DATE: 02 May 2010
LOG IN: 03:00pm
LOG OUT: 05:30pm

LOG IN: 08:30pm
LOG OUT: 10:00pm


TOTAL: 5hrs

1. Downloaded Theme Editor fro drupal.org.

Theme Editor offers an interface for for the editing of theme files within a Drupal site. Some of the features include:
•Editing of CSS, .info, and Template Files
•Simple back up and restore functions
•Adding and deleting of files
•Fine tuned permissions for different themes and file types

Theme Editor offers a Wordpress inspired editing interface for Drupal themes allowing users to edit themes from within Drupal. –drupal.org

2. Downloaded a Firefox add-on called Web Developer http://chrispederick.com/work/web-developer/. It is a tool used for editing CSS files.

As recommended by Caleb G - the author of “Drupal how to: Editing your theme colors, stylesheets” from highervisibilitywebsites.com.

3. Watched How To: Drupal Theme Makeover from gotdrupal.com.

•Content and Arrangement, Colors and Fonts, Images and Icons
•Remember to change the .info file to change the name of the theme and other information
•You could modify the images in Adobe Photoshop or even make replacements with the images and icons.

4. Downloaded the colorpaper theme and made modifications with the css file and the page.tpl.php file. Edited images using photoshop.

5. Downloaded the lime twist theme and made modifications with the css file and the page.tpl.php file.

********
DATE: 01 May 2010
LOG IN: 06:30am
LOG OUT: 10:30am

LOG IN: 12:00nn
LOG OUT: 01:00pm

LOG IN: 04:00pm
LOG OUT: 06:00pm

TOTAL: 7hrs


1. Continued watching Drupal Essential Training from Lynda.com
Blogs
•Drupal allows members to keep blogs. But you can allow only specified users.
•To turn on, go to Administer > Site Building > Modules > enable the Blog module > Save Configuration.
•To allow users to create and edit blogs, go to Administer > User Management > Permissions > enable users > Save Permissions.
•Blogs allow comments.

Forums
•Forums are like conversations in bulletin boards. It is a threaded, open discussion among users.
•To turn on forums, go to Administer > Site Building > Modules > enable Forums module > Save Configuration.
•Remember to alter Permissions if you want users to allow them to create forums.
•Drupal’s Forum Hierarchy
oForum Module
•Containers
•Categories
•Topics
•Comments


Polls
•Polls give you an option for multiple questions.
•To turn on polls, go to Administer > Site Building > Modules > enable Poll module > Save Configuration.
•Remember to alter Permissions, Administer > User Management > enable users > Save Permissions.
•To create a poll, go to Create Content > Poll > fill up the necessary fields > Save.
•In Poll, once you voted once, you cannot vote again.
•You could also change the position of the Poll, go to Administer > Site Building > Blocks > position the poll > Save Blocks.

X. Managing Site Content
Categories
•To start categorizing contents, go to Administer > Site Building > Modules > enable Taxonomy module > Save Configuration.
•To administer taxonomies, go to Administer > Content Management > Taxonomy > Add Vocabulary > fill up the necessary fields and specify settings > Save.
•Go to Administer > Content Management > Taxonomy > Add Taxonomy > fill up necessary fields > Save.

RSS
•Really Simple Syndication is one way that websites exchange information. RSS is a format for publishing serial material.
•Turn on Aggregator, go to Administer > Site Building > Modules > enable Aggregator > Save Configuration.
•Remember to alter Permissions for the users to see the Aggregator.
•To add a feed, go to Administer > Content Management > Feed Aggregator > Add feed > fill up the fields > Save.
•You could also change the block where the feeds would appear, go to Administer > Site Building > Blocks > position the feed > Save Blocks.

Filters
•Drupal includes three input filters, go to Administer > Site Performance > Input Formats > we have Filtered HTML and Full HTML activated > you could configure them to alter permissions > Save Configuration.
•One more filter is the PHP, to turn on go to Administer > Site Building > Modules > enable PHP module > Save Configuration. It is turned off by default for security.

Comments
•You can control who can create comment, how the comment looks, or even delete and hide comments.
•Go to Administer > Content Management > Comments > there you could unpublish or delete unwanted comments.
•You could also go to Administer > User Management > Permissions > alter permissions > Save Permissions.
•To position the comments, go to Administer > Site Building > Blocks > change the position of Recent Comments > Save Blocks.

XI. Customizing Your Site’s Appearance With Themes and CSS
Configuration
•To change the current theme, go to Administer > Site Building > Themes > select a Theme and set to default > Save.
•You could also configure the theme, go to Administer > Site Building > Themes > click configure beside the theme you want to modify > make alterations on the settings > Save Configuration.
•But remember that your site looks different in different browsers.

Graphic
•You could also change the graphics in the theme. Go to the drupal folder itself and replace the image in the theme folder.
•Or even make some changes in the CSS file.

New Theme
•New themes are installed in the sites > all > themes subdirectory in your Drupal folder. Drupal automatically recognizes that newly installed theme. But remember to install only compatible themes, 5.x themes work for Drupal 5.x and 6.x themes are for Drupal 6.x
•The most common format is a two-column theme with a left sidebar or a right sidebar.


CSS
•CSS is responsible for the text font, column widths, colors and other styles.
•In Drupal, style css is the main CSS file.
•You could play around and make some changes with this CSS file but remember to keep a back up copy in case something would not turn out right,

2. Customized the Green Theme with Artisteer for more modifications. Downloaded images for the theme and made some changes.


3. Modified the style.css file of the Green template and the pge.tpl.php file.

Added codes in style.css:
div.art-Header-gif
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 850px;
height: 125px;
background-image: url('images/Header.gif');
background-repeat: no-repeat;
background-position: right right;
}

Added codes in page.tpl.php:


These codes would add a rotating earth.gif image on the right side of the header.

4. Modified some Site Information:

Slogan: Southeast Asian Regional Center for Graduate Study and Research in Agriculture

Footer: Copyright © 2010 SEARCA. All Rights Reserved.

Added the About SEARCA, Graduate Scholarship, Short Term Training, Research and Development and Knowledge Management Primary Links

Added Vision and Priorities, Organization, Fund, and History pages under the Secondary Links.

********
DATE: 30 April 2010
LOG IN: 08:15am
LOG OUT: 12:00nn

LOG IN: 12:30pm
LOG OUT: 05:00pm

TOTAL: 8hrs, 15mins


1. Customized another Drupal template in Artisteer.
Green color scheme, blocks with green header and white body, Arial 10 as the default font, header above the menu bar, white background and transparent sheet, white buttons (become green when hovered) – a simple one.

2. Continued watching Drupal Essential Training from Lynda.com.

VII. Establishing Your Site’s Identity
Content
• To add content, click on Create Content > Page > enter text on the Title and Body > alter other settings as you want > Save.
• To add graphics on the content, copy first the image in the drupal > sites > default > files subdirectory. Go to the page, click Edit and encode an HTML code to insert the image – eg. then click Save.

Layout
• A theme could have fixed or fluid width.
o All containers on the page have their widths defined in percents – meaning that they are completely based on the viewport rather than the initial containing block. A liquid layout will move in and out when you resize your browser window.
o All containers on the page have their widths defined in pixels or other fixed units. They are completely independent of the viewport. A fixed layout will not move in and out when you resize your browser window.
• They could also be configurable by color or not, Garland theme is an example of a configurable theme.
• Themes could also be table based or CSS based.
• Things common in themes
o Title is always at the top. But the slogan’s location changes per theme.
o Regarding the layout, most themes have 5 areas: header, left sidebar, right sidebar, content and footer area.

Blocks
• Blocks let you put text, images and other contents in different parts of the page.
• Blocks are one of Drupal’s most powerful features.
• To use Blocks, go to Administer > Site Building > Blocks > drag those blocks where you want them to appear > Save blocks.
• There are three types of blocks
o Drupal built in blocks
o Blocks that appear only when installed in modules
o Blocks that are created explicitly by adding a new block

VIII. Keeping Your Drupal Site Running
Monitor
• It is good to check for updates, go to Administer > Reports > check the Administer links there > check for warnings or warnings.
• The most important page to check in the Reports link is the Status Report.
Disaster
• Be sure to back up the drupal site and database.
• In case you encountered ‘Site Offline’, in the URL, type localhost/?q=user and that redirects to Log in page.
• Then go to Administer > Site Maintenance > then set the site online > Save.
• The admin should also remember to enable the installed modules.
• You could also take a look on the database if the problem cannot be resolved in the Administer Page.

Tips and Tricks
• For speed, getting used with the URLs.
• Ctrl+F for searcjing words.
• You could log in as an admin and an ordinary user in another browser to see how the site looks like for ordinary users.
• Add only the necessary modules. Don’t overload your site.
• Get to know the Permissions page.
• If you have problems, go to drupal.org.
• Back up the site regularly.

IX. Building Content Nodes
Nodes
• Node – basic unit of content in Drupal.
• Page and Story are the default Content Types.
• The admin can edit all nodes, even the ones posted by the user.

3. Added contents on the SEARCA template to see how it looks.

4. Encountered an error on Drupal site, uninstalled and downloaded again drupal 6.16 form drupal.org.

5. Installed drupal 6.16 on localhost again.

6. Installed wysiwyg and ckeditor modules in drupal > sites > all > modules subdirectory. And enabled them in Administer > Site Building > Modules page.

7. Attended the ADSS or Agriculture and Development Seminar Series.

• WYSIWYG or What You See Is What You Get Allows to use client-side editors to edit content. It simplifies the installation and integration of the editor of your choice. This module replaces all other editor integration modules. No other Drupal module is required.
• This module will allow Drupal to replace textarea fields with the CKEditor - a visual HTML editor, sometimes called WYSIWYG editor.

8. Continued watching Drupal Essential Training.
Stories
• Turn on the Path Module, go to Administer > Site Building > Modules > enable Path > Save Configuration. The Path module enables you to specify the path of a certain node or page.
• To create a story go to Create Content > Story > fill up the title and body and specify other settings (enable the Read/Write) > Save.

Content
• Two content types by default : Page and Story.
• To enable other content types, go to Administer > Site Building > Modules > enable Forums > Save.
• You could also add another content type, go to Administer > Content Management > Content Type > Add Content Type > fill up the necessary fields and specify other settings > Save content type.
• Remember to alter the Permissions to allow users to use the new Content type, go to Administer > User Management > Permissions > check the necessary fields > Save Permissions.

Bianca is a feminine given name or an Italian family name. It means "white" in Italian and is an Italian cognate of Blanche.

********
DATE: 29 April 2010
LOG IN: 08:00am
LOG OUT: 12:00nn

LOG IN: 12:20pm
LOG OUT: 05:00pm

TOTAL: 8hrs, 40mins

1. Visited some websites for tips and tricks in designing a website:
http://websitehelpers.com/design/
http://www.cyberindian.com/web-designing/8-tips-for-great-website.php
http://www.smartwebby.com/web_site_design/webdesign_tips.asp for tips

· Clean Layout Design: A clean layout that uses a lot of white space enhances a site's looks.
· Neat and Easy Navigation – for the users to find what they are looking for easily. Most websites display their navigation bar at the left side and at the bottom.
· Website Readability – the content must be readable on its background. Don’t use light text on light background and dark text on dark background.
· Avoid Sleazy Elements - Don't distract your visitors with blinking or scrolling text, animated GIFs, or auto-loading sound for these are distracting. Minimize flash and graphics – they increase your file size.
· Make it easy to find stuff - Include a way to get back to the home page, on every page and a menu on every page.
· Content is King – you should provide a valuable content for every page

2. Started designing another template for SEARCA while creating the Artisteer User Manual.

3. Finished the User Manual for Artisteer.

4. Continued watching Drupal Essential Training

VI. Managing Users on Your Site
Control
· Drupal has one super user that can access everything
· And two built in roles: authenticated and anonymous users
· But you can add more users as many as you like
o Go to Administer > User Management > Roles > Type the name of the new role
o To edit the permission of the new role, go to Administer > User Management > Permissions > check the boxes of the permissions for the new role > Save Permissions
· The admin can also assign roles to different users as he wishes

Users
· Log out as an Administrator to view what your site looks like for users
· Click the link Create a New Account > fill up the text fields for the username and email address > click Create New Account. An instruction will appear telling the user that further instructions were sent to his email address.
· Log in as an Administrator to see what happens when a user tries to create a new account.
· Go to Administer > User Management > Users. You could edit the user’s username, the email address, password or even block that user. You could also give role to the user.
· The user will then receive an email with links to finish registration process.
· The admin can also add new User. Administer > Users > Add User > fill up the username, email address, password, status, roles > Notify the user account > click Create New Account.
· You can also prevent people from entering certain names or addresses.
o Go to Administer > User Management > Access Rules > Add Rule > set Access Type to Deny > choose a Rule Type (username, email, host) > on the mask text filed, type the name you would wish to deny access to > click Add Rule.
o When you add the wildcard % in the Mask field, it blocks all strings no matter how long they are.
· The admin has more options of how users will register to your site.
o Go to Administer > User Management > User Settings > specify options in Public Registration, User registration Guidelines, User email settings and, Signatures and Pictures section > Save Configuration.
· The admin can also block or delete users, Administer > User Management > Users.