MEL'SWORK

Web Designer and Developer

The Saucy Pie

The Saucy pie was a group project. Our assignment was to develop a website for a pizzeria who wanted to sell pizzas on campus. We had to make everything from scratch. It was difficult.

I ended up working in the backend. I figured out how to store the orders in a database through a lot of trial and error. I could not get the order to add up but as long as they got it, they could do it with a calculator.

Javascript Calulator

You would think developing a calculator would be easy. Nope, it is not. The hardest part was understanding the math equation needed for the formula to work. It was definitely a brain teaser.

Javascript Validation

It was the first or second semester when I was assigned this project. It was hard. The hardest part was just figuring out how to link stuff. I did it and it works! Try it out.

The Affinity Diagram

This tool allows you to gather large amounts of data and organizes them into groupings based on their relationship.

Materials needed: sticky notes or cards, marking pens, large work surface (wall, table, or floor).

  1. Record each idea with a marking pen on a separate sticky note or card. (During a brainstorming session, write directly onto sticky notes or cards if you suspect you will be following the brainstorm with an affinity diagram.) Randomly spread notes on a large work surface so all notes are visible to everyone. The entire team gathers around the notes and participates in the next steps.
  2. It is very important that no one talks during this step. Look for ideas that seem to be related in some way. Place them side by side. Repeat until all notes are grouped. It’s okay to have “loners” that don’t seem to fit a group. It’s all right to move a note someone else has already moved. If a note seems to belong in two groups, make a second note.
  3. You can talk now. Participants can discuss the shape of the chart, any surprising patterns, and especially reasons for moving controversial notes. A few more changes may be made. When ideas are grouped, select a heading for each group. Look for a note in each grouping that captures the meaning of the group. Place it at the top of the group. If there is no such note, write one. Often it is useful to write or highlight this note in a different color.
  4. Combine groups into “supergroups” if appropriate.
affinity diagram

Workplace Communication and Etiquette

Workplace Communication and Etiquette are both soft skills that we all should know.

  • Workplace Etiquette:  This governs the expectations of social behavior in the workplace.
    • Dress Code
    • How you use technology at work
    • Workplace Communication
      • This is the exchange of ideas, both non-verbal and verbal.  The way you communicate is important.  Either you are able to get your idea across or not depending on your communication skills.  This is why effective communication is important in the workplace. Here are some tips;
        • Your emails at work should be proofread several times and professional.
        • Eye contact tells the person who is talking to you that you are listening.
        • Being open-minded to other cultures.
      • Netiquette:
        • How You Act Online

It is always important to remember everyone is human.

SpaceX

SpaceX was my first real website I created. I developed it through a process of trial and error. A lot of errors. I was brand new to front end developing so it was a struggle.

I choose a dark theme and emphasized the colors in their logo. I wanted it to be pretty modern so I kept the design simple and clean. With the limited knowledge I had at that time I think I did pretty well.

Segway

Segway was a micro-site assigned in IT Minor. The information for the site was given to us and then we had to develop a site with it. I again decided to take the colors from the pictures and logo to develop the theme for the site.

I drew out my plan for the site then implemented it to the best of my ability. I can’t say it is exactly what I want but for my knowledge at that time, I think I nailed it. During this sites creation I learned that I absolutely love to design and code.

The Gluten Free Panda

The Gluten Free Panda is a food blog for my friend Shelbie. She has always wanted a blog so I made one, even if it is fake. She helped me with the color choices and I developed the layout and logo for her.

This was definitely a test of my skills. There were a lot more pages than what I was used to but I did it. I finished the site. Looking back, I can’t say I exactly like the color choice. It is almost too childish, but I think the design is pretty good.

I worked hard on this site and so did Shelbie. I hope to make her a real blog one day so she can post her recipes.

TNC Fisheries

This site was made for my fiance and room mate. They wanted a way to sell fish. Unfortunately, I wasn’t able to add a shopping cart so it turned out to be more of an informational site. They were okay with that.

With their help and approval, I developed a logo, theme, and the layout. I can’t say I am thrilled with my logo but it will do for now.

Capstone Project

The final assignment for IT Minor class was to redesign and develop a website for a real company. On the first day we were assigned out teams and given the company. The organization assigned to my group was United Way of Central Arkansas. They requested a smoother site, with updated information, a better way to store and organize information, easier access for agencies and donors, and to trim down the amount of pages on their current site.

Our goal was set. My team, Abigail, Jonathan, and Jay, took that information and then we started going over their old site. It was a bit overwhelming at first. They had so much content. We decided to use the affinity diagram as our way of figuring out what to keep and get rid of. This helped us to combine pages that were similar and get rid of pages that just weren’t needed.

Once we had trimmed the pages, we started looking for themes. We decided on Outreach Pro. There were some difficulties in trying to get the theme to work so we used Elementor instead. Elementor allows you to create blocks and then copy and paste them onto every page. That is what I did.

I created style blocks and used those to keep a consistent theme. I realized ¾ way through this project, that I should have put a CSS Class on it and used the universal CSS Stylesheet. At that time though, it was easier to keep going with the design.

These are my takeaways from this project; assign pages to your team members; communicate the color theme so all pages look the same; and never say no to working with new technology just because you don’t know it, aka United Way of Central Arkansas website’s platform. I have learned a lot from this experience and I know it will stay with me throughout my career as a Web Designer and Developer.

Rhetorical Analysis

On December 7th, 1941, Pearl Harbor was attacked by the Japanese. The day after the attack, Franklin D. Roosevelt delivered the Infamy Speech. His objective was to inform the citizens of the United States that he would not stand by and allow the Japanese to attack American soil without repercussions. His use of logos and pathos convinced the populace that they needed to defend themselves against Japan.

Pathos is an appeal to emotions. Considering that the day before many people had died, the citizens of the United States were very sad and upset. He used the people’s overwhelming emotions to help him convince the Congress that war was a necessary evil.

Franklin Roosevelt also used logos. He stated the facts about Pearl Harbor, reaffirming what the people of the United States had heard, and then he finished his speech with a conclusive statement, “With confidence in our armed forces, with the unbounding determination of our people, we will gain the inevitable triumph -- so help us God.” (Roosevelt, 1941) It worked incredibly well. Immediately afterward, Congress declared war, and the United States entered World War II. That is how convincing his speech was.

Using truth, emotions, and a conclusive statement made Franklin D. Roosevelt’s request almost impossible to say no to. His goal was to persuade the people of the United States to go to war, and he did.

Mel's Artwork