Illustrator Infographic

The second portion of the Adobe Illustrator module called for the creation of an infographic. Despite the popularity of these images, this was my first attempt at creating one myself.

Over the course of the semester, I have been praising the WordPress platform, so I decided to make this the focus of my project. Collecting the main points within the accompanying storyboard really helped streamline the process. Dividing the canvas into equal portions saved a lot of time in spacing out all of the independent elements.

Starting with a question, and moving into the dominant market share, I includes stats that speak to the reputability of the platform, before highlighting all of the features that cost nothing to the end user. The call-to-action really seemed to tie it back to the top, prompting one to at least consider designing a site through WordPress.

Working in marketing and advertising, infographics are a very effective visual tool for raising awareness, and I am hoping to be able to incorporate a project like this in my day-to-day.

benefits-of-wordpress

About Aaron

My name is Aaron Hagenbuch (hey·guhn·boo). Graduate of Bloomsburg University, and current graduate student at Penn State University, studying Learning, Design and Technology.

Obsessed with all things tech, I frequently speak in movie quotes, and am interested in site building, blogging, marketing, data analytics and graphic design.

When not working or studying, I love to surf the internet, drink coffee, hang out with friends, and keep current on my ever-growing Netflix queue. Feel free to connect with me on social media, or send me an email through my contact form.

Facebook Twitter Google+ Linkedin Email

Working with Databases

For my second module, I was tasked with creating a webpage that supports the following functionality:

Part1: A button that, when clicked, displays the contents of your database.

Part 2: A form that:

  • Lets you add or remove records from the database.
  • Allows students’ first and last names to be added or deleted from the gradebook.
  • Allows you to enter assignment numbers and assignment scores.

Part 3: A page that allows you to view all the scores for any given student.

Gradebook Database

Welcome to my Gradebook Database! Here you can search by student or assignment, and even sort data by name or score. As an added bonus, if you would like to edit the database, simply click the button below and type in ‘password’ when prompted. This additional layer of security is meant to showcase the functionality that can be added when storing records and other sensitive information in an online format. You can even view all records by clicking the button below.

 

Edit Database   View All Entries

[cdbt-view table=”wp_gradebook” bootstrap_style=”true” enable_repeater=”false” display_list_num=”false” display_search=”true” display_title=”true” enable_sort=”true” display_filter=”false” display_view=”false” draggable=”true” display_index_row=”head-only” footer_interface=”pagination” narrow_operator=”and” sort_order=”created:desc” limit_items=”0″ truncate_strings=”39″ thumbnail_width=”100″ ajax_load=”true”]

Introduction to Web Development

For my first module, I was tasked with creating a website – this website in fact! Going with a meta approach, I decided to document my journey. Please click on the hyperlinks below to view project-specific elements.

Primary Objectives: Incorporate the following elements…

  • An initial home page in which you introduce the purpose of your website.
  • Navigation buttons that link to the different pages on your website.
  • Experiment with CSS to make your page visually interesting and try out different layouts.

Additionally: use jQuery to accomplish the following…

Draggable jQuery

The ability to drag elements through the use of jQuery can be very useful. For example, building off of this functionality can allow visitors to interact with your website in fun new ways. Whether creating games or building experiences that incorporate touchscreen devices, it is possible to integrate elements that increase user engagement and time on site.



 

Click & drag to move me!

 

 

jQuery Accordion

The jQuery accordion is a great way to display several pieces of information in a dynamic and concise format. While search engines like Google used to ignore expandable content in the past, the algorithm responsible for ranking website content has evolved and now crawls hidden text that can be found within the source code of a website.

My Accordion

This is an example of an accordion, there are many like it, but this one is mine…

How It Works

The accordion works by using jQuery to arrange graphical elements to list items that can be expanded to reveal additional details associated with the respective header.

How It Was Built

This accordion was created through a shortcode plugin available through WordPress.

 

Introduction

After working with sites.psu.edu, I quickly realized that the ease of getting a site up and running came with some drawbacks. With a limited number of plugins available, functionality was severely limited in order to provide increased security for introductory web design capabilities. Not being able to modify source code was a huge setback, so I imported content from sites.psu.edu/ldt550a to the current URL beyuuum.com.

This site will act as a digital sandbox, allowing me to share my projects, reflect on my progression, and hopefully bring everything together in the form of a completed project.