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.

Practice, Practice, Practice

Web Developer Profile – Jamie Newell

For my midterm, I profiled a coworker’s husband, Jamie Newell, who works for Discovery Communications, or as many know it, The Discovery Channel a.k.a. SHARK WEEK! But Discovery also owns TLC and Animal Planet, among many other popular T.V. channels. Jamie has been a web developer there for 3 years at the headquarters in Silver Spring, Maryland. Prior to joining Discovery, Jamie was the Director of Web Development at Amplify Public Affairs in Washington, D.C. for 3 years, and before that, spent around 11 years doing freelance web development in the area. I asked Jamie to tell us about his journey to becoming a full stack developer.
//* What is your current job/title and what do you do for Discovery? 
My title is Web Developer and I primarily develop websites and interactive learning modules. Our website is very interactive by design, which was one of the reasons I chose Discovery! *//
//* What programming language(s) and CMS do you use for work?
Well, of course JavaScript as I just said, but at Discovery I also use HTML, CSS, and PHP languages, and work a lot with Drupal and the React JavaScript library. *//
//* How did you get into web development? What drew you to it? 
I messed around with programming growing up and enjoyed the challenge of solving technical problems, along with the satisfaction that came from creating something. In my early 20s I volunteered to create a website for a recording studio that I was working for at the time and decided then that I would pursue web development as a career. *//
//* Is that still the same reason you enjoy it today? Or has it changed with time? 
Yes, the challenge of solving technical problems is still what I enjoy about web development. It’s true — even someone with years and years of experience still encounters new and tough challenges when programming (more often than you’d think!). The problems are just often more highly technical.  *//
 //* If possible, can you recall some early struggles you had learning languages/programming and offer any advise to us newbies? (Anything you can think of that helped you succeed.)
My biggest struggle in the beginning was not being able to find answers to my questions. At the time, there were very few online resources to go to for help, so I spent a lot of time experimenting. While finding answers, tutorials, and examples is much easier nowadays, I would still advise experimenting. *//
//* If you had to pick, what would you say is of your favorite language and why?
At the moment I am enjoying working with the recent versions (ES6 and later) of JavaScript. There is always something new to learn and to manipulate. *//
//* Can you describe a favorite development project and detail (high level) how you built it? 
While working at Amplify, I designed and developed a collection of highly interactive advocacy tools that I integrated into our clients’ WordPress and Drupal sites in order to engage users and encourage them take action in support of a cause. The tools were built with PHP and JavaScript, and would push and pull data from the APIs of social media platforms, geolocation and mapping platforms, third-party advocacy platforms, and the Sunlight Foundation, to name a few. *//
//* How do you stay up to date on the latest in the programming world? Blogs? Websites? Programs? 
By spending time reviewing projects on GitHub! It is a great resources once you figure out how to navigate and utilize it. *//
//* Any other insights you’d like to share with the class? 
The industry advances very quickly and it can be overwhelming trying to keep up. Many of the shiny new languages and frameworks do not stay popular for very long so stay focused and don’t jump from one hot framework to the next. Experiment a lot with the language you are already learning and build from there. HTML, CSS, and JavaScript (and jQuery) will outlast us all. I’d say to all those learning the ropes to just practice, practice, practice! *//
A huge thanks to Jamie for taking the time to provide us all with some words of wisdom. It was encouraging to hear him say he uses the same languages we are learning now in his daily work. I know I have a long way to go, but this made me feel like I could talk about his work with him — I now have the basic tools/words — and maybe, one day, work alongside him. We are only halfway through the semester and I’m already seeing results!
I can only imagine how difficult it must of been for Jamie to teach himself how to code… And it made me think about how much I have been relying on Google. I know Greg encourages us to search for answers to our problems, and it makes sense since the resources are so readily available, but perhaps going forward I need to experiment and fail a couple times to really learn. I will say that Codecademy gives us the opportunity to experiment a couple times in each lesson, and I have found that by try 3 tries, often, I will finally get it correct. The failure forces me to really scan the code I’ve written looking for errors.
The project Jamie worked on for Amplify really struck me. I work in cause consulting so I was able to really connect some dots and see how a tool like that would have a huge impact for a non-profit or advocacy group. His example got me excited to learn PHP next week and got my brain cogs churning in thinking about a possible final project.
I laughed when Jamie said he uses Github as a resources to stay up to date on all things web development and to learn new techniques and tricks from colleagues. I think I found it funny because Github seems so abstract and mechanical. But in understanding how it works to some extent, I can see how reviewing others projects could be quite helpful. Sounds sort of similar to inspecting webpages to see how certain things were coded.
The insight Jamie left for us is poignant I thought. It was the first or second class when I asked Greg why everyone isn’t using Apple’s programming language, Swift, because like all things Apple, (I’ve read) that it is super user-friendly and clean. I think I even asked if there may be a future where there is one universal, open-source language… but that is for another time. I appreciate how Jamie warns of the “shiny new languages” and says to instead keep practicing the “oldies.” That is just what I plan to do!
I really enjoyed this exercise and hearing from a web developer in the field. I can’t wait to read everyone else’s profiles or project descriptions this week — and see what advice or take-away they provide.
Cheers,
Jane

Words of Wisdom: A Q&A with Two Developers

For my web development Q&A, I interviewed two developers: Zach Howe, an iOS developer at Mobolize, a start-up in California and Alan Florendo, a web developer at Asynchrony Labs. Both are interesting people because they took different paths to do similar jobs: Howe forewent university to become a professional developer while Florendo formerly worked as an accountant and attorney before deciding to go into web development. Both offered insights on how to master coding, how to get better at it and how to pursue a career in technology and web development.

Alan Florendo, a lawyer-turned-web developer

How did you get into web development?

ZH: I was interested in computers from a young age. I taught myself to program early on. I was in high school, I wouldn’t do homework, I would go home and code. But I learned how to code.

AF: It’s a weird story. I used to be a lawyer and my husband was in grad school and when he graduated, he moved to St. Louis and I moved with him. I never liked being a lawyer. I decided to move with him and not practice law anymore. I started working out a lot and the guy I worked with went to a coding bootcamp and learned a lot of what you are learning. The purpose was to train you to learn enough to get you a job afterwards. I always tinkered with computers, followed suit and took the career path of this guy. I’d worked as an accountant before I was a lawyer. I did a lot of work with Excel and databases and converting data into large Excel spreadsheets. I had a background both in databases and understanding them in a rudimentary level and programming them in Excel. I had a couple courses in high school that stuck with me pretty well. I had basic principles and when the opportunity came around, it kind of all clicked.

Where do you work now and what do you do exactly for them?

ZH: I work at a startup called Mobolize. I mostly do mobile development now and I got started with iOs. I’ve been in mobile since I started.

AF: I work at a software consulting called Asynchrony Labs. I’m a software consultant. We work at long-term projects. We are contracted out for 3 months to a year to build software projects, Android apps, enterprise systems and consumer-facing systems. I build web apps for them.

What’s your favorite development project you’ve worked on?

ZH: When I worked at a company that built an app that was large with a lot of users, it was awesome to use and that people outside my company used it at my work. That made it exciting. When we built this up, millions of people used it. It was at Fandango, and millions of people used the app. It was awesome to see that I was making something and millions of people would use it. To know that many people would actually see your work, instead of something that would be buried on the app store.

AF: I’ve built some games. There’s a lot of complexity in games.

What projects are you working on now?

ZH: It’s really just one I work on. They’re all kind of interrelated though. So I work on an app with Sprint. It deploys on their app store. They vendor our app, which we build for them. It’s a secure app—whenever you get on public wifi that’s not secure or isn’t Starbucks where people can listen on traffic, we build a software on Apple or Android that would encrypt that data on demand where you wouldn’t have to do anything at all. I worked at Trucar on their mobile application for iOs. It’s all about the same stuff – basically mobile front-end to their website, companion apps to their websites.

AF: I work on a job recruitment site for a financial institution—pretty simple, listing their jobs and what they do, but there are a few additional hoops people have to get through so we program those.

How difficult is it for people to learn how to code?

ZH: I think people can learn it better than they think they can. It often looks intimidating but you learn it bit-by-bit and it takes time and you begin to understand it a lot better. At some point, everything just clicks. The more and more you go and do it, the easier it gets. It just takes time to get good at.

AF: There are a lot of coding bootcamps and there’s concern too many people are learning how to code and not enough. It’s easy to learn how to type something in and make the computer do something. It’s more of a skill to do something in a manageable way. It’s one thing if your little game works well and you don’t understand the code in a way. But if the code is written poorly, it can require rewriting the whole thing to make a simple change. You have to distinguish between writing manageable code and writing something that functions.

What is the best advice for people who want to go into web or mobile development?

ZH: Jump right in—solve the problem you want to solve. From a learning perspective, you can’t jump in all at once and be able to do everything. Don’t expect to build the biggest app ever or Facebook overnight. That’s a massive project. A lot of apps I work on don’t happen overnight. Try to find something you want to build yourself and you have a use for. Those kinds of things are easy to navigate through. If you don’t learn as you go, you will never go off the ground. Find something you are passionate about and stick with it.

AF: Think about why you want to go into web development – is it the design portion of it? The coding portion of it? You can’t learn everything at once – try to learn some sort of depth into the skill first before going into anything else.