Mark Dixon Page 1 SOFT131 / Tech – Module Introduction

Mark Dixon Page 2 About Me Contact Details Mark Dixon 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 3 Module Aims This module aims to teach you, how to: –learn 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: web-site (mdixon.soc.plymouth.ac.uk) Lectures: –Don’t come in after 15 minutes past the hour.

Mark Dixon Page 5 Module Format The module is delivered as follows: Lecture: 1 hr per week, all groups, Mondays 14:05 – 14:55 Tutorials / Practical Session: 2 hr per week lots of these (please check timetable) 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 Timetable RL LT2 212RL LT2 313RL LT2 414RL LT2 515RL J Craigie 616Main Hall 717BGB BGB Main Hall 1020PSQ Devonport 1121SHC 2 (Upper)

Mark Dixon Page 7 Schedule (subject to change)

Mark Dixon Page 8 Reading List 1 The following book is recommended reading: –Kingsley-Hughes, Kingsley-Hughes, and Read (2004) VBScript (2 nd Edition). Wiley Publishing Inc. ISBN:

Mark Dixon Page 9 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: Sommerville, I (2001) Software Engineering. 6th edition. Addison- Wesley. ISBN: 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: –Direct Manipulation: Section 13.6, pages –Interface Design: Chapter 24, pages Shneiderman, Ben (1998) Designing the user interface: strategies for effective human-computer interaction. 3rd edition. Addison- Wesley. ISBN SHN

Mark Dixon Page 10 Student Background Typically wide range of prior experience A.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 all A B C D E number of students

Mark Dixon Page 11 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 12 Last Year 36 students –offered 1 to 1 sessions after assignment 1 –all who did this passed 14 failed initially (38%) –large number of non-submissions everyone who attended - passed everyone who submitted - passed

Mark Dixon Page 13 Strategy for Success Most failures: –tried to do it on their own missed many lectures and tutorials didn’t ask questions didn't come and see me with problems To pass module –attend lectures and tutorials (if you miss a session – see me – I will help) –ask questions

Mark Dixon Page 14 Expectancy-Value Theory of Motivation People avoid tasks they see as: –impossible –pointless This module is: –challenging, but not impossible –critical to your degree technical skills foster creativity

Mark Dixon Page 15 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 16 Student feedback (zoom)

Mark Dixon Page 17 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

Mark Dixon Page 18 Admin – jobs Computer weekly (jobs in 7 days) 6 Oct Oct Sep 2005 –java (2234) –VB (1614) –ASP (1355) –php (215) –flash (168) –dreamweaver (69)

Mark Dixon Page 19 Admin – jobs

Mark Dixon Page 20

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

Mark Dixon Page 22 HTML: Nesting Elements Nesting – puts one element inside another: Hello Cannot overlap elements: Hello 

Mark Dixon Page 23 HTML Elements: Questions Which of the following are valid elements? Title Good morning. Soft 131  

Mark Dixon Page 24 HTML: page structure Test This is a test page. head (info) body (content) every HTML page has 2 sections:

Mark Dixon Page 25 HTML: Attributes Some tags need extra information to work: –Anchor (hyper-link) element: Next Page –Image element: –Embedded object element: attribute (page to jump to) attribute (filename of picture to display) attribute (filename of music to play)

Mark Dixon Page 26 Example: Intro page Mark Dixon's web site Mark Dixon's web site Welcome to my web server. Please select from the following list: Soft131: Introduction to programming for Multimedia and Internet applications.

Mark Dixon Page 27 HTML Tags: Reference Lots of info available on-line, e.g.: Short list of tags: – : new paragraph – : bold text – : italic text – : anchor (link) to another web page – : image/picture (.bmp,.jpg,.gif) – : embedded object (.avi.mpg.wav.mp3)

Mark Dixon Page 28 Visual Studio 2005

Mark Dixon Page 29 Create New Web-site Select Empty web site Browse to D:\ and create folder

Mark Dixon Page 30 Create New Web page

Mark Dixon Page 31 Create New Web Page Select HTML Page Type filename

Mark Dixon Page 32 Visual Studio Design view – see page as it will appear

Mark Dixon Page 33 Visual Studio Source view – see HTML code

Mark Dixon Page 34 View page (Run)

Mark Dixon Page 35 Enable debugging Select Add new Web.config file

Mark Dixon Page 36 Example: My Summer My summer web-page

Mark Dixon Page 37 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. Hint: Create a new web site within Visual Studio Create a new web page within you web site.