Wednesday, December 14, 2011

My Semester with TWC

My first semester at RPI is finally wrapping up!  I learned a lot in the past few months in all of my classes and an expecting A's in all of my classes.  My research this semester with Tetherless World Constellation is fun and challenging.  I came into the TWC looking to do some webdesign work, not so much for the Semantic Web.  I found a project that was looking for an undergraduate who would take on he battle of creating a new theme for their website.

As I understand it, my job was simply to create a new theme for TWC's website based off of Drupal, a content management system.  My only previous experience with webdesign was coding a website by hand using HTML, CSS, and JavaScript, or by manipulating an already existing HTML website using CSS.  Drupal was completely new to me and I feel very confident with what I have learned about it and how I have created the new theme.

To start, I created a medium-fidelity website mock-up of what the TWC website would look like.  Anthony assisted a little and gave some of his input on a few changes I could make to the site, but for the most part, I designed the entire thing myself and showed it Patrick, who approved the new design.

Now onto the difficult part--making the theme for Drupal.  First, I downloaded LAMP, the WampServer, and the files for a Drupal website so that I could play around with Drupal and practice making a theme.  I did a lot of research online and learned how to create a theme.  To do that, I had to change around the layout of the entire website using HTML.  In the HTML got rid of all the tables and made them into div's.  To style the layout of the page, I used CSS.  It was very straight forward and Drupal was responding positively to the changes that I made.

The problem I ran into was styling the aspects of the page that were created in PHP.  I had never worked with PHP before, so I thought the solution to the problem would be to edit something in the PHP file.  To my surprise, the solution was much simpler.  All I had to do was look at the page source of the website in my browser and see the elements that the PHP outputted onto the page and call the respective div's and classes in my CSS file.

Once I resolved the problem, finishing up the theme was quite easy.  At this moment, my theme is done and ready to be tested on the TWC test site.  I put a lot of time into this project and really touched every detail of the website to make it look the best I could.  I learned a lot and hope to work with Drupal again in the future.

Below is a screenshot of the (almost) final product:

No comments:

Post a Comment