ITP 104.  How the web as a medium is perceived and used, and how that evolution of the web has affected and changed us  What do you do on the Web? 

Slides:



Advertisements
Similar presentations
Creativeindustries.qut.com Contemporary Culture and the Web Dr Axel Bruns Creative Industries Faculty Queensland University of Technology
Advertisements

12 October 2011 Andrew Brown IMu Technology EMu Global Users Group 12 October 2011 IMu Technology.
INTRODUCTION TO WEB DEVELOPMENT AND HTML Rommel Anthony Palomino Summer 2011.
The World of Web Development Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication
Web 2.0. Definitions Web 1.0 Web 1.0 Static web pages Static web pages Use of search engines Use of search engines “Surfing” the web “Surfing” the web.
ICT Issues Social Networking. Social Networking Social networking: the interaction between a group of people who have a common interest, eg. music. Popular.
Server-Side vs. Client-Side Scripting Languages
Chapter Concepts Review Markup Languages
© 2010, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet 1.
IS 360 Course Introduction. Slide 2 What you will Learn (1) The role of Web servers and clients How to create HTML, XHTML, and HTML 5 pages suitable for.
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic Server Side Web Technologies: Part 1.
Introduction to Web Application Architectures Web Application Architectures 18 th March 2005 Bogdan L. Vrusias
Cloud Computing Lecture #7 Introduction to Ajax Jimmy Lin The iSchool University of Maryland Wednesday, October 15, 2008 This work is licensed under a.
Administrative  Philosophy  Class survey  Grading  Project  Presentation.
E-Commerce The technical side. LAMP Linux Linux Apache Apache MySQL MySQL PHP PHP All Open Source and free packages. Can be installed and run on most.
INTRO TO MAKING A WEBSITE Mark Zhang.  HTML  CSS  Javascript  PHP  MySQL  …That’s a lot of stuff!
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Web Programming Language Dr. Ken Cosh Week 1 (Introduction)
WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.
Web Design Basic Concepts.
Web 2.0: Concepts and Applications 2 Publishing Online.
Windows.Net Programming Series Preview. Course Schedule CourseDate Microsoft.Net Fundamentals 01/13/2014 Microsoft Windows/Web Fundamentals 01/20/2014.
How the Web Works. WWW – part of the Internet (others: , FTP, Telnet) Loaded to a Server | Viewed in a Browser (Client) Client: Request & Render.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
 Computer Information System Club focused on the understanding and applied learning of web development.  The club was founded in April 5,  We.
Internet Applications Notes for Chapter 19 Digital Domain, 2 ed.
AJAX Chat Analysis and Design Rui Zhao CS SPG UCCS.
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
Štefan PERO AIS What is Web 1.0?  statical web pages  contains informations to one use  no reason to comeback  not interactive web pages.
Dynamic Web Pages (Flash, JavaScript)
Databases and the Internet. Lecture Objectives Databases and the Internet Characteristics and Benefits of Internet Server-Side vs. Client-Side Special.
Course review BTM 395: Internet Programming. What you have learnt in this course.
Tutorial 10 Adding Spry Elements and Database Functionality Dreamweaver CS3 Tutorial 101.
Programming the Web Web = Computer Network + Hypertext.
Introduction to Internet Programming (Web Based Application)
PUBLISHING ONLINE Chapter 2. Overview Blogs and wikis are two Web 2.0 tools that allow users to publish content online Blogs function as online journals.
AJAX and Atlas in ASP.NET 2.0 William J. Steele MSDN Developer Evangelist Microsoft Corporation
Lecture 19 Web Application Frameworks Boriana Koleva Room: C54
StockWatch Developers: Nimrod Hagay Hagai Barkan Supervisors: Assaf Solomovitch Viktor Kulikov June 2009.
Web Applications BIS4430 – unit 8. Learning Objectives Explain the uses of web application frameworks Relate the client-side, server-side architecture.
WEB SCIENCE. What is the difference between the Internet and the World Wide Web? Internet is the entire network of connected computers and routers used.
Week 9 Portfolio Design Basics Role of a web designer Designing for the medium Best practices for personal portfolios.
Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.
Web Development Process The Site Development Process Site Construction is one of the last steps.
1 Alternative view on Internet Computing Web 1.0 –Web 1.0 is first generation, Web Information based. Driven by Information provider. Web 2.0 Ajax enabled.
Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I
Tallahassee, Florida, 2015 COP4710 Database Systems Project Overview Fall 2015.
Web Technologies Lecture 8 Server side web. Client Side vs. Server Side Web Client-side code executes on the end-user's computer, usually within a web.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
CentralCampus Group: May13-26 – William Van Walbeek & Paul Wilson Client: Google, Muthu Muthusrinivasan Advisor: Manimaran Govindarasu Abstract Introduction.
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
The basics of knowing the difference CLIENT VS. SERVER.
What is…. A Little History…  The term “Web 2.0” was familiarized when Tim O’Reilly hosted the first Web 2.0 conference in 2004  This Link (a characteristic.
JavaScript & Introduction to AJAX
Matthew Baillie, Luke Day THE INTERNET. HISTORY OF THE INTERNET J.C.R. Licklider authored a series of memos concerning theoretical network structures.
Web 2.0 IS530 Fall 2009 Dr. Dania Bilal. Web 2.0 Is the Web that is being transformed into a computing platform for delivering web applications to end.
Overview Web Technologies Computing Science Thompson Rivers University.
Ajax! Ajax Programming Ajax! Ajax Programming. Ajax! Ajax Programming Take a look at a typical desktop application (Spreadsheet app, etc.) The program.
IN THIS LESSON WE WILL REVIEW THE STRUCTURE OF THE INTERNET AND HOW BROWSERS ASSEMBLE WEBSITES BASED ON INSTRUCTIONS THEY RECEIVE FROM SERVERS. Internet.
Basics Components of Web Design & Development Basics, Components, Design and Development.
 GEETHA P.  Originally coined by Tim O’Reilly Publishing Media  Second generation of services available on www.  Lets people collaborate and share.
I NTRO TO W EB TECHNOLOGY Basic terms. C LIENT – S ERVER M ODEL a distributed communication between service requestors and service providers.
Web Programming Language
Scripting - Client-side vs. Server-side Scripting
COP4710 Database Systems Project Overview.
IS 360 Course Introduction
CMP Creating Your Personal and Small Business Web Sites
Secure Web Programming
CS4433 Database Systems Project.
Web Application Development Using PHP
Presentation transcript:

ITP 104

 How the web as a medium is perceived and used, and how that evolution of the web has affected and changed us  What do you do on the Web?  What type of activities in your work and play?  Answer: . Research. Read news. Watch videos and listen to music. Chat. Network. Play games. Write. Share photos. And of course use Facebook.

 When you go to Facebook what type of activities do you do there?  Review other peoples sites/feeds. Search for and add/reject friends. Chat. Mini-blog/post. Play games. Post pictures. Comment on all of the previous.

 What creatively (as opposed to communicatively) or artistically can you do on the web?  Answer: Design. Drawing/illustration? Write (blogs, articles, etc.)? How about Programming/development? How about artistic and intellectual collaboration?

 What is Web 2.0?  Tim O'Reilly' defined it back in September of 2005 in his dissertation “Web 2.0”Web 2.0  Web 2.0 empowered everyday Web users to become authors  no longer necessary to know how to write html, program code or write a database in order to public not just web sites but write blogs, post video, etc

 Web 2.0 is also about collaboration  How is Wikipedia different than say the electronic version of the Encyclopedia Britannica?  Wikipedia features social or communal definitions that evolve as hundreds, thousands or millions of people all contribute to definitions of ideas

 The current generation of the web is about user interaction and participation.  And what are the implications of that?  Web 2.0 the Machine is Us/ing Us Web 2.0 the Machine is Us/ing Us

 One of the major changes in the web was the ability to distribute and re-package "information”  While this started with RSS feeds for news information, blogs, photos, etc., it evolved into ANY kind of data. So you could share your applications or functionalities with other people and sites.

 A whole crop of "mash up", when Google opened its mapping functionality to everyone  What are some other popular Web 2.0 mash- ups?

 One other major movement or evolution in web pages and applications was the idea of "live" or dynamic data.  Asynchronous data allowed calls and requests for information to take place in the background ▪ pages do not have to "wait" for data. ▪ data calls happen in the background while a user is using an application, rather than the user sitting and waiting or having to update.

 The original version of the web was driven by html, and then css/styles, hosted on servers.  As the web evolved additional technologies such as database back-ends and scripting and programming became standard components of web sites.

 All "interactive" elements of web pages require client-side scripting through Javascript.  As JavaScript became more prevalent and more advanced functionality was desires, new libraries or platforms such as jQuery became more common.

 Databases house much of the core information for most major sites.

 Server-side scripting languages drive the back-end of most sites  i.e. ASP/.Net, PHP, ColdFusion, JSP, Python, Ruby on Rails, etc  Flowing information from databases into templates that form web pages, collecting and storing user data, generating s, etc.

 In order to distribute and exchange information beyond and between sites, data had to be organized through shared formats such as XML.  All of the more complex functionality was accompanied by new vulnerabilities and "holes" in servers and code that could be exploited by hackers  increasing the need for security analysis and solutions.

 Design  Graphic Production  Specialized graphic production  Flash  Video  Mobile

 HTML Production -- Web publishing  Basic Page Web Development: DHTML (HTML+CSS+Javascript)  Advanced Web Development:  Server-Side Scripting: ASP, PHP, CF, JSP, etc.  Web Programming: Perl, VB, Actionscript (Flash), AIR, Mobile (Android, Java, etc.)  Web services: XML + Database/SQL + Scripting + Programming

 New development frameworks combine multiple development areas/languages simultaneously:  XHTML/CSS or Flash-- display platform  DOM -- Centralized/standardized domain object model  XML/XSLR -- standardized/open source format/structure for data  Javascript (and libraries such as jQuery) -- place calls to other code and sites, exchange data, flow information into pages.

 Database Design, Production, Administration, Optimization (programming)  DB Web Development (Server-Side Scripting+SQL+DB)  Security

 Traditional Web "skills" still needed: design, production, DBA, scripting and programming  For developers, it still holds true that more technical proficiency and diversity = more marketable and desirable  Web 2.0 has raised the bar for "top notch" developer talent. It requires leveraging diverse functionality and languages/standards

 First steps are still the same:  Master the Web Publishing basics: ▪ HTML, CSS and a lite amount of JavaScript/interactivity  Learn Web Development: ▪ Scripting and interactivity, Database Web Development, and lite amounts of programming and security  Advance skills: ▪ Developing apps that leverage multiple skills, abstracting routines, consuming and disseminating functionalities/data (Web services, etc.).  Diversify: ▪ Flash and Actionscript, mobile, specific platforms such as AJAX, etc.

 Need to walk before you can crawl. You have to be able to create interactive DHTML pages, build traditional db-driven Web sites, etc., before you can create next-generation sites.  Starting salaries:  Web Developer -- $53-77K  Web Administrator -- $48-72K  Web Designer -- $43-68K

 Web Skills, Technologies, and the Industry Web Skills, Technologies, and the Industry  Patrick Dent