professional journalism...
TRANSCRIPT
Professional Journalism Portfolios
Rachel Levin & Simone Francis
Table of Contents
● Introduction ●Research
○Online Survey○Market research
●Designs● Programming●Our Product● Future Planning
Introduction●What is it?
○ An online product, catered specifically to journalists and visual communicators, which takes user work and provides them with the HTML code to publish a professional portfolio
●Why is it important?○ People do not have the funds, the time or the technical know-how to
build an online portfolio from the bottom up, so they must rely on online tools
Research Survey●Online via Survey Monkey● 10 questions●About 340 total responses● Sent out via Facebook (Convergence Grads & Friends),
Twitter etc. J-School Listserv
Survey Results
● 95% of the people who took our survey were students currently enrolled in college between the ages of 18-22.
●More than half of the people who responded do not have portfolios.
●About 47% those who did not have an online portfolio said that although they did not have a portfolio they had been meaning to make one.
● Sited reasons such as lack of time, difficulty, and dissatisfaction with tools that are currently available.
● 37% percent of respondents said they had a portfolio and used an online tool to create it.
●Only about 2% said they wrote the code themselves.
Survey Results
116 responses: 79 used Wordpress, 14 used Weebly, 11 Tumblr and 12 Blogger
Survey Results
318 responses
Survey Results
Market Research
●Wordpress/Blogger●Weebly● Squarespace● Virb●Yola● Jigsy
Wordpress & Blogger
●Designed for blogs●Constantly add new templates● Probably hard to customize without coding knowledge
Weebly
● easy drag and drop interface● supports multimedia well●many templates, but all look very similar ● cheap, less professional feel
Squarespace
● Templates designs are sleek
● $12/month● no free option● interface is simple and
intuitive
Virb
● similar to Squarespace● sleek designs
○ image driven● $10/month
Yola● very friendly interface● free version
○ $10/month priciest option
● supports multimedia ● host everything for you● option to purchase your
domain name through them
Jigsy
● $10/month● friendly interface● template designs not very impressive considering price● no free version
Two Designers, two coding preferences
Text Wrangler
vs.
Dreamweaver
Programming
●HTML○ displaying all the things
visible on the page like text, images and even audio.
●CSS○ the way things look on
the web pages like fonts, colors and layout of the page.
● PHP○ action script. It
transfers information from the form page into the HTML template.
Instructions● Download these files● Click this link and fill out to the first submit sign and click submit.● Left (or control click if you are using a Mac) on the page produced and
select view source code.● Select all and copy source code. Paste into an empty document in text
edit, text wrangler ror your favorite text editor.● Save it as index.html● Click this link and fill out the section between the first and second submit
buttons. Press the second submit button.● Left (or control click if you are using a Mac) on the page produced and
select view source code.● Select all and copy source code. Paste into an empty document in text
edit, text wrangler or your favorite text editor.● Save as resume.html● Click this link and fill out the section between the second and third
submit buttons. Press the third submit button.● Left (or control click if you are using a Mac) on the page produced and
select view source code.
Instructions (continued)● Select all and copy source code. Paste into an empty document in text edit, text wrangler or
your favorite text editor.● Save as current.html● Click this link and fill out the section between the third and fourth submit buttons. Press the
fourth submit button.● Left (or control click if you are using a Mac) on the page produced and select view source
code.● Select all and copy source code. Paste into an empty document in text edit, text wrangler or
your favorite text editor.● Save as aboutme.html● Click this link and fill out the section between the fourth and fifth submit buttons. Press the
fifth submit button.● Left (or control click if you are using a Mac) on the page produced and select view source
code.● Select all and copy source code. Paste into an empty document in text edit, text wrangler or
your favorite text editor.● Save as clips.html● Upload to your hosting site the files you downloaded for step one, index.html, resume.html,
current.html, aboutme.html, clips.html and any files you put into the form (i.e. the PDF of your resume, your image or logo, etc.).
● Enjoy your new website. Thank you for using our service.
Rachel's Portfolio
Simone's Portfolio
The working rough draft
bengal.missouri.edu/~rsly83
Possible Business Models
●Data harvesting for sale to spam/telemarketing companies
●Ad revenue
●Charging for hosting services