1. Mark Dixon, SoCCE SOFT 131Page 1 08 – Web applications: HTML and ActiveX controls

2. Mark Dixon, SoCCE SOFT 131Page 2 Session Aims & Objectives Aims –To introduce two fundamental ideas involved in web applications Objectives, by end of this week’s sessions, you should be able to: –create a static web page, using HTML –create an ActiveX control VB application, –embed this ActiveX control in a web page –install IIS on server –deploy your ActiveX control to your web-site

3. Mark Dixon, SoCCE SOFT 131Page 3 Example: Multiplication Test SPECIFICATION User Requirements –allow children to practice multiplication Software Requirements –Functional: software should –pick two numbers between 0 and 12 randomly –ask user what the result of multiplying them is –allow user to enter answer –check whether answer is correct –tell user –Non-functional should be interesting and colourful, and available on-line

4. Mark Dixon, SoCCE SOFT 131Page 4 Example: MulTest - Design User interface design: Functional design: Trigger (when)Actions (what) User clicks Ask buttonselect 2 random numbers, & ask user what result of multiplying them is User types in Text boxonly allow digits 0 to 9 User clicks Check buttoncompare user's answer with correct answer, & display appropriate message

5. Mark Dixon, SoCCE SOFT 131Page 5 Example: MulTest - Test http://mdixon.soc.plym.ac.uk/soft131/multestX.htm

6. Mark Dixon, SoCCE SOFT 131Page 6 network connection Web Hardware and Software Client Server Browser Application (MS Explorer, Netscape) Web-server Application (MS IIS, Apache)

7. Mark Dixon, SoCCE SOFT 131Page 7 Request-Response Cycle Browser Application (MS Explorer, Netscape) Web-server Application (MS IIS, Apache) http://mdixon.soc.plym.ac.uk/ Request Mark Dixon's web site Mark Dixon's web site Welcombe to my web server. Please select from the following list: Soft131: Introduction to programming for Multimedia and Internet applications. Response

8. Mark Dixon, SoCCE SOFT 131Page 8 Hyper-Text Markup Language text files –edited with notepad with tags, e.g. –bold: This will be in bold –italic: This will be in italic work like brackets –start/open –end/close reference: http://www.willcam.com/cmat/html/crossref.html HTML

9. Mark Dixon, SoCCE SOFT 131Page 9 HTML page - Structure Test This is a test page. head (info) body (content)

10. Mark Dixon, SoCCE SOFT 131Page 10 Example: Intro page Mark Dixon's web site Mark Dixon's web site Welcombe to my web server. Please select from the following list: Soft131: Introduction to programming for Multimedia and Internet applications.

11. Mark Dixon, SoCCE SOFT 131Page 11 HTML - Limitations static –cannot change –no real interaction (only links)

12. Mark Dixon, SoCCE SOFT 131Page 12 ActiveX controls VB can create –stand alone.exe files –ActiveX controls (.ocx files)

13. Mark Dixon, SoCCE SOFT 131Page 13 ActiveX Controls & HTML Use tag: Multiplication Test Multiplication Test This page contains an ActiveX control (written in VB) that tests your multiplication skills. <OBJECT ID="ctlMulTest" CLASSID="CLSID:0F8291D9-81A5-4E59-AF18-26F7515D3F82" CODEBASE="MulTestX.CAB#version=1,0,0,0"> Good luck!

14. Mark Dixon, SoCCE SOFT 131Page 14 Obtaining CLID Run ActiveX control in browser from VB (F5) View Source Copy HTML tag to new html file

15. Mark Dixon, SoCCE SOFT 131Page 15 Internet Information Services (IIS) IIS / personal web server on Windows CD Start, Settings, Control Panel, Add/Remove Programs Add/Remove Windows Components IIS

16. Mark Dixon, SoCCE SOFT 131Page 16 Enabling/Disabling IIS Start, Settings, Control Panel, Administrative Tools, Internet Services Manager Stop Start

17. Mark Dixon, SoCCE SOFT 131Page 17 Making pages available on-line For others to see your pages: –copy/move them to C:\INetPub\wwwroot folder (on server) –enable IIS (on server) –create installation package –deploy to server –give people address of your server, either: Dynamic IP address: not practical as it changes on server re-boot Static IP address fixed by ISP (e.g. 141.163.57.220) register a domain name (e.g. mdixon.soc.plymouth.ac.uk)

18. Mark Dixon, SoCCE SOFT 131Page 18 Testing you Web-server (IIS) Use localhost in browser:

19. Mark Dixon, SoCCE SOFT 131Page 19 Package & Deployment Create installation program –Setup.Exe: standalone installation –cab files: installation via internet Start menu, … –Visual Studio Tools menu Package and Deployment item

20. Mark Dixon, SoCCE SOFT 131Page 20 Creating Internet Package

21. Mark Dixon, SoCCE SOFT 131Page 21 Deployment to Web-server Deploy to C:\INetPub\wwwroot folder on server: