MONIQUE ARMELLE Z. DACANAY

MY PORTFOLIO ASSIGNMENTS!

Summer- Block 3

Quality Assurance Document

This document takes note of all the edits and changes I made and need to make to my website.

Programming Library Research Projects

These five projects below, allowed me to explore many different libraries.

jQuery Chaining Method

This project helped me learn more about jQuery, a JS library. While doing this demo, I learned that you can chain actions and methods together. Chaining lets you run many jQuery methods, on the same element, inside a single statement. This project chains the css(), slideUp(), and slideDown() methods. In other words, it makes the element turn medium violet red, slide up, and then slide down.

Font Awesome Icons

This project helped me learn more about Font Awesome, a CSS library. I learned that Font Awesome does not even require any downloading or installation. Also, to insert Font Awesome icons in your code, you only need to type the prefix fa, and the icon's name.

jQuery Hide() and Show()

This project helped me learn more about jQuery, a JS library. This demo hides information when you click the hide button, and shows the information, when you click the show button.

jQuery Fade In Method

This project helped me learn more about jQuery JS, a JS library. I learned that you can use jQuery to do cool effects, like fading in and out. This project shows how you can use the fadeIn() method to fade in boxes.

Bootstrap Website

This project helped me learn more about Bootstrap, a CSS library.

Dice Roller Database

The Dice Roller Database allows users to enter information into forms, which then goes into the database and creates a chart that displays all the information inputted in a table. Below, on the separate website, where it shows the table, it answers questions like, what was the most popular color and what is the average shoe size.

MySQL Syntax Guide

In this research guide, I learned more about what MySQL is. I learned how to create a table, add information into the table, and much more!

Summer- Block 2

PHP Forms and Forms Validation Demo

This demo allowed me to learn what forms are and how we can use them to collect information from users. It touched based with the different types of methods, which are, the get and post method. This demo also showed us how to validate a form, to take away script tags and other dangerous information.

XML Blog

The XML Blog uses a PHP loop to show blog entries, from an external XML file.

Background Selector

This project allows the user to select an option from a drop down box, which changes the background color. It uses cookies to store the selection and keeps the custom background selection even when the user leaves, or reloads the page.

Dynamic Pages

This project dynamically loads information, by passing a $_GET variable.

Dice Statistics

This project virtually rolls some number of dice, some number of times. After, it makes a chart to show the sum of the output each time. In addition, it also displays the sums with its frequencies.

Dane Joe

This project gets the first and last name, and switches the first and last letter of each name.

Random Hex Code Generator

This project uses rand() to make a random hex code as the pages's background color.

Flip of the Coin Model Rendered

This project shows the benefits of rendering HTML in PHP. It shows the results of flipping a coin 250 times, and calculates how many coins landed on heads, tails, and their percentages.

Flip of the Coin Model Demo

This project shows the results of flipping a coin 250 times. It tells you how many coins landed on heads and how many landed on tails. Also, it tells you the percentages of how many heads and tails were rolled.

Programming Concepts Syntax Research Guide

In this research guide, we learned more about what JavaScript and PHP are and we learned how to comment code, how to make arrays, how to use math operators, and much more.

Summer- Block 1

Web Design HLD

This HLD describes my plan for my amazing website!

Inkscape

This project displays my 7 collage project, favicon, and logos.

Gimp Photos

This project displays photos being scaled, cropped, and much more, using Gimp.

Responsive Web Design Website

This is an example of a professional responsive website, that can be used to display information to the public.
CITATION: “Rocket Design Responsive Website Tutorial.” w3newbie, www.w3newbie.com/tutorials/rocket-design-responsive-website-tutorial/.

Sea Life Model Website

In this project, I modeled the relationship between sea turtles and jellyfish, and how they can affect each others populations. For instance, if there are more sea turtles eating the jellyfish, then this will cause a decrease in the number of jellyfish. Soon the amount of sea turtles will decrease caused by competition of sea turtles fighting for food.

Fall

Office Ethics Project

In this project, we had to think about the long term effects of our decision on personal interaction and business productivity in a real business environment.

HTML Research Guide

In this research guide, we learned more about what HTML is and we learned the many different tags HTML uses, and multiple terms, in which are very useful to HTML.

Excel Examples from Class

Coin Flip

This coin flip model shows us how many times in which a coin lands on heads randomly, and it counts them.

Dominant/Recessive

This model shows us the chances of a child being dominant or recessive, if his/her parents are either dominant, recessive, or both.

Simple Population

This is a simple implementation of a model of population growth where the change in the population per unit time is proportional to the population itself. HAVE = HAD + CHANGE.

Diffusion

This model shows how a heaters heat waves can spread over time. Also, depending on how many heaters there are and where the heaters are placed, it changes how fast the heat waves spread throughout the room.

Dice+Spinner

The dice and spinner show us the chances of a dice, or spinner landing on a certain number or color, by random.

Vensim Examples from Class

Rabbits

This rabbit model includes birth fraction, competition, and death. It shows how all these conditions can affect one another. If a lot of rabbits are born for example, then there would be more competition, which would lead to some of the rabbits dying.

Healthy+Sick

This Healthy+Sick model shows healthy people getting sick, when they come in touch with one another.

Predator-Prey

This model show the relationship between a predator and a prey, and how they can affect each others populations.

AgentCubes Disease Example

This agent model models the spread of a disease from a sick person, to soon all the healthy people.

Group Project 1

Group Project website

In our group project number one, we modeled the relationship between fish and fishermen, and how they can affect each others populations. For example, if there are more fishermen fishing, there will be a decrease in the number of fish. Also, if there was a small amount of fish, and the fishermen were not catching any fish, then the fishermen will leave.

Spring

Bouncing Particles Example

This example shows particles bouncing off and moving around in a confined space. We learned how this model should be dynamic (moving), visual (changing sight), and interactive (person using if can interact with it). Also, we used CSS and Javascript to create this model. In this model we tested different model parameters. For example, we tested how our model looked like if our particles were a certain height, width, shape, color, and more. Also, we tested the different parameters for our canvas.

Code refactoring example (Project Euler class example)

This project euler example demonstrates algorithmic thinking. We also learned that you should think first in pseudocode, then in regular code. In this example, we found the sum of all the multiples of 3 or 5 below 1000, using Javascript.

CSS research guide

In this research guide, we learned more about what CSS. Also, we learned the different forms of CSS, inline, external, and internal. In addition, we learned about multiple CSS properties.

link to HTML template.html no CSS

In this template, we used our HTML skills to create a document/template, with no CSS.

link to HTML template.html with CSS

In this template, we used our HTML and CSS skills to design and create a template. This template was really fun to create, design, and style.

Group Project 2

Group project website

In this project, we modeled a burning forest, with the extensions of wind, and firemen. We also made our model so that only the nearest neighbors will burn, or change from one type of tree to another (healthy beside burning, change to burning).

Parallel Programming Notebook

In the parallel programming notebook, we added multiple examples of uses of parallel computing. We also took a look at parallel workers, and how sometimes it is faster to do parallel compared to serial.

×