Development of Web Applications – Introduction revisited

Slides:



Advertisements
Similar presentations
1 CGICGI Common Gateway Interface Server-side Programming Lecture.
Advertisements

DT228/3 Web Development WWW and Client server model.
Project 1 Introduction to HTML.
Master’s course Bioinformatics Data Analysis and Tools Lecture 6: Internet Basics Centre for Integrative Bioinformatics.
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic Server Side Web Technologies: Part 2.
Multiple Tiers in Action
Introduction to Web Based Application. Web-based application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.
1 The World Wide Web Architectural Overview Static Web Documents Dynamic Web Documents HTTP – The HyperText Transfer Protocol Performance Enhancements.
WWW and Internet The Internet Creation of the Web Languages for document description Active web pages.
Creating your website Using Plain HTML. What is HTML? ► Web pages are authored in HyperText Markup Language (HTML) ► Plain text is marked up with tags,
1st Project Introduction to HTML.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.
8/17/2015CS346 PHP1 Module 1 Introduction to PHP.
PHP and MySQL Week#1  Course Plan.  Introduction to Dynamic Web Content.  Setting Up Development Server Eng. Mohamed Ahmed Black 1.
INTRODUCTION TO WEB DATABASE PROGRAMMING
Development of Web Applications - Introduction Teppo Räisänen Principal Lecturer Oulu University of Applied Sciences School of Business and Information.
1 HTML and CGI Scripting CSC8304 – Computing Environments for Bioinformatics - Lecture 10.
With your friendly Web Developer, Chris.. Terminology  HTML - > Hypertext Markup Language  CSS -> Cascading Style Sheet  open tag  close tag  HTTP->Hypertext.
OV Copyright © 1998 Ziff-Davis Education, a division of Ziff-Davis Inc. All rights reserved. The Internet World-wide network of computers connected.
Introduction to Internet Programming (Web Based Application)
Chapter 17 - Deploying Java Applications on the Web1 Chapter 17 Deploying Java Applications on the Web.
HTML PROJECT #1 Project 1 Introduction to HTML HTML Project 1: Introduction to HTML 2 Vocabulary Internet service provider (ISP) A company that has a.
HTML ~ Web Design.
1 © Netskills Quality Internet Training, University of Newcastle HTML Forms © Netskills, Quality Internet Training, University of Newcastle Netskills is.
Session I Chapter 1 - Introduction to Web Development
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Schedule Introduction to Web & Database Integration Tools and Resources HTML and Styles Forms and Client-Side Scripts DB Engines Forms Processing and Server-Side.
1 WWW. 2 World Wide Web Major application protocol used on the Internet Simple interface Two concepts –Point –Click.
Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I
IS-907 Java EE World Wide Web - Overview. World Wide Web - History Tim Berners-Lee, CERN, 1990 Enable researchers to share information: Remote Access.
HTML Concepts and Techniques Fourth Edition Project 1 Introduction to HTML.
Interactive Web Tehcnologies Teppo Räisänen LIIKE/OAMK 2011.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Introduction to the World Wide Web & Internet CIS 101.
COSC 2328 – Web Programming.  PHP is a server scripting language  It’s widely-used and free  It’s an alternative to Microsoft’s ASP and Ruby  PHP.
Albert F. Cervantes, M.S. California State University, Los Angeles
1 The World Wide Web Architectural Overview Static Web Documents Dynamic Web Documents HTTP – The HyperText Transfer Protocol Performance Enhancements.
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
Website Design and Construction Services and Standards.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
1 Chapter 1 INTRODUCTION TO WEB. 2 Objectives In this chapter, you will: Become familiar with the architecture of the World Wide Web Learn about communication.
CX Introduction to Web Programming
Distributed Control and Measurement via the Internet
Project 1 Introduction to HTML.
Development of Web Applications - Introduction
Section 6.3 Server-side Scripting
WWW and HTTP King Fahd University of Petroleum & Minerals
Chapter 1 Introduction to HTML.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Chapter 2 Client/Server Applications
PHP-language, loops Jouni Juntunen Oulu University of Applied Sciences
Project 1 Introduction to HTML.
Some bits on how it works
Mobile applications Jouni Juntunen Oulu University of Applied Sciences
Web page a hypertext document connected to the World Wide Web.
Department of Computer Science, Florida State University
Chapter 27 WWW and HTTP.
HTML5 Level I Session I Chapter 1 - Introduction to Web Development
Module 1 Introduction to PHP 11/30/2018 CS346 PHP.
Secure Web Programming
J2EE Lecture 1:Servlet and JSP
DD Sir-Infomatics Web Development Part-1.
Hypertext Preprocessor
Information Retrieval and Web Design
Web Servers (IIS and Apache)
Information Retrieval and Web Design
HTTP and HTML HTML HTTP HTTP – Standardize the packaging
Presentation transcript:

Development of Web Applications – Introduction revisited Jouni Juntunen Seniour Lecturer Oulu University of Applied Sciences School of Business and Information Management

Contents Web-applications How Internet and web-applications work HTML-forms HTTP (HyperText Transfer Protocol) Introduction to PHP

Web-applications What (dynamic) web-applications you have used? Examples: https://netbank.nordea.com/pnbdemo/login.do http://www.facebook.com http://www.finnair.fi http://www.ebay.com

Client-Server model Internet Server (e. g. oamk.fi) Browser HTTP-Request HTTP-Reply (X)HTML processed by the server (X)HTML presented by the browser

(X)HTML Hypertext Markup –language Is used to implement user-interface You write tags and the browser knows how to interpret them HTML-language (original) spesification can be found from http://www.w3.org/MarkUp Example

(X)HTML-forms TextFields Lists Buttons Etc. Nested into form Form can be submitted to server Example

HTTP Hypertext Transfer protocol The way browser and web-server are talking to each other Browser requests the service and server answers to that Connection is closed after server reply Understanding HTTP on http://www.perlfect.com/articles/http.shtml Tool for viewing HTTP-traffic http://web-sniffer.net/

PHP PHP Hypertext Preprocessor PHP is one of the web-server techologies PHP-language has features from C and Perl –languages (but is also looks like Java, because Java is also founded from C/C++)

PHP Script is written between: <? ?> -tags <php? ?> -tags <script language=”php”> </script> <html> <head><title></title></head> <body> <? print ”This is an example!”; ?> </body> </html>

Using PHP in applications HTML-form PHP-script