Introduction - Mark Dixon`s web site

Transcript Introduction - Mark Dixon`s web site

SOFT 136
01 – Module Introduction
Mark Dixon
Page 1
About Me
• Contact Details
Mark Dixon
[email protected]
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)
Mark Dixon
Page 2
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
Mark Dixon
Page 3
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.
Mark Dixon
Page 4
Module Format
The module is delivered as follows:
• Lecture: 1 hr per week, all groups, Mondays 09:05 – 09:55
• Tutorials / Practical Session: 2 hr per week
Mondays 13:00 – 15:00
• 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)
Mark Dixon
Page 5
Schedule (subject to change)
Term Session Start
Title
No.
Date
1 8-Jan Module Introduction & HTML
2
Mark Dixon
2
15-Jan VBS: VB Script (client-side)
3
22-Jan VBS: Expressions
4
5
6
7
8
9
10
11
29-Jan VBS: Conditional Execution
5-Feb VBS: Constants & Variables
12-Feb Coursework 1 (in-lecture test)
Coursework 2 brief (tutorials)
19-Feb VBS: Procedures
26-Feb VBS: Iterative Execution
5-Mar VBS: Arrays & Classes
12-Mar VBS: Procedure Parameters
19-Mar VBS: Functions & Modules
12
26-Mar VBS: Object oriented programming
Topics and Concepts
Assessment
Elements, Content, & Tags: <HTML> <HEAD> <BODY> <TITLE> <INPUT>
<OL> <UL> <IMG> <A> <EMBED>
Testing, Debugging, Event driven model (events, objects, properties, procedures,
assignment instructions, sequence) <INPUT> <SCRIPT>
Expressions, Operations, Functions, Types of Data
Client side object model (document and window objects)
Conditional execution (IF … THEN … ELSE statements), decision trees
Variable declaration and assignment
C1 - In class test covering weeks 1-5
C1 Test
C2 - Assignment brief.
C2 out
Procedures, module hierarchy charts.
Manual (by user) and automatic iteration (for and while statements)
Constant and array declaration and assignment
formal and actual parameters, ByRef, ByVal
C2 in
built-in functions, return value, function definition and calling
modules, public, private, sharing modules between projects
classes, methods, properties, instances
Page 6
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
Mark Dixon
Page 7
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. AddisonWesley. 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: 0201-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. AddisonWesley. ISBN 0-201-69497-2
004.019 SHN
Mark Dixon
Page 8
Student Background
•
Typically wide range of prior experience
A.
B.
C.
D.
E.
10 years programming (professional?)
5 years programming (professional?)
2 years programming (learning?)
1 year programming (learning)
no programming
number of
students
A B
•
C D
E
Can be difficult to cater for all
Mark Dixon
Page 9
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
Mark Dixon
Page 10
Last Year Results
• 17 students
• 12 failed initially (71%)
10
9
9
8
7
6
5
4
3
3
2
2
2
2.1
1
1
1
0
0
fail
borderline
3
2.2
• Students thought module would be easy
• only 2 students failed retakes (12%)
Mark Dixon
Page 11
Student Feedback
• feedback form
– filled in by students
– handed in with
assignment
• this student:
– failed (low
attendance, low
contact with me)
– did referred work
(over summer)
– passed
Mark Dixon
Page 12
Student feedback (zoom)
Mark Dixon
Page 13
Mark Dixon
Page 14
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
Mark Dixon
Page 15
Admin – jobs
• Computer weekly (jobs in 7 days)
1 Oct 2006
29 Sep 2005
– java
– VB
– ASP
– php
– flash
– dreamweaver
3237
1671
1709
551
407
171
(2234)
(1614)
(1355)
(215)
(168)
(69)
www.cwjobs.co.uk
Mark Dixon
Page 16
Admin – jobs
Mark Dixon
Page 17
HTML: Elements & Tags
•
•
•
•
Hyper-Text Markup Language
text files – edited with notepad
tags, e.g. <html> </a>
element = start tag + content + end tag
– bold:
– italic:
This will be in bold
This will be in italic
• work like brackets
– start/open
– end/close
Mark Dixon




Page 18
HTML: page structure
• every HTML page has 2 sections:
head
(info)
body
(content)
Mark Dixon
<html>
<head>
<title>Test</title>
</head>
<body>
This is a test page.
</body>
</html>
Page 19
HTML: Attributes
• Some tags need extra information to work:
– Anchor (hyper-link) element:
<a href=“nextpage.htm”>Next Page</a>
attribute (page to jump to)
– Image element:
<img src=“Beach.jpg”>
attribute (filename of picture to display)
– Embedded object element:
<embed src=“Music.mp3”>
attribute (filename of music to play)
Mark Dixon
Page 20
Example: Intro page
<html>
<head>
<title>Mark Dixon's web site</title>
</head>
<body background="BackGround.JPG">
<center>
Mark Dixon's web site</center>

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>

</body>
</html>
Mark Dixon
Page 21
HTML Tags: Reference
• Lots of info available on-line, e.g.:
http://www.willcam.com/cmat/html/crossref.html
• Short list of tags:
– : new paragraph
– : bold text
– : italic text
– <a>: anchor (link) to another web page
– <img>: image/picture (.bmp, .jpg, .gif)
– <embed>: embedded object (.avi .mpg .wav .mp3)
Mark Dixon
Page 22
Visual Studio 2005
Mark Dixon
Page 23
Create New Web-site
• Select Empty web site
• Browse to U:\ and create folder
Mark Dixon
Page 24
Create New Web page
Mark Dixon
Page 25
Create New Web Page
• Select HTML Page
• Type filename
Mark Dixon
Page 26
Visual Studio
Design view – see page as it will appear
Mark Dixon
Page 27
Visual Studio
Source view – see HTML code
Mark Dixon
Page 28
View page (Run)
Mark Dixon
Page 29
Enable debugging
• Select Add new Web.config file
Mark Dixon
Page 30
Example: My Summer
My summer web-page
Mark Dixon
Page 31
Tutorial Exercise 1: My Summer
• LEARNING OBJECTIVE:
to understand tags, elements, and attributes,
so that you can create your own web-pages
using Visual Studio 2005
• TASK: Create a ‘My Summer’ web page, which describes the
highlights of what you did over the summer, including text,
pictures, and sound.
Mark Dixon
Page 32

Introduction - Mark Dixon`s web site

Transcript Introduction - Mark Dixon`s web site

Directory