Portfolio
- Ethics Assignment
- Excel Model
- H2Whoa Website
- Dice Roll
- Calendar
- FIRE!
- Lynx-Deer HLD
- Dice Roll
- Mad Libs
- Dane Joe
- Dynamic Pages
- XML Blog
- Hexcode
- Background Selector
- Calendar 2012
Welcome to my portfolio page! This page is a showcase of several projects I have done at Shodor. Below, I have screenshots and links to models and other webpages I've designed individually as well as with my classmates.
Microsoft Word: Ethics Assignment
Our first assignment was an Ethics essay. In the essay we were to write about how we would deal with the situation if we were in charge of a group that was falling apart and needed to finish $19M funding project. The assignment and my answers are both in Microsoft Words. Link:
AgentSheets: Simple Epidemics Model
The first modeling project we were assigned was to create our own Simple Epidemics model in AgentSheets. I worked in a group with Tess, Caroline, and Leon. In our model, we start of with many healthy people, a couple of nurses and doctors, and one sick person. As the model runs, more and more healthy people become sick when they come in contact with the sick. But when they are next to a doctor or nurse, they are vaccinated and are turned into the recovered. To get to the model, please click "here".
With the Simple Epidemics model, we then import it into Excel where we created a theoretical model of the model in Agentsheets. We used Excel as a host in order to compare the difference between theoretical and experimental models. Below is a screenshot and link of the graph I built in Excel.
Excel Graph Screen Shot
HTML: H2Whoa Website
Tess and I were partners for the group webpage project. We created an Agentsheets and Vensim model for the scenario we were given.
Scenario:
Farmer Brown has set up a lake and a field of corn, and dividing the two he has a parking lot. The Farmer realized that raising animals is no longer a lucrative as it used to be. So he decided to make his cornfield into a maze, and use his lake for recreation. Now, he wants his parking lot to be as large as possible, because more parking means more people can come, but he wants to make sure that his corn and his lake gets enough water. Therefore, Tess and I were called up to create models that would help Farmer Brown solve his problem.
Here is a link to our website:
JavaScript: Dice Roll
For this assignment, Mr. Doug taught us the basics of JavaScript. The goal of this project is to show the frequency of a variety of sums resulted when 2 dices are rolled.
Click the link below to get to the project:
JavaScript: Calendar
The second project with JavaScript included using loops and variables to display a month with 31 days. By using a loop, it saves you from writing in every single date.
While doing this project, I learned that you can put a loop within a loop. I also learned that by puting 2 anti-commands togther (boolean), you end up with true and falses.
Below is the link to the calendar:
JavaScript: Color Divs
Mr. Doug and Aaron taught the class about coding in Javascript for a few weeks. We were given a class project in which we are to color the 1rst div after 1 second, the 2nd div after 2 seconds, and so forth until the 6th div (the function stops). Click "here" to see the project.
JavaScript: Color Canvas:(random walk)
The idea of this project is to basically draw 3 rectangles and have them move within the boundary randomly. To get to the project please click "here"
JavaScript: Fire Project
The last project for the Spring season was a group project. My partner,Tess, and I decided to do ours based on the spread of tree fire. Starting the project, we used the starting code Ernie provided the class with. In his starting code, Ernie had given each tree an ID. From there, we made the forest bigger and used loops in order to have the tree look up, down, left, and right for fire. After getting the trees to successfully catch on fire, we then gave each direction a probability (a number between 0 and 1); we also made it so that we could control the probability number. Lastly, we set an interval box to control the number of times the model runs before it stops.
The hardest part of this project was getting the code to work right. I learned an important lesson while doing this project; planning out the code on paper before entering it onto the computer saves you a whole lot of time. You can't expect the code to work by entering the whole script. Ernie had made Tess and I to start all over, 2 days before the due date,having us check each section of the code as we went and debugging the errors. I have to admit that I was pretty upset, but I'm glad I did.
If I was given the chance to redo this project again, there is one thing I would add to it. Every time we ran the model, all the trees would burn. Depending on the probability, the tress would burn at a certain rate. Given the chance, I'd add a probability that the fire would sizzle out. That way, not all of the trees would burn; a higher amount with the higher probability.
Here is the link to the FIRE Project:
AgentSheets: Lynx-Deer (Predator/Prey) Model
This is the first assignment for the summer. Ernie mentioned that this was a real project that someone from Germany had requested that we build. Acording to the request the guy wanted a model that displays the interaction between Lynxes and Deer; basicaly a predator/prey interaction.
The model is based on this story:
Adult, baby deer, and lynx walk around a grassy field. If a lynx is hungry and sees a deer, it eats the deer and becomes less hungry. Baby deer are less filling for the lynx than adult deer. If a deer is hungry and sees grass, it eats the grass and becomes less hungry. When a deer or lynx is full, it produces babies. As these babies get older, they become adults. If the field runs out of grass, the deer will starve. If all the deer die, the lynx will starve. Eventually every deer and lynx will die of old age.
To get to the model, please click "Lynx-Deer Model".
Microsoft Word: HLD for Lynx-Deer AgentSheets Model
Along with the AgentSheets model, I had to create a HLD (High Level Design Document) for the model.
To get to the HLD document please click the link below:
Inkscape/Gimp: Ernie's Photo
The second week in block 1 of summer focuses on graphics. One of the assignments were to play around with Ernie's photo in either Inkscape or Gimp. I made 2 graphic photos of Ernie; one as a clown and the other Einstein.
Inkscape/Gimp: Logos/Banner
The second assignment of the 2nd week was to create several logos and a banner. The topics I chose to base my designs on were flute, taekwondo, and dolphins.
LOGOS:
FLUTE BANNER:
Inkscape/Gimp: Full Website Designs
The last Graphics project was to create full website designs that we will later implement as one of the projects during the 3rd block. These designs are based on the logos I've created. I am hoping to create a CSS webpage switcher in the future so I can use all 3 designs.
PHP: Dice Roll
This is the first project of the 2nd block. In this project, we are to convert the project we did in JavaScript with the same senario of 2 diced being rolled and having to graph the sum of the 2 dices. While I worked on getting use to PHP's language, Eric supported me along the way.
PHP: Mad Libs
The 2nd project in PHP is to create a Mad Lib where the web-surfer may enter nouns, verbs, etc. into a story already created. Alex helped me throughout the project, since this project was done in class last week (when the whole classes was doing it) that I missed.
PHP: Dane Joe
Dane Joe is also another project done in PHP. It allows the user to enter 2 names, then switched the first letter of each name. I'm most proud of this project because I completed it without really any help.
PHP: Dynamic Pages
Dynamic Pages was one of the most difficult projects, since it introduces the concept of passing values/information through the url. We were asked to create a little website using dynamic pages.
PHP/XML: XML Blog
The XML Blog project is the most confusing in my opinion. XML is very similar to HTML, except that it transport and store data rather than display data. First you write all your information in XML. Then use PHP containing HTML to display the information online by simply using simplexml_load_file() to call the XML file.
PHP: Hexcode
Hexcode is a 6 digit string of a random combination of numbers from 0-9 and letters A-F. With these strings of hexcode, comes multiple background colors. Hope you enjoy them!
PHP: Background Selector
The background selector is a project in which the user may change the color of the background. The lesson within the background selector is to set a cookie, so that when refreshing the webpage the color selected will stay as the background color.
PHP: Calendar 2012
The last mini project in PHP was the calendar. This project took the longest among the others. As you can predict, it is the 2012 calendar.
Microsoft Word: Apprentice Portal HLD
The last summer project was to make a copy of our original website in html onto PageRender (Apprentice Portal). Therefore Shodor has a backup-file to all of our work. Along with the actual process posting the contents onto PageRender, we also had to create a HLD to explain the process in which we did the project.
Here is a screenshot of how the completed project in Apprentice Portal looked like. I've also included a css switcher between the 2 designs below.
And here is the link to the HLD for Apprentice Portal.