SOFT – Module Introduction

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

4. Internet Programming ENG224 INFORMATION TECHNOLOGY – Part I
Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
WeB application development
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
Mark Dixon Page 1 SOFT – Module Introduction.
Mark Dixon, SoCCE SOFT 131Page 1 SOFT – Module Introduction.
Mark Dixon, SoCCE SOFT 131Page 1 SOFT – Module Introduction & Overview.
Mark Dixon, SoCCE SOFT 131Page 1 20 – Web applications: HTML and Client-side code.
HTML Computing Concepts HTML - An Introduction 1.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
Mark Dixon, SoCCE SOFT 131Page 1 16 – Web applications: HTML and Client-side code.
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
Mark Dixon Page 1 SOFT – Module Introduction.
CIS101 Introduction to Computing
Computing Concepts Advanced HTML: Tables and Forms.
Mark Dixon, SoCCE SOFT 131Page 1 SOFT – Module Introduction.
Mark Dixon Page 1 Tech – Module Introduction.
Mark Dixon, SoCCE SOFT 131Page 1 SOFT – Module Introduction & Overview.
Mark Dixon Page 1 SOFT131 / Tech – Module Introduction.
Mark Dixon, SoCCE SOFT 131Page 1 08 – Web applications: HTML and ActiveX controls.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
Mark Dixon Page 1 Tech – HTML. Mark Dixon Page 2 Admin Attendance Register: –log in to your profile.
Chapter 16 The World Wide Web Chapter Goals ( ) Compare and contrast the Internet and the World Wide Web Describe general Web processing.
1 Outline 3.1 Introduction 3.2 Editing HTML 3.3 First HTML Example 3.4 W3C HTML Validation Service 3.5 Headers 3.6 Linking 3.7 Images 3.8 Special Characters.
M Dixon 1 Web-Application Development Workshop. M Dixon 2 Session Aims & Objectives Aims –to introduce the main concepts involved in creating web-applications.
HTML HyperText Markup Language Constantly evolving - extra facilities being added regularly Java applets and JavaScript used to increase functionality.
M Dixon 1 Soft – Module Introduction and HTML.
1 Essential HTML coding By Fadi Safieddine (Week 2)
Web Pages I Jeffrey Muday Department of Biology Wake Forest University.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
20-753: Fundamentals of Web Programming 1 Lecture 1: Introduction Fundamentals of Web Programming Lecture 1: Introduction.
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
IS1811 Multimedia Development for Internet Applications Lecture 4: Introduction to HTML Rob Gleasure
Introduction to web development and HTML MGMT 230 LAB.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Mark Dixon, SoCCE SOFT 136Page 1 SOFT – Module Introduction & Overview.
April 20023CSG11 Electronic Commerce HTML John Wordsworth Department of Computer Science The University of Reading Room 129, Ext.
IT Semester 1 Course Introduction IT Portfolio IT 1140 ( Semester 1) Hong Kong Baptist University IT 1140 – IT Portfolio – Course Introduction.
Mark Dixon Page 1 Tech – Module Introduction.
Mark Dixon Page 1 Soft – Module Introduction and HTML.
Mark Dixon Page 1 Web-Application Development Workshop.
M Dixon 1 Web-Application Development Workshop. M Dixon 2 Session Aims & Objectives Aims –to introduce the main concepts involved in creating web-applications.
King Saud UniversityCSC112 - First Semester CSC 112 Java Programming I Introduction.
Web Site Design & Management Class One Agenda Attendance Questionnaire Introductions Class Policies About the class Code your first page FTP Assignments.
M Dixon 1 Tech HTML. M Dixon 2 Admin Attendance Register: –log in to your profile.
Mark Dixon Page 1 Soft – HTML. Mark Dixon Page 2 Admin Attendance Register: –log in to your profile.
Mark Dixon Page 1 Tech – HTML. Mark Dixon Page 2 Admin Attendance Register: –log in to your profile.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
Mark Dixon Page 1 Tech – Module Introduction.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
WEBMASTER SKILL SESSION
Basic concepts of web design
Introduction to HTML.
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Lecture 0 Course Information
COMP390/3/4/5 Final Year Project Design
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
Chapter 16 The World Wide Web.
Basic HTML Workshop.
HyperText Markup Language
HTML Basics Mr. Fazzalari.
An Introduction to HTML Pages
Introduction To CPSC 233 James Tam Event driven software
Introduction To CPSC 233 James Tam Event driven software
Presentation transcript:

SOFT 131 01 – Module Introduction

About Me Contact Details Mark Dixon mark.dixon@plymouth.ac.uk 01752 232556 Portland Square Room B316 Availability Mon, Tue, Wed, Thu – School of Computing Communications and Electronics (main campus) Fri – other work (usually off-campus)

Module Aims This module aims to teach you, how to: learn (self-directed) surface learning (memorisation of isolated facts): hacking deep learning (interrelated concepts) includes interacting with others (lecturers, students, …) develop software: fundamental programming concepts (e.g. events, procedures) how to combine these to solve problems use Visual BASIC

Module Admin Lectures and tutorials: start at 5 minutes past the hour, and aim to end at 5 minutes to the hour if no lecturer - wait until 15 minutes past the hour then you may leave Turn mobile phones off. Ask questions or comment at any time Feel free to talk quietly amongst yourselves Material (slides, handouts, etc.) available before session, on: Soft131 web-site (mdixon.soc.plymouth.ac.uk) Lectures: Don’t come in after 15 minutes past the hour.

Module Format The module is delivered as follows: Lecture: 1 hr per week, all groups, Tuesdays 10:05 – 10:55 Tutorials / Practical Session: 2 hr per week Group 3 - Mondays 12:05 – 13:55 (open to all) Group 1 - Tuesdays 13:05 – 14:55 Group 2 - Tuesdays 16:05 – 17:55 Private study (as much as it takes – typically 3 hours/week) 1 to 1 sessions (my office or labs) as needed at your request Teaching Evaluation (timely and specific) Student Perception Questionnaire Continuous Informal Feedback (talk to me)

Schedule (subject to change)

Reading List 1 The following book is recommended reading: Deitel H, & Deitel P (2006) Visual BASIC 2005 How to program. Pearson Education Inc. ISBN 0-13-227958-4

Reading List 2 Additional reading (the following are referred to occasionally, borrow from library): Pressman, R (2000) Software Engineering: a practitioner's approach. 5th edition. McGraw-Hill. ISBN: 0-07-709677-0. Sommerville, I (2001) Software Engineering. 6th edition. Addison-Wesley. ISBN: 0-201-39815-X. Overview of Software Engineering: Chapter 1, especially page 4. Preece, J; Rogers, Y; Sharp, H; Benyon, D; Holland, S; and Carey, T (1994) Human-Computer Interaction. Addison Wesley. ISBN: 0-201-62769-8 Direct Manipulation: Section 13.6, pages 270-272. Interface Design: Chapter 24, pages 487-499. Shneiderman, Ben (1998) Designing the user interface: strategies for effective human-computer interaction. 3rd edition. Addison-Wesley. ISBN 0-201-69497-2 004.019 SHN

Student Background Typically wide range of prior experience 10 years programming (professional?) 5 years programming (professional?) 2 years programming (learning?) 1 year programming (learning) no programming Can be difficult to cater for all number of students A B C D E

Attendance Attendance is compulsory and essential to pass This is not a distance learning course portal is supplement (not replacement) for attending lectures and tutorials

Student Feedback feedback form this student: filled in by students handed in with assignment this student: failed (low attendance, low contact with me) did referred work (over summer) passed

Student feedback (zoom)

Last Year Results 39 students 12 failed initially (31%) offered 1 to 1 sessions after assignment 1 all who did this passed * 12 failed initially (31%) large number of non-submissions

Admin – free software Technicians (Babbage 205) can provide you with free copies of (bring your own blank CDs): MS Windows XP Professional (1 CD), includes MS Internet Information Services (term 2) MS Visual Studio 2005 (4 CDs), includes Visual Web Developer 2005 Visual BASIC 2005 Visual C++ 2005

Admin – jobs Computer weekly (jobs in 7 days) 1 Oct 2006 29 Sep 2005 java 3237 (2234) VB 1671 (1614) ASP 1709 (1355) php 551 (215) flash 407 (168) dreamweaver 171 (69) www.cwjobs.co.uk

Admin – jobs

HTML: Elements & Tags Hyper-Text Markup Language text files – edited with notepad tags, e.g. <b> <html> </a> element = start tag + content + end tag bold: <b>This will be in bold</b> italic: <i>This will be in italic</i> work like brackets start/open <b> <i> end/close </b> </i>

HTML: page structure every HTML page has 2 sections: <html> <head> <title>Test</title> </head> <body> <p>This is a test <b>page</b>. </body> </html> head (info) body (content)

HTML: Attributes Some tags need extra information to work: Anchor (hyper-link) element: <a href=“nextpage.htm”>Next Page</a> Image element: <img src=“Beach.jpg”> Embedded object element: <embed src=“Music.mp3”> attribute (page to jump to) attribute (filename of picture to display) attribute (filename of music to play)

Example: Intro page <html> <head> <title>Mark Dixon's web site</title> </head> <body background="BackGround.JPG"> <font size=+3><center><b><p> Mark Dixon's web site</b></center> <font size=+2> <p>Welcome to my web server. Please select from the following list: <ul> <li><a href="./Soft131/Index.htm"> Soft131: Introduction to programming for Multimedia and Internet applications.</a> </ul> </font> </body> </html>

HTML Tags: Reference Lots of info available on-line, e.g.: http://www.willcam.com/cmat/html/crossref.html Short list of tags: <p>: new paragraph <b>: bold text <i>: italic text <a>: anchor (link) to another web page <img>: image/picture (.bmp, .jpg, .gif) <embed>: embedded object (.avi .mpg .wav .mp3)

Visual Studio 2005

Create New Web-site Select Empty web site Browse to U:\ and create folder

Create New Web page

Create New Web Page Select HTML Page Type filename

Visual Studio Design view – see page as it will appear

Visual Studio Source view – see HTML code

View page (Run)

Enable debugging Select Add new Web.config file

Example: My Summer My summer web-page

Tutorial Exercise 1: My Summer LEARNING OBJECTIVE: to understand tags, elements, and attributes, so that you can create your own web-pages using a simple text editor (e.g. notepad) TASK: Create a ‘My Summer’ web page, which describes the highlights of what you did over the summer, including text, pictures, and sound.