This is the central hub with links to all of the projects created throughout my time as a Shodor apprentice, sorted into sections for the fall block, the spring block, and the three blocks of summer.
Ethics Homework: Our first homework assignment was given to us by Ron after his presentation on office ethics. We were given a prompt that dealt with a difficult ethical situation in the office and asked to write an essay on how we would resolve the situation. The link will open my essay in Google Docs in a new tab.
Iteration Examples in Excel: In class, we learned about iteration and loops, and we applied those concepts in Excel through different examples, including simulating flipping a coin and modeling diffusion. The link will download the file, which can be opened in Microsoft Excel.
Programming Concepts in Excel: We used this Excel spreadsheet to begin learning about programming concepts including making functions, controlling functions, checkboxes, slope, scroll bars, and finding and using the y-intercept. The link will download the file, which can be opened in Microsoft Excel.
Simple Population in Excel: We modeled a population in Excel using the formula "Have = Had + Change", where the change in the population was proportional to the population. We created a graph in Excel that modeled this situation. The link will download the file, which can be opened in Microsoft Excel.
Rabbits in Vensim: We began learning about Vensim, a system modeling software, with this system model of a rabbit population that features a birth fraction and a competition fraction that affect the overall population. We created a graph in Vensim to accompany our model. The link will download the file, which can be opened in Vensim PLE.
Change vs. Behavior in Vensim: We introduced different changes into our previous rabbit population model to see how the behavior of the population over time was affected. The link will download the file, which can be opened in Vensim PLE.
SIR in Vensim: Our second model in Vensim was an SIR (Susceptible, Infected, Recovered) system model, which depicted people getting sick, getting better, and dying. The link will download the file, which can be opened in Vensim PLE.
Fly in AgentCubes: Our first model in AgentCubes, an online agent modeling software, was a simple model of a fly flying around a room and disappearing if it ended up by the window. The link will open the model in AgentCubes in a new tab.
SIR in AgentCubes: Our next model in AgentCubes was another SIR model. Instead of being a system model, which tracks the overall population, this model was an agent model, which deals with the actions and interactions of specific agents. The link will open the model in AgentCubes in a new tab.
High School Simulation Project: Our first major project as apprentices and our final project of the fall block involved working in pairs to simulate a scenario with both a system model and an agent model. The link will open the project website that Naylea Jacobo and I built in a new tab.
Forest Fire Project: Our second major project as apprentices involved taking Javascript code simulating either a predator/prey model or a disease model and transforming it into a model of a forest fire. I worked with Chris Parker on transforming a predator/prey model into our forest fire model and incorporating an element of wind into the simulation. The link will open the project website in a new tab.
Parallel Computing Notebook: We filled out this document as we went through our parallel computing notebook in April. We added information about each activity we did and what we learned from it about parallel computing. The link will open my parallel computing notebook in Google Docs in a new tab.
Butterfly Life Cycle Project: Our main project for the first block of the summer was creating a website to showcase the agent and system models we built to simulate a scenario of our choice. I chose the life cycle of a butterfly for this project. The link will open my project website in a new tab.
Scaling Images in Gimp: We also worked on graphic design during the first block. We took a source image, such as the image of a cat that I used, and scaled and cropped it to different sizes using the GNU Image Manipulation Program. The link will open the page in a new tab.
Icons and Banners: Another graphic design project that we had was designing several icons (two image icons, two icons related to our initials, and two icons related to our names) and turning them into banners in Gimp. The link will open the page in a new tab.
Responsive Web Design: We followed along with a tutorial by Drew Ryan (w3newbie) to create this responsive website from scratch. The link will open the responsive website in a new tab.
Image Collages: We created the Seven Object Collage and the Cosmic Turtles demo to get acquainted with using Inkscape and Gimp respectively. We also created our own version of Cosmic Turtles using other source images. The link will open the page in a new tab.
Random Hex Code Generator: For the second block of the summer, we began working with PHP, and we completed a series of projects assigned by Krista Katzenmeyer, former Shodor staff member, including this random hex code generator, which uses PHP to render HTML and output a random hex code. The link will open the generator in a new tab.
Background Selector: Another of Krista's projects was the background selector, where the user can choose from a dropdown of background colors and their choice is stored in cookies and remains when the page is reloaded. The link will open the selector in a new tab.
XML Blog: Another one of Krista's projects was the XML blog, where we used XML to write mock blog entries and rendered them using a PHP loop. The link will open the XML blog in a new tab.
Dice Statistics: Another one of Krista's projects was the dice statistics, where a user can input the number of times they want to roll a given number of dice and the page will output the randomly generated roll results and the sum of the rolls for any given die. The link will open the project in a new tab.
Dane Joe: Another one of Krista's projects was Dane Joe, where a user inputs their first and last name and the page outputs their name with the first letters of both names switched; E.G., an input of Jane Doe outputs Dane Joe. The link will open the project in a new tab.
Calendar: Another one of Krista's projects was the calendar. A user selects the month from a dropdown menu and the page generates a calendar page of that month for the year of 2017. The link will open the calendar in a new tab.
Dynamic Webpage: Miguel de los Reyes showed us how to create dynamic webpages using PHP and HTML. The link will open the dynamic webpage I created in a new tab.
Forms: We practiced creating, sanitizing, and validating forms in PHP with Ernie's help, using rendered HTML. The link will open the forms practice in a new tab.
Dice Roll Database: We expanded upon our dice statistics project through the use of MySQL and Sequel Pro. The PHP implements MySQL code so that when a user submits their information, their information as well as the results of their dice rolls are uploaded to the database. The link will open the project in a new tab.
Quality Assurance Document: During the third block, we reviewed our websites and made note of any errors, including spelling, grammar, broken or misleading links, testing code, and links to the newdev folder, and then endeavored to fix these errors. The link will open my quality assurance document in Google Docs in a new tab.
Bootstrap: Affixed Navbar: We researched libraries during this project. I researched the library Bootstrap, and created pages applying examples of it. This page is an example of a sticky navbar, that stays in its default position until it is scrolled over, at which point it stays at the top of the screen. The link will open the page in a new tab.
Bootstrap: Carousel: This page is an example of a Bootstrap carousel, which displays several images and allows the user to click through a slideshow of them. The link will open the page in a new tab.
Bootstrap: Collapsible Blog: This page is an example of collapsible sections. The blogs are divided into several sections by block, and clicking on the headers will expand or collapse the blogs. The link will open the page in a new tab.
Bootstrap: Collapsible Portfolio: This is another example of collapsible sections, using my portfolio page rather than my blog page. The projects are divided into sections by block, and clicking on the headers will expand or collapse the projects. The link will open the page in a new tab.
Bootstrap: Forms and Inputs: This is practice with forms and inputs using Bootstrap. Bootstrap supports many input types, including email, color, dropdowns, and radio buttons. The link will open the page in a new tab.
Bootstrap: Navbar Pills: This page has a navigation bar using pills, which are simple buttons designed for navigation in Bootstrap. The link will open the page in a new tab.
Bootstrap: Navbar Tabs: This page has a navigation bar using tabs, which is a system designed in Bootstrap to resemble tabs on a folder. The link will open the page in a new tab.
Bootstrap: Pagination and Pager: This page uses Bootstrap's pagination and pager systems. The navigation bar at the top uses pagination, a method of numbering pages for navigation, while the buttons at the bottom are pagers, used to navigate easily through a number of pages in sequential order. The link will open the page in a new tab.