The World of Web Development

Cindy Royal, Ph.D

Associate Professor

Texas State University

School of Journalism and Mass Communication

croyal@txstate.edu

www.cindyroyal.com

www.onthatnote.com

tech.cindyroyal.net@cindyroyal

Intro

• html

• css

• ftp

• how to get a domain,

• file organization

• javascript, etc.

• Flash

Then, this idea of using data on Web sites came about, and programs like PHP and ASP allowed programming concepts that allowed the Web to connect to databases.

Now, there are multiple ways to have a fully featured, archived and searchable online presence, without having to know every technology. You can visualize these in phases or categories.

Web Development Categories

Basic HTML design Programming emerges Blog Platforms Content Management Systems Web Frameworks Other

Basic HTML Design

HTML – early 90s, language of the Web Became XHTML to add structure, conventions –

early 2000's; now moving to HTML5 Cascading Stylesheets – CSS – 1996; current

implementation CSS3 Javascript (1995), Flash (1996), AJAX, JQuery All client-side languages – activity occurs at the

client (user) level

Web Programming

Server-side ASP, ColdFusion, PHP, Java, Python, Ruby, Databases – MySQL Powerful functionality, server-side includes,

post data to forms, populate sites with data Gave rise to Content

Management Systems

Blog Platforms

Started as platform for online journaling; Web sites for people who didn't know html.

Early platforms – Open Diary, LiveJournal late '90s Blogger -started 1999 by Evan Williams (also Twitter) and

Meg Hourihan; purchased by Google 2003 Movable Type – 2001; Six Apart Wordpress – 2003; can host yourself or on their site Now Tumblr, Posterous, Pinterest

a

Content Management Systems

Wordpress has often been modified as CMS Drupal Joomla

Web Frameworks

Set up frameworks for Web programming languages

Easy way to provide for common methods and actions; connection to database

Ruby on Rails – written in Rails Django - Python CakePHP

Data Visualization is the Future

Open Source Tools

• Google – Charts and Fusion Tables• Scraperwiki• Impure, Yahoo Pipes• ManyEyes• Protovis• Tableau Public• Timeflow

Challenges Ahead

Lots to learn Different ways to tell stories Programming Focus Innovate!