Caribbean Resumes - Job Opportunities and Careers in the Caribbean - just launched!

xamount - July 11, 2008 - 05:32

Caribbean ResumesCaribbean Resumes just launched - It's is a
little monster.com that is geared towards providing a job portal for all the recruitment, career advice and hiring needs for Caribbean residents.

The following details how I built the site, including the history, overall design approach, what modules were used, and more.



History

First, a little bit of history about how I discovered Drupal. I was the webmaster at a local educational institution where I was charged with the responsibility of revamping the Intranet. After googling for a bit, I came across Mambo and Drupal (it was version 4.5 back then). I tried Mambo first but could not quite get my head around the administration panel. I spent exactly the same time trying to understand Drupal, and in a matter of minutes I was cranking out pages and becoming familiar with the admin interface.
From there on since, I have spent hours on drupal.org reading articles and becoming increasingly familiar with how Drupal was built and how to effectively modify it. There was a significant learning curve but I believe it was worth it in the long run, and trust me it was worth it! To get a better grasp of Drupal I even attended one of the Lullabot's training workshops held at Providence Rhode Island in January 2007 where I even spent my birthday coding Drupal! From there on to present I have never even looked at another content management system!

Goals

I wanted to build something as big as Monster.com but limited to the Caribbean with the main intention of keeping everything automated as far as possible.
I really pushed for this to happen. I found inspiration from sites like Youtube and Google that started off
with a couple of guys and eventually turn into something big with the determination and dedication behind it.

Design

I sat and thought about the design for weeks. I googled for hours and viewed the top ten websites in the world.
I really loved the Apple website and the easy-on-the-eyes colours and menus
used on Enhanced Labs. Although some may disagree, I personally think
rounded corners give a more professional look. So I picked and chose the best features from different sites and it
all came together at CaribbeanResumes.com.
I drew out a sketch of what I wanted the site to look like (see left image) I then found 3 top designers and each
paid them a lot of money to come up with a design based on my sketch. I rather spend the money on a perfect
design as the design can make or break the site. Hence this is why I chose 3 different designers and
just picked the best out of the 3. If you look closely at the sketch you will see circled numbers.
For each circled number, I provided the designer with a text document with further explanations of the
respective numbered area.

Views.module coupled with the Panels.module allowed me to create the design of most major pages on the site in record time - it
is also very simple to test different layouts since it is so easy to use. I was hit by somewhat obscure bugs in
different browsers...well one browser to be exact - Microsoft Internet Explorer - png bug, some images (like the logo)
completely disappearing in IE6/7, just to name a few.
I used Browsershots.org to a great extent to see how the site would look in different browsers on different operating systems.

Drupal - Module list

The site is built using Drupal 5.x as some critical components / modules were not yet available for 6.x. Although I would have personally preferred 6.x, a lot of the user-contributed modules were not ported to 6.x at the time of development. I am proud to say that I built this site without touching a single line of the source code that ships with Drupal. Other than user-contributed modules, my other custom functionality went into 1 custom module that did a lot of hooks into the the Drupal-shipped functions. I even hooked into one of the eCommerce module functions from my custom module. This will make my life all the easier when it's time to upgrade.

I must say that the Drupal community is very friendly and helpful. If I wanted some special functionality, I searched the Drupal website and 90% of the times, someone somewhere had the same request and a solution was posted. In the remaining 10% of instances where I did not find a solution, I wrote the functionality into my custom module and posted back to the community my code so someone else can benefit from it. Here is a short list of the contributed modules I used with some categorisation:

Development

  • Devel
  • Simpletest

Commerce

  • Adsense
  • Currency API
  • eCommerce
  • Google Analytics

Layout

  • CCK
  • Imagecache
  • Node Queue
  • Panels
  • Sitemap
  • Views

Miscellaneous

  • CAPTCHA
  • FeedAPI
  • Forward
  • Job Search - I actually fixed a bug as a result of using this module.
  • Service Links
  • Token
  • Taxonomy access control

As I was developing, I was falling into the trap of constantly browsing the Modules page and finding super cool
modules to add. This is a no-no. My advice is to stick to only what the end users need and if there is demand for something, then add it. All the modules I added are for functionality that users would need anyway.

Most importantly, set a deadline and stick to it! If you do not set a deadline, you will be going on and on,
adding functionality, fixing this, fixing that and your site will never be launched. A deadline helps to
serve as a cut off point where you say "ok here goes!". You can always subtly introduce features later on
but try to get the major features in and tested properly before the launch date.

Miscellaneous

I was the sole developer on this project and I was able to build this site from scratch using Drupal in 4 weeks total. This included the functionality and theming (although the actual design mockup was not done by me but by the garland guy - Stefan Nagtegaal).

Developing on Ubuntu

I developed the entire site on my laptop running Ubuntu 8.04 Hardy. I also used XAMPP, Sendmail and Zend Studio. Ofcourse I could not live without tools like Firebug, Measure It, IE for Linux and a sponge brick used to pelt at the screen during those "what the hell is going on" times.

NB - At the time of development Firefox 3(beta) was out and I was hit the Firebug not working on Firefox 3b bug on Ubuntu.

Lessons learned / random thoughts

Here are a few lessons I learnt in no particular order

  • Backups backups backups!
  • Firebug does not work with Firefox 3 at the time of development (which came with Ubuntu Hardy) so I ended up reverting to Firefox 2.
  • Documentation is very important. I documented the steps to do administrative stuff and other miscellaneous stuff on the website.
  • I kept a todo list on the site as node/1. This was simply an unordered list of things to do and as I did them I removed it from the list. I then placed a link to this node in the Primary Links for easy access while I developed.
  • Do not be afraid to reach out to the Drupal community for help. No question is a dumb question. Just do sufficient searching before you ask a question as most likely someone would have asked the same thing before.
  • Facebook is excellent at viral marketing - within the first 6 days, the Facebook group has grown to 1400+ members.

Conclusion

In conclusion, I would like to thank Ted Serbinski for his encouraging messages he sent me about determination.
I would to thank Stefan Nagtegaal for coming up with a stellar design based on my sketch and having the patience
to deal with my very specific design. I would also like to thank Angie Byron for helping me with this writeup.
I will try to respond to everyone's feedback but this is not a guarantee. Thanks!

AttachmentSize
carribean.png62.72 KB

It was a pleasure working

Stefan Nagtegaal - July 11, 2008 - 05:52

It was a pleasure working with you Shivan!
The design is plain awesome, and was even better than we could hope for in the first place.
Allthough you had *very* specific wishes, I could come up with an excellent design that just fits the website. One very nice addition to my personal portfolio..

---
I'm also available for designing your website. Feel free to contact me!

Thanks Stefan for the

xamount - July 11, 2008 - 16:36

Thanks Stefan for the comments. I would highly recommend Stefan for any design job! He knows his stuff! Thumbs up man.

Images are too compressed + IE bugs

BioALIEN - July 11, 2008 - 17:07

The site is generally great, thank you for the detailed write up and for sharing with the drupal community. I will outline some constructive feedback for you to take forward.

1. Some of the layout interface has been compressed a little too much. For example "Post your resume" button and the entire footer needs some TLC to make the text more readable (especially the vertical text). Try saving the interface images in another file format, e.g. GIF with diffusion dither setting. Alternatively, just lower the compression level.

2. The layout on IE 7 is showing ugly scrollbars for the content block (centre column). Not sure how extensively you used browsershots.org to see how your site appears on various browsers. Its important to ensure good user experience for all your visitors on all the major browsers at least.

3. While the layout looks great, I can't help but feel the blocks need some more TLC. The block title looks out of place, either move it above the box or bring it inside and add a nice underline to it.

Keep up the great work!

---
Dee
iScene Interactive :: iScene.eu

Thank you greatly for your

xamount - July 11, 2008 - 19:30

Thank you greatly for your feedback. I will look into the points you made. Just last night I reduced the file size of the same images you mentioned. I had to sacrifice some quality. Not a good idea though. Should have done what you said.

r u the designer? greetings :-)

ardnet - July 13, 2008 - 05:28

Wow, r u the designer? Greetings :-)
What a nice design u got there, it is very simple and minimalist, really inspired me to redesign this website:
http://www.abangnone.org ;-)

Hope I can learn alot from you.

Thanks.

Hand-drawn designs

JohnForsythe - July 11, 2008 - 16:30

Drawing out designs by hand is an interesting strategy. I tend to go right from an idea list to Photoshop.

I like how you put search front and center. Good usability.

Funny poll, btw ;p

--
John Forsythe
Need reliable Drupal hosting?

Yeah, I'm not that great at

xamount - July 11, 2008 - 16:41

Yeah, I'm not that great at Photoshop...(neither am I great at drawing!). But because myself and Stefan are separated by thousands of miles of ocean, I thought a sketch would be the best way to represent what I had in my head on paper. Stefan can tell you, this helped him exponentially to come up with a design to meet my detailed requirements and also gave him the best understanding of what was needed and more importantly what was needed where.

How does one get their site

MGParisi - July 11, 2008 - 20:17

How does one get their site on the front page of Drupal?

Heh.

Taran - July 12, 2008 - 02:06

Well, you post a story apparently. And if it rates, it gets on the front page. What probably got xamount's promoted was the simple fact that he detailed what he did.

KnowProSE.com
Your2ndPlace.com
OpenDepth.com

What gets promoted at Drupal.org?

seojoe - July 12, 2008 - 02:54

The design process described here is of good value. However I would love to know what the criteria is to get promoted to the front page. I love Drupal and all sites we build use Drupal. A long time ago I wrote down all the modules and how seoecom was built and contacted drupal.org, for no response on this. Since then I haven't bothered to document and publish at drupal. Obviously the article has to have elements of value for the overall drupal community. Having some guideliness somewhere on Drupal.org in this regard will be great, to see if these are driven on commercial contribution basis or contributions of value to Drupal community or some hybrid.

Either way this doesn't change my views on Drupal being the best CMS platform out there, just would love to know.

-------------

SeoJoe
Why SeoJoe?

.

Michelle - July 12, 2008 - 03:04

If you want something promoted, file a webmaster's issue. It's fairly hit or miss if a site maintainer will catch things when they're posted unless you bring it to our attention.

Michelle

--------------------------------------
See my Drupal articles and tutorials or come check out life in the Coulee Region.

Working on guidelines

Amazon - July 12, 2008 - 03:42

Hi, we are working on some guidelines. See here: http://drupal.org/node/279479

Cheers,
Kieran Lal

Nice site and excellent

duvien - July 12, 2008 - 19:37

Nice site and excellent writeup. It's refreshing to read a case study on a site development that doesn't require a lot of custom modules to build an exceedingly powerful site.

It's these case study that really show off Drupal's real strength and hopefully encourage many non-coders to use it. Or at least, you don't need to be a hardcore coder to build a site to your requirements using Drupal.

great job.... and thanks for

khan_lko - July 13, 2008 - 12:14

great job....
and thanks for sharing your thoughts.

MySQL errors

budda - July 13, 2008 - 14:41

On the homepage I'm seeing the error:
warning: mysql_query() [function.mysql-query]: Unable to save result set in /var/www/vhosts/caribbeanresumes.com/httpdocs/includes/database.mysql.inc on line 153.

Might be worth turning off the display of errors to the screen.

--
Ixis (UK): Drupal consultancy, Drupal hosting.

Thanks for pointing out

xamount - July 13, 2008 - 15:34

Thanks for pointing out this. I have been having a server problem. (not related to drupal though)...

Thanks for the write up

mrbert - July 13, 2008 - 19:52

I would be working on a similar project, so thanks for the detailed write up.

Ghana Real Estate | Voacanga Africana Seeds | Shea Butter

Thanks for posting your

JoepH - July 13, 2008 - 21:55

Thanks for posting your detailed explanation.
Site looks really good!

-----------------------------------------
Joep
CompuBase, Drupal, websites and webdesign

Really nice work. Thanks for

themegarden.org - July 14, 2008 - 09:00

Really nice work.
Thanks for this article.
---
Drupal Theme Garden

Nice work. [2]

caetemh - November 19, 2008 - 00:41

Nice work. [2]

Good work... I hope to see

pamphile - July 14, 2008 - 15:02

Good work...
I hope to see this website advertised in Trinidad soon.

Marcel
Trinidad and Tobago Football
Tinyhttp.com

great website, looks really

PRezaei - July 14, 2008 - 17:24

great website, looks really nice
could u explain how u got that login effect? is that ajax?

yep, its simple jquery stuff

xamount - July 15, 2008 - 02:27

yep, its simple jquery stuff (that's already shipped with Drupal 5+). You might want to check out:

http://visualjquery.com

Thanks for sharing

radyaweb - July 16, 2008 - 11:35

Thank you. You inspired me.

I think I need a deadline also like you did.
Because I have not made any site with drupal right now.
I am too busy to tweaking modules and themes.

Anyway, nice site :)

Great Job, Lovely site and

Shyamala - July 17, 2008 - 01:06

Great Job, Lovely site and terrific effort. The colors are pleasant, Navigation intuitive. The company I work for is also trying to build a JOB portal, would love to be in touch!

Shyamala
Technology Head - Drupal Competency Center
Netlink Technologies Ltd.
http://shyamala-drupal.blogspot.com/

Caribbean you say?

redluk - July 17, 2008 - 03:53

Wow, great job guys. After seeing this, I feel like I should apply and move over there. With the dream weather and the paradisiac beaches, there aren't any other choice but to dream to move there. Now that the "Caribbean monster" is online, its a matter of time before companies get my application.

Great stuff!
--
www.redluk.com
www.kankanchina.cn

.

xamount - July 17, 2008 - 13:29

Thanks for all the comments guys/gals. The Caribbean is very beautiful btw!

Not bad, perhaps you should

danielb - July 22, 2008 - 05:38

Not bad, perhaps you should spend a little more time doing the styles, and aligning things properly.

Biggest problem for me is the graphics are not in the correct format, and so they look very blurry and pixelated.

NICE WORKING PIECE.... CONGRATULATIONS

Colorao - July 23, 2008 - 03:06

I had been working with the Jobsearch module.... I am stuck with the collecting funds from Employers who post ads... Did you used that module for that...? I tried userpoints etc... no luck, too complicated to set-up..

Any suggestions will be nice....

Thank you,.

maybe you should check out

xamount - October 31, 2008 - 05:10

maybe you should check out the Advertisement module.

http://drupal.org/project/ad

Good Job

webserv - July 25, 2008 - 13:30

nice work on that site i hope i can be good enough in few month or maybe years to do website like that

good job

greeting

----------------------------------------------------------

look at what Projects I've helped,
maybe you can tell me something to change....
Mp3
Orginal-Berlin
Ed Hardy

http://www.ibrahimalhenaki.com

yhanaki - September 25, 2008 - 07:49

very good

عقارات

http://www.ibrahimalhenaki.com

Good stuff.. -

vkr11 - September 29, 2008 - 14:20

Very nice site

mighi - November 5, 2008 - 15:19

great website, looks really nice

uk directory | publicitate online | web directory

Thank you for the deatiled info

zuze - October 30, 2008 - 21:30

Thank you for the detailed info and module list. This is gold!

-------------------
First attempt: http://www.easy-homemade-costumes.com

ا

دليل مواقع - December 4, 2008 - 19:12

good information.

 
 

Drupal is a registered trademark of Dries Buytaert.