32
Mark Dixon Page 1 SOFT 136 01 – Module Introduction
| Date post: | 19-Dec-2015 |
| Category: |
Documents |
| View: | 215 times |
| Download: | 0 times |
Mark Dixon Page 1
SOFT 13601 – Module Introduction
Mark Dixon Page 2
About Me
• Contact DetailsMark [email protected] 232556Portland SquareRoom B316
• Availability
Mon, Tue, Wed, Thu – School of Computing Communications and Electronics (main campus)
Fri – other work (usually off-campus)
Mark Dixon Page 3
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 4
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 5
Module FormatThe module is delivered as follows:
• Lecture: 1 hr per week, all groups, Mondays 12:05 – 12:55• Tutorials / Practical Session: 2 hr per week
Mondays 16:00 – 18: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 6
Schedule (subject to change)
Term Session Start Title Topics and Concepts Assessment
No. Date
1 8-Jan Module Introduction & HTML Elements, Content, & Tags: <HTML> <HEAD> <BODY> <TITLE> <B> <I> <INPUT> <OL> <UL> <IMG> <A> <EMBED>
2 15-Jan VBS: VB Script (client-side) Testing, Debugging, Event driven model (events, objects, properties, procedures, assignment instructions, sequence) <INPUT> <SCRIPT>
3 22-Jan VBS: Expressions Expressions, Operations, Functions, Types of Data Client side object model (document and window objects)
4 29-Jan VBS: Conditional Execution Conditional execution (IF … THEN … ELSE statements), decision trees
5 5-Feb VBS: Constants & Variables Variable declaration and assignment
2 6 12-Feb Coursework 1 (in-lecture test) Coursework 2 brief (tutorials)
C1 - In class test covering weeks 1-5 C2 - Assignment brief.
C1 Test C2 out
7 19-Feb VBS: Procedures Procedures, module hierarchy charts.
8 26-Feb VBS: Iterative Execution Manual (by user) and automatic iteration (for and while statements)
9 5-Mar VBS: Arrays & Classes Constant and array declaration and assignment
10 12-Mar VBS: Procedure Parameters formal and actual parameters, ByRef, ByVal C2 in
11 19-Mar VBS: Functions & Modules built-in functions, return value, function definition and calling modules, public, private, sharing modules between projects
12 26-Mar VBS: Object oriented programming classes, methods, properties, instances
Mark Dixon Page 7
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 8
Reading List 2Additional 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-2004.019 SHN
Mark Dixon Page 9
Student Background
• Typically wide range of prior experienceA. 10 years programming (professional?)
B. 5 years programming (professional?)
C. 2 years programming (learning?)
D. 1 year programming (learning)
E. no programming
• Can be difficult to cater for allA B C D E
number ofstudents
Mark Dixon Page 10
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 11
Last Year Results
• 17 students
• 12 failed initially (71%)
• Students thought module would be easy
• only 2 students failed retakes (12%)
9
0
3
1
2 2
0
1
2
3
4
5
6
7
8
9
10
fail borderline 3 2.2 2.1 1
Mark Dixon Page 12
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 13
Student feedback (zoom)
Mark Dixon Page 14
Mark Dixon Page 15
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 16
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
Mark Dixon Page 17
Admin – jobs
Mark Dixon Page 18
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>
Mark Dixon Page 19
HTML: page structure
<html> <head> <title>Test</title> </head> <body> <p>This is a test <b>page</b>. </body></html>
head(info)
body(content)
• every HTML page has 2 sections:
Mark Dixon Page 20
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)
Mark Dixon Page 21
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>
Mark Dixon Page 22
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)
Mark Dixon Page 23
Visual Studio 2005
Mark Dixon Page 24
Create New Web-site
• Select Empty web site
• Browse to U:\ and create folder
Mark Dixon Page 25
Create New Web page
Mark Dixon Page 26
Create New Web Page
• Select HTML Page
• Type filename
Mark Dixon Page 27
Visual Studio
Design view – see page as it will appear
Mark Dixon Page 28
Visual Studio
Source view – see HTML code
Mark Dixon Page 29
View page (Run)
Mark Dixon Page 30
Enable debugging
• Select Add new Web.config file
Mark Dixon Page 31
Example: My Summer
My summer web-page
Mark Dixon Page 32
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.
