Personal Project - Process Journal

Garg - 2

Investigate (9/22) While investigating possible projects, I decided to use the Areas of Interaction. I found two possible projects per Area: Community and Service: •

•

Volunteer at the Oregon Food Bank in the Fresh Alliance and Perishables Repack Room, the Volunteer Action Center, or the Food Recovery Center. Become an attorney in the Beaverton Police Youth Peer Court.

Homo Faber: • •

Create a website for my neighborhood (Bauer Oaks). Conduct an experiment regarding the usage of electronics and how they affect daily life. Find whether technology is necessary, a luxury, or overused.

Environment: • •

Help ISB earn the Green School’s Certificate of Merit. Measure the amount of trash and recycling my houses and aim to reduce the amount of trash and increase recycling.

Health and Social Education: • •

Make a study of different cultures and how they relate to each other. Create and follow a fitness plan with set goals to be met at the end of the project.

Approaches to Learning • •

Make a study on time management and school work ethic. Create a program which students can follow to get ahead in school. Collect statistics about people’s multiple intelligences and study which ones are dominant.

I don’t feel very comfortable with any of these projects, so I am going to continue researching and brainstorming more project ideas.

Garg - 3

(10/20) I realized today that I should do some sort of project centered around the ISB MUN program, because it would be interesting for me and would fit the Areas of Interaction nicely. However, I am still unsure of the product that I would create. A few possible ideas are: a website, a documentary video, student interviews, an ISB conference, or a written yearly plan for future MUN members to follow after I have graduated. The idea that most excites me is the website, because I already have experience in web design, and it would be useful for the ISB MUN club for the entire year. I will continue to ponder which of these ideas I will choose for my Personal Project.

(10/21) Today, I decided to create a website for my Personal Project. Although the website will be my main product, I still intend to host an ISB conference. I believe that if I create a website for the ISB MUN club, everyone in the club will be able to access all the needed information very easily. I am very excited to begin planning the website, because I have some ideas from previous websites that I have built. For example, I was going to create a website for my dad’s company, but in the end I decided that it would be too much work for me. However, I created a basic design of the website. I think I can use this for my project.

Reflection: During the investigative portion of my project, I brainstormed many ideas for my Personal Project. I came up with most of the project ideas, but my mom helped with a few of them. For example she came up with the idea of creating a website for my neighborhood. I would have never thought of that idea if she hadn’t suggested it to me. I had a bit of trouble coming up with two ideas for each Area of Interaction. I’m not a very creative person, and it took me a few hours to brainstorm all of the ideas listed in my process journal. I think that was the only roadblock that I faced throughout the investigative portion of my project. As far as my project progressing, I feel that I have been very effective in coming up with an interesting project that helps many other people. It took me a long time to reach the final project, but I believe that all the steps I took were useful and necessary in the process.

Garg - 4 If I were to do the investigate section of my project again, I’d come up with different project ideas that were more interesting to me. I would also contact a few of the volunteer offices to see what other kinds of work are available for me to do, so that I have more options.

Garg - 5

Plan (10/21) First of all, I need to create a graphic part of my website. I need it to look professional and appealing to anyone who views it. I know that I’m not a very creative artist, but I also know that I have very good Photoshop skills. I have one idea that I’ve been saving for the right moment, and I think that it might be perfect to use for the ISB MUN website. It’s modeled after the new Web 2.0 movement. The header is mostly black, and features a two-part gradient with a glass-like reflection. It will say “ISB Model United Nations” in white, and that text will be reflected as if the original text was standing on a mirror. The entire header will have a drop shadow to make it look more realistic. The background of the body will be modeled after the New York Times’ website. It will have diagonal stripes of very light gray, alternating with white stripes. I hope that it will be light enough so that it will not be distracting. The main portion of the body will be a white rectangle with rounded corners. The rectangle will have shadows on it so that it looks more realistic. It will also have a drop shadow. This portion will be put on top of the background to create the body. All of the website’s text and other information will be displayed within this rectangle. In the lower right region of the header, there will be four buttons to serve as links to the other pages of the site: “Home”, “Research”, “Calendar”, and “Contact”. The text of these buttons will be white. There will be a strip of a solid color under each word, and each word will be assigned to a different color. These colors serve to contrast from the black of the header, and to make the buttons stand out. I will create all of these components in Adobe Photoshop. I hope to have them all created and put together in Adobe Dreamweaver as a template by October 30th. These are two very useful and powerful software applications that will help me to create graphics and put together my website.

Garg - 6 (10/28) Today, I decided what will go on each of the pages. I want the website to be as simple as possible, while still retaining its professional look. I am going to use tabs on each page to create “sub-pages”. This eliminates extra, unneeded pages. On the “Home” page, I will have simply a news feed. This will be the club’s source of news and information. For example, if I need to let the club know about a changed due date, I will post a news article on the blog, and the club members will periodically check the page to see new articles. I am going to create a posting page so that I can post new articles even if I am away from home. On the “Research” page, I will have tabs for different types of research links. There will be one tab for general MUN links, and another for Indiarelated links. I think that I will also eventually categorize the India-related links by committees, so that delegates can access links that are helpful to them. The “Calendar” page is meant to have information specifically about the MUN club at ISB. There will be two tabs: Calendar and General. These tabs are self-explanatory. I want the calendar tab to be in front, so that delegates can view upcoming events and due dates very easily. The “General” tab will include information such as which committees delegates are on, club requirements, and attendance. The “Contact” page will simply be a form that will allow visitors to send an email to either of the two ambassadors. If a visitor has a question about the website or about the ISB MUN club, the contact form will be an easy way to get more information. I believe that these pages will perform the task of being simply informational. They won’t have any attractive features yet, but I think I can work on that later. Right now, I’m just focusing on making the website functional enough so that people will want to use it, even just once in a while.

Reflection: I made a lot of decisions during the planning section of my project. Obviously, I decided the basic layout for the website. I chose only four pages for my website because I want it to be as simple and accessible as possible –

Garg - 7 no one likes disorganization and lots of clutter. Although the website may appear simple on the outside, it will be very informative on the inside. My progress for this portion of the project was very smooth, because I already had a basic template and idea for what I wanted the website to look like. Because I had already created a test mini-site for a friend, I just had to decide what to call the pages. The thing that will take most of my time is actually putting stuff into the pages. Other than that, the basic planning and creating of the website template did not have any roadblocks. I find that my project is progressing very steadily. Now that I have a basic idea of what I want the website to look like, I feel that I have won half the battle. Usually, when I am designing websites, I get stuck on the visual design, and eventually give up because I can’t decide on what to make the site look like. Now that I have an idea that I like, I feel more confident that I will be able to finish the website, and do well all throughout my project. If I ever go back and did the planning section of my project again, I might change the “Calendar” page to “Program” or “Club” right away, because I now know that I can’t limit myself to just putting a calendar on that page. In fact, I might even change the template altogether and allow myself room for more than just four buttons and pages, because sometimes it’s frustrating to be stuck with only four pages. I like the tabs on each page, but sometimes it feels like people misjudge my website and believe it is too simple for everyday use. Next time, I will probably rethink how many pages I want to include on my website.

Garg - 8

Create (10/30) I finished creating all of the graphics for the website today. It didn’t take me very long to create the graphics by themselves; it took me a very long time to cut the graphics up to be ready to place into Dreamweaver. In order to create the website and make it look uniform, I needed to place all the graphics together in a way that makes them look good. However, when building web pages, there are many limitations to how you can put graphics together. For example, the internet is rectangle-based – no curves. Because of this, I had to cut my background image into three different parts: the curved top, the rectangular middle, and curved bottom. Other than that, all of the graphics are ready to be placed together.

(10/31) I placed all of the graphics together in Dreamweaver today. It took a little while to create all the tables to place the graphics in, but it eventually worked. Most of the work was in making the tables correctly sized so that the graphics looked seamless. Otherwise, there would have been big, ugly gaps between random parts of the website. I tested the main page in a web browser to make sure that it looked good. I liked what I saw, except that it wasn’t very eye-catching and interesting. I think that if I create some rollover effects on the buttons, it will be more interesting.

(11/7) Today I created rollover effects for the buttons in the header. There are two states for each button: “off”, when the mouse is on hovering over it, and “on”, when the mouse is hovering over it. I decided to make the colors in each button a bit paler in the “off” state, so that when the mouse hovers over it, the color will change to a much brighter shade. This creates dynamic interest in the web page. To make the rollover effects, I simply edited the original buttons in Photoshop to make the colors paler. Then, I made a duplicate of each button, and changed the colors to brighter shades. Finally, I used JavaScript behaviors in Dreamweaver to create the “off” and “on” states for each button.

Garg - 9

(11/13) I finished the news article posting system today. I believe that this component of the website is the most technically difficult part to complete, because it involves so many different things. In order to create the system, I had to first create a data table in the MySQL table. I called it tbl_isb_blog, conveniently enough. Within the table, I created five different columns: number, title, author, date, and body. The “number” column serves to place the articles in order from newest to oldest. The other four columns are self-explanatory. When I was creating the table, I had to look up a few SQL commands because I had forgotten them, but it didn’t take much longer than I had planned. After creating the table in the database, I had to create a posting form on the website. This part was very easy. I just created text fields for title, author, date, and body. Then, I connected Dreamweaver to the database, so it could create the code necessary to make the form active. Lastly, I created a dynamic table on the home page of the website. The table is dynamic because it changes every time a new article is posted. I also set the table to show only the last ten posts, because otherwise the home page would be too long. I did not have any problems while creating the posting system, and when I tested it for the first time, it worked perfectly.

(11/23) I uploaded the entire website to my web server today. Today is the first day that my website is actually online and fully functional. I don’t have much on the website yet, but so far I have an introductory news article, basic club information, calendar, last year’s history, and a contact form. I hope to start collecting research links soon.

(11/28) I searched for a few research links on Google, such as India’s position and view points on different world issues. I placed a few of these links on the research page, along with some of the official Oregon MUN documents. I think I need to put more links on the page quicker, because some of the delegates are clueless as to where to begin researching.

Garg - 10 (12/7) Today I did two things: place a dragon logo into the header, and create meeting plans. To create the logo, I simply searched for a drawing of a simple dragon on Google. The only issue I had with this is that I needed a perfectly horizontal dragon with clear edges. This took me a little while to find, but I found one eventually. After finding one, I just opened it in Photoshop, painted it completely white, resized it, and placed it into the header file. Finally, I created a small reflection, and uploaded it to the web server. Creating the meeting plans was very easy. All I had to do was use a template for my Boy Scout troop meetings and change it a little bit. Then, I had to upload the plans to the website. Now, delegates can see what will be happening at future meetings.

(12/12) I revamped the research page today. I have been slowly adding research links every day, but today I actually separated all of the links into committees. Each MUN committee now has a section for links, including the General Assemblies. I hope this will allow delegates to access the links easier, and encourage more people to use the research page.

(12/15) Today, I decided to change the name of the “Calendar” page to “Program”. This allows me to put more tabs in the page that do not relate to the calendar. The page is meant to hold all sorts of information about the club. I also added a “History” tab, so that I can write a brief history of last year’s club. I hope that future years of MUN delegates will read the history and appreciate what we did last year.

(1/9) After taking a break from the website, I decided to start working on it again today. I started by adding a photo gallery to the “Program” page. I placed the gallery in its own tab. To create the gallery, I used Coffeecup Flash Photo Gallery, which is very useful software that creates good-looking Flash galleries. All I had to do was specify the size and color scheme of the gallery, and add images, and then upload the gallery to the web server. So far, there are only a few pictures from last year and a few pictures of this year’s meetings, but I hope to take more pictures and add them as I go along.

Garg - 11 (2/20) I have been taking lots of pictures of the weekly MUN meetings, and I finally added them to the photo gallery today. I created two galleries within the main gallery: Meetings and ISB Model World Summit. The summit was an event that ISB hosted on February 15, and students from around Beaverton came to practice their debating skills and to prepare for the conference. Mr. Fox took many pictures of this event. Now, there are a lot of interesting pictures to view in the photo gallery. I believe that the gallery serves as a supplement to the written history, so that when future MUN delegates view them, they will be better informed as to what happened in previous years.

(3/1) I am a few days ahead of schedule, which is nice to know. Today, I added critical functionality to the calendar. I added sliding boxes to each date, so that when people click on them, they slide open to reveal a basic plan for that event. I decided to get rid of the old meeting plans, because they were too much of a hassle to open. Each of the old meeting plans were in their own PDF files, and it took too long to open each one. With the new system, delegates can simply click on the date, and watch it slide open, and then read the short description inside. To create this sliding feature, I made use of the Spry framework within Dreamweaver. Spry is based off AJAX, which stands for asynchronous JavaScript and XML. In short, Spry is meant to simplify everything from data display to visual effects. All I had to do was convert each table cell containing a date to a Spry sliding box, then type a short plan or description into each box. Finally, I had to upload the Spry files to the website so that the sliding boxes can run off the framework. I hope this new feature helps the delegates take more advantage of the website.

(3/11) Today, I added another new feature to the website. I decided that it was too much of a hassle to have to email the club members each time there was a new article posted on the website. Now, every time I post a new article, the website will automatically send an email to every club member notifying them of the new post. To create this system, I had to dive into the complicated PHP code on the posting page. I looked for the part where it sends the text into the database, and started my new code just before this section. I added PHP code to send an email. In the “To” section, I simply copied and pasted the club email list. In the “Subject” section, I typed “New Post at MUN Website”.

Garg - 12 In the “Message” section, I just typed a few sentences letting the delegates know that there is a new post on the website, and to go read it because it’s probably very important. I tested the system as soon as I had finished it, and although it took about five minutes to arrive, the email system did indeed work. Now that it is in place, I do not have to send emails to the club myself, unless I don’t want it to show up as a post on the website.

Reflection: I think that there were a lot of modifications and adjustments that were necessary throughout the creating stage of my project. For example, I had to go back and change the name of the “Calendar” page to “Program”, so I could put stuff other than just a calendar on that page. Most of the decisions that I made were because I realized that something I had originally planned was not going to work. I had to adjust parts of the website to make them more functional and accessible to anyone who used it. My progress during this stage was smooth in general, with some rough parts. Most of the time, I knew what I was doing, and I was following my Plan of Action. My Plan of Action had specific due dates for each component of the website, so I knew how to manage my time. The only times my progress became rough was when I changed parts of the website halfway through the create stage, because I decided that they were not good enough. One major roadblock that I dealt with throughout the course of my project was the fact that I limited myself to only four pages. In fact, one of the pages was just a contact form, and another was just a news blog. So, I really only had two pages to put all sorts of information on. This was a roadblock because I had to decide how to manage and organize all the different pieces of information I needed to put on the two pages. It took me a while to figure out what to put where, but eventually, using tabs fixed the problem. If I were to go back and create my project again, I might change a few things. Firstly, I probably would have kept all the original Photoshop files so that I could modify them easily if I need to. When I actually created my website, I somehow lost the original Photoshop files, so every time I wanted to modify the graphic design, I had to go to lengthy measures to do so. I

Garg - 13 would probably also create a more sophisticated user authentication system for the news blog, so that any of the ambassadors could post news articles.

Garg - 14

Evaluate (4/22) After a long year of hard work, I have finally finished my Personal Project. My website is complete and has been used many times by many of the MUN club members. I believe that my final product mostly matches my original goal. My goal was to create a website that was both attractive and useful to MUN club members and prospective club members. Although I don’t yet know how useful my website is for prospective members, I know that this year’s club members used my website a lot. They used it to find out about upcoming events, find research links, look at photos, and many other things. I know there are a lot of things that I could have done to make the website even better than it is, but I believe that there are no significant or noticeable flaws in its current design and application. Therefore, my final product matches my original goal. In terms of the aesthetic qualities of my website, I think that it looks really good, considering that I am not very artistic and have never been. Although the color scheme is mostly shades of gray and black, the contrast and modern “Web 2.0” look is very attractive to anyone who looks at the website. Some of my website even reminds me of designs that Apple Computers uses for their website and some of their applications, including iTunes. This must be a good thing, because Apple is known for their innovative and attractive visual designs. In terms of practical qualities of my website, I believe that I achieved exactly what I have been striving for: sophistication without complication. Although there were some issues with having only four pages, I think that I worked around that complication very well. Now, anyone who views the website can find information very easily, because they only have to choose from four main buttons, then up to four tabs under two of the buttons. Although there is a lot of information on the website, I think that it has been placed in an easy-to-use format. I think that I could improve the quality of my website if I surveyed everyone in the MUN club, and even possibly put an online survey on the website. That way, I can gain valuable opinions about the website from the

Garg - 15 people who will actually be using it on a daily basis. Another idea is to implement a more sophisticated user system, so that club ambassadors have some control over the research links and news articles on the website. My efficiency during the project probably left something to be desired. I believe that although I was on schedule most of the time, I could have definitely been more efficient. One way I could have done this is to have actually mapped out which days I would work on which components, instead of simply assigning due dates. Most of the time, I finished each component on the due date, when I could have finished it a week before. Another way I could have been more efficient is to have set aside time specifically for working on my website. All year long, I would get distracted by other things while working on my project. This definitely slowed my progress down. I believe that if I had devoted time to only working on my project, my progress would have been significantly more efficient. In terms of involvement, I believe that I fluctuated between the different stages of my Personal Project. During the investigating stage, I definitely was not as involved as I should have been. I don’t particularly enjoy researching, especially about project ideas that don’t interest me. I think that if I had researched project ideas that were interesting to me, such as something involving technology or the sciences, I would have been more involved. During the planning stage, I was somewhat more involved, but it was hard to be totally involved because I already had a basic template. All I had to do at that stage was to re-emphasize the graphic design and define the layout of the website. Since I have designed lots of websites, planning them has become something of a second nature to me; I do it very quickly. I was most involved during the creation stage of my project. Since this took up most of the year, I had to be involved, or else my project wouldn’t have turned out well. Plus, I enjoy creating websites. I worked all year on different components of the website. I also modified parts of it when needed. You could probably say that I “actively” created my project. All in all, I think that my Personal Project meets my original intent, and it is mostly a success.