Category Archives: 2017 Summer class

PHP, I think I get you!

This weekend I took the deep dive into PHP. I so appreciate you, PHP for being similar to HTML. I understood how to do each of the exercises–how to add in words using echo and such. However, I don’t exactly understand why PHP and HTML would be used. I assume we’ll get more into that? I understand it on a basic level–like, you wouldn’t necessarily use PHP to specify text color or something, and PHP runs on the server. Not the client. But, this is probably, to me, the most difficult aspect of coding thus far: the idea of “best practice”. I am not yet familiar enough with the general languages and their formats to decide what is most best in a given situation.

I’m really looking forward to diving into my project. I know if will be difficult and my vision is rather grand, but I think that–as you’ve said–the practical application and the self-taught nature of coding can oftentimes be the most effective. I’m quite excited to both apply what I’ve learned to something I’m actually interested in (no offense, Codecademy–I did appreciate the Harry Potter themed exercise), and to learn more based on researching new methods to accomplish what I want to do.

PHP will help me click into JavaScript more readily. There’s something about it that’s more simplified and logical, whereas JavaScript is moving in all sorts of directions and does not seem logical to me at all as of yet. But, in completing the activities I’ve learned that each of the languages requires immersion. It’s the all of them working together bit that seems to be giving me trouble.

The sections regarding loops were pretty helpful. I’d actually like to go back and do them again so that I can get more practice. I think the more I run that concept through my head the more it will start to make sense. It helped to have Codecademy spell it out and explain it at a more practical level because I think I’ve got a grasp on the basic theory from class.

Overall, I appreciated this week’s assignments. It was a moment to come up for air!

PHP Hasn’t Sent Me Through A Loop, Yet

I say this often, and then regret my words days later, but I did not find this very difficult. PHP does not seem as bad as JavaScript and reminds me a lot of jQuery. Like these two languages, PHP seems easy to use  in the Codecademy setting. Again, like with jQuery and JavaScript lessons, putting the pieces together to create something more complex might be difficult. I imagine having the same issue, struggling to know where to start and how to put the many these we are learning together.

Now for some reason the jQuery and PHP lessons have been extremely buggy. It if had not been for the Q&A I would not have finished the lessons. This set did not have the same impending update warning like jQuery, so the bugs were unexpected and unexplained. I did, however, have to reload the page a few times to make the code work. Even after writing mine identically to the example or the hint, it would not work. Hopefully by next year, or the next time you are teaching this class, they will fix the bugs and cause their students less anxiety with unnecessary error messages. I also hope they add the button that gives the code so that we can see it and try to do it ourselves.

I did do something different this time around. I got the idea from the class forum while we all struggled with jQuery and the slideshow. Instead of just doing the lessons and hoping to remember them later, I began copying the notes and the correct code so I can reference it later. I’m not sure why it has taken so long to do this and I imagine the last few assignments could have been significantly easier if I had.  They will be great as a reference moving forward.

Final Project Idea

For my final project, I’d like to create a site that serves as a story. (Sort of like North or Choice and Chance.)

A good friend of mine works at a meadery–where they make mead. I want to go there and take video and photographs of the process then basically create a full-page slide show with text over it.

Particular challenges will be the automatic start and stop of the video clips and making the video and photographs fill an entire screen (depending on the screen). I’ve looked up different methods though, and I think I can do it. I think there will be about ten slides, and some sound.

I plan to check out the fancy cameras from school and head down to my friend’s and take some of the video. They’ll be very portrait-like. I’ll just set up the camera on a tripod and let it sit. I want the design to be aesthetic and minimalist.

Audience: Nerds! Really, anyone who enjoys aesthetically pleasing things and history. I really enjoy behind-the-scenes, and I think that’s sort of what this is. I think this is a project that the ladies who run the podcast “Stuff You Missed in History Class” would find interesting. And their audience.

UPDATE:

So, I did it. It was perfectly exactly how I pictured, but I did it. I wish it were more full screen, and I didn’t do any of the cinemagraph stuff because, while it’s super cool, the app I found to do it (so I didn’t have to do it myself via photoshop–with which I have no experience) charges like fifty bucks. And I am poor. But, the version with the watermark is still pretty cool to look at. I just can’t include it.

Final Project Idea

For my final project I am thinking of creating a personal website or a workout website, I haven’t decided yet. For my personal website I would showcase the work I’ve done at Georgetown and High Point University, my resume, as well as some of the work I have done for clients at Sage Communications.

As far as a workout blog, I would think about creating workouts of the day and posting them on a daily basis. As a former division 1 athlete I am always looking for new ways to stay active, and this could be a good way to show others how I vary up my exercise.

The personal website would need to be more professional, and clean cut. For the workout website it could be more scattered with more going on.

PHP CodeAcademy

This weeks Codecademy was not that difficult. I found it pretty easy to follow and understand, unlike the Javascript one that was a glitching and took an excessive amount of time to complete.

I found it very interesting to learn all of the different things that PHP can do. For example, it can:

  • evaluate data from a browser
  • build custom web content to serve the browser
  • talk to a database
  • send and receive cookies

I found it very helpful in class when we took time to  really go through again what the servers and browsers do, and how they are able to read the different languages of HTML and PHP as well as others. For instance, the learning of LAMP:

  • Linux
  • Apache
  • MYSQL
  • PHP

This would be how WordPress runs, the platform that even this site was created on.

In class, it was also interesting to learn about the backend of PHP and websites. Professor Linch used an analogy of databases being like tables. The columns are called fields and the rows are called records. These “tables” are all connected to each other through different ids and allow websites to function properly.

I also found it helpful in class when we went through and downloaded MMAP and went through the specific steps we needed to take in order for our PHP to show up. I find step-by-step tutorials better and more informative than when we were just going through the W3 Schools websites and briefly talking about the different types of variables and things we might come across. I am a visual learner and find it helpful to truly break it down to its simplest principle, write it out all together, and implement it to see what the outcomes are.

I think in the future that it would be helpful during class to have more hands on work that we all have the same assignments to work on and we work through them.

WMG Podcasters: Updated Pitch Post

About: Since I already have a portfolio website, I’m going to build a website for the public affairs firm I work at. At the Washington Media Group, I am a digital producer: my primary job is to produce podcasts for all of our clients. To promote our podcasting division, I will be building a website called wmgpodcasters.com.

Audience: The audience for my website will be potential clients that are interested in using our podcast services.

Goals: My boss wants me to be creative so my hope is to use all kinds of HTML, CSS, Javascript, a plugin, soundcloud and video codes and a contact form to highlight the vision of our firm so we can engage in the social-audio space. While building this website will probably be difficult, I imagine it will be rewarding since it will benefit my firm. It honestly is something I could not have done had I not taken this web development course.

How I Will Achieve these Goals/Planned modifications: 

  • I’m going to mainly use front-end because in public relations, we like to wow people with our appearances, especially since we are building a podcasting division. I am using a dark blue font with different sizes. I’ll use HTML, CSS and Javascript. I don’t see there being as much of a need for back-end or full stack but we will see as I keep experimenting with it.
  • I’m excited to use some of our plugins. I added in our Instagram feed as a plugin so we can incorporate the active work we do on social media. I will also use our custom logo (we have a logo specifically for our podcasting division). For podcasting, I have a section devoted entirely to audio. After reading the theme handbook, I know I will need to embed the audio files and play them back using a simple shortcode. I will probably use mp3 and control the audio player by using “wp-audio-shortcode”. I will also post our promotional video on the homepage. The WordPress video feature will allow me to embed the files and play them back with a simple shortcode. I will use Poster #, Height # and Width # to determine the media. I will probably also use mp4.

Theme: Melos

URL: wmgpodcasters.com

Overall, I am incredibly excited about where this journey will take me. I know there will be lots of challenges, but it will be rewarding.

Final Project

For the final I want to build my dad a website for his business. My dad is a contractor and has needed to put one together for his business. I want to make a site that will showcase his work and also help his business to grow. Once the class is over I’ll hand over the domain to him.

It will need to be interactive but but have a simple and clean look. There will be navigation bar with subheading to each area of the site, a blog with various tips for quick fixes, a contact form for enquirers, and a slideshow of completed works.

Goals:
  • Promote his work through a easy to use site that both informs visitors and encourages them to contact him.
  • Create a functional site! I’m really excited to build and customize something that will be on the internet and actually work.
Audience:
Anyone needing electrical, HVAC, water heating, handyman services, etc. in New Jersey and New York. Those using the site will be regular owners and renters of residences and businesses. It will also be a source of information for anyone curious about what makes the light bulbs glow or air conditioners run.
Theme: Twenty Seventeen 
 
Track: front-end
Planned modifications:
  • Editing child theme: looking for a theme that I like
  • Blog plugin design and functionality
  • Slideshow design and editing
URL: In progress, still working with my dad on this.

New template for the Fine Arts Team

I’ve had a lot of fun learning how I can use tools in web development in my line of work. While this class has been challenging, I have definitely learned things that I will continue to use in my career That being said, I would like to design a special template for the Fine Arts section of The Washington Post.

Currently I work with the Classical Music and Dance critics, who often produce opinion pieces called ‘critic’s notebook.’ This long running feature is a really neat way to see the arts from their perspective, but not a lot of treatment is given to the pieces, or the Fine Arts team in general.

Since there’s such a gap between its print and digital existence I would like to step in and bridge the gap. Buy making a template that shows a critics notebook in a fun and engaging way we can begin to set our team apart from the rest of the Features section.

While this is an untested idea, I think it would be really cool to make the web page look like a notebook, and perhaps so some special touches to make the photos and illustrations more pronounced on the page. This way, when the reader is on the page, they’ll know its a different and more special piece, apart from their traditional reviews. I’ll probably integrate this into my personal website, that I’ll use an updated WordPress template on, as a place to showcase it.

Goals: 

My goals for this project are twofold.

  • First, I would like to create a personal website that showcases what I’ve learned in this class
  • Second, I want to create a digital “look” for the Fine Arts Team

Audience 

My audience for the Critic’s Notebook template will be the people who often read The Post’s entertainment blog. We have a very strong following, especially in the classical music and dance world, so creating a cohesive design will only help bolster that following. It will also help set apart a Critic’s Notebook from a general review, so it will help people who aren’t familiar with this type of coverage to know they’re looking at something both different and special.

The audience for classical music skews a little older, so most still have a print edition. More often, however many reviews are only published online. The Fine Arts team has spoken about making an effort to showcase strong design skills for our very engaged base, but that hasn’t come to fruition yet. By creating a custom template for the Critic’s Notebook-style reviews, I hope to show that an audience who doesn’t necessarily get their news online can be coaxed there if something is presented in a new and interesting way. I also doubt that many of them will ever look at something on mobile, so the focus of this template is for a desktop.

How I’ll achieve my goals 

  • I’ll start with my personal website by making a landing page with a few of my in-depth assignments from graduate school
  • I’ll have an about page that explains how I got to the Post
  • I’ll use a page to showcase the final project template
  • Create a website that shows my work as a grad school student and media professional
  • I’ll create a funny 404 page, because that’s become a space where people can be creative.

Theme: Twenty Seventeen

Track: Mostly front-end design, with some back-end modifications if necessary.

Planned modifications: 

  • Changed fonts and colors on the Twenty Seventeen theme
  • An area to show some of my video journalism work
  • a stylized page to show a new-and-improved Critic’s Notebook template
  • A 404 page that’s lighthearted and funny
  • A cohesive design that shows a funny and serious side

URL: www.savvystephens.com

 

Final Project Pitch for Personal Site

For our final project, my goal is to create a personal site to showcase my academic and professional experience to potential employers, who will be my main audience. I envision the site containing several sections: an about me page, a copy of my resume (in a format I can easily and frequently update), a section for work and writing samples, and one for contact and social media information. Overall, I would like the site to have a simple, clean-cut feel and be easy-to-navigate, particularly the section of my writing samples. I would also like to include a section for a small book review blog. I would like the blog, like the rest of the site, to be easy to navigate based on genres or authors.

In terms of custom features, one feature I would like to include is a rotating gallery on each page comprised of travel photos I’ve taken. Once I find a WordPress theme that would best help me get the clean, simple look I want, I will modify the CSS code to fit with that overall look.

Goals:  

  • To create a functional and complete personal site to showcase my academic and professional experience.
  • To effectively showcase my writing skills and previous work experience to potential employers.
  • To create a simple, clean-cut, and easy-to-navigate site that is logically organized.

Audience:  The site will be geared toward potential employers, and my blog will be geared toward fellow book-lovers, probably young millennials like me.  

How I Will Achieve My Goal:

  • Modify the theme to create a multi-section site with pages for an about me section, a copy of my resume, a page for work and writing samples, and a page for contact and social media information.
  • Create a side-blog and include at least one blog post to start.
  • Create a custom post-type for book reviews for the blog, as well as a metadata box for my current read.
  • Find a way to have visitors interact with the blog, like maybe a “what should I read next?” survey visitors can vote on or a rating system.

Theme: I plan to use Twenty Seventeen.


Track: full-stack

Planned modifications:

  • I would like to create a custom post type for book reviews on my small side blog which will include a field for number of pages, favorite quotes, and some type of rating system.
  • I would also like to experiment with creating a custom metadata box that will allow me to update any post I make to my blog with what I am currently reading, i.e. a “currently reading” or “current book” field.
  • I would like to see if I can figure out a way to have users interact with my blog by creating a survey where they can vote on the next book I’ll read and review.
  • I would like to create a self-rotating gallery on my main page of photos I’ve taken.

URL: tatyanaberdan.com

WordPress, PHP, You Name It

Before starting to read the readings about WordPress, I was excited about the upcoming final assignment. I have some experience using WordPress in journalism classes at Wake Forest where I did my undergrad, but I haven’t used it to make something of personal significance. Moreover, it’s comforting to know that we’re not building everything from the ground up, but working off of templates that have been created. I think this will help with making the site more dynamic in nature and focusing on using code to customize the site to fit the subject matter. Not to mention, it takes some of the pressure off of having to think about both the big picture of a site and on a granular level with the functionality. WordPress will make it manageable to be able to do both.

Something that stuck out to me when completing the reading (that are now due the following week), that I think is important is: “Good themes improve engagement with your website’s content in addition to being beautiful.” At the end of the day, while we’re making this website for ourselves, we have to continuously keep the user in mind and ensure that they have a pleasant user experience. Otherwise, no one will want to visit our site. With that being said, in order to do this, I will have to work on both the front and backend of the site to be able to deliver a good site.

It was very helpful to go through each of the readings. It broke down, step by step, what we will have to do, including the taxonomy and naming of the folders. The guides, in particular the Child Themes guide, will be very helpful as we start creating our WordPress sites.

Other important information I noted:

  • WordPress debugging tool
  • Plugin: controls the behaviors of the feature
    • made up of PHP, CSS and JavaScript
    • builds additional functionality to what WordPress themes can already do
  • Theme: controls the presentation of the content
  • Development environment: develop the WordPress environment locally on your server (why we downloaded MAMP) and supplement this with a text editor like sublime or atom.

Surprisingly, I really enjoyed the PHP Codecademy lessons. It made sense. I didn’t feel as lost when I was writing out the code because I already understood variables, strings, functions, etc. I hope to be able to work more in PHP and continue developing those skills because it makes more sense.