tutorial - titan.csit.rmit.edu.autitan.csit.rmit.edu.au/~e04128/wp/1/tutorial.pdf · tutorial a c...

4
Tutorial Activity 1: Writing copy for your first web page In the lab this week, you will be forking and cloning a starting repo which contains very basic HTML5 web page templates, one which you will modify with some information about yourself. Some things to think about: How do you use the internet? What websites do you visit? (NB: "family friendly" !) Have you any programming or web design experience? Do you see yourself as a programmer or designer, or both? What has brought you to this course at RMIT? What are you hoping to get out of the course? What are your interests or hobbies? Work with one or two friends to flesh out your copy. This activity is to get to know your classmates and yourself a little better. By the end of this exercise you should have some idea of what to put in your personal webpage. For administrative reasons, there will be a few other fields to fill in (name, student number, a personal photo). This will help the entire web programming team get to know you better and more importantly know how to pitch answers to your questions. COSC2413/2426/2453 - Web Programming Page 1 of 4

Upload: phungbao

Post on 08-Nov-2018

233 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Tutorial - titan.csit.rmit.edu.autitan.csit.rmit.edu.au/~e04128/WP/1/Tutorial.pdf · Tutorial A c ti vi ty 1: ... one whi c h you wi l l m odi fy wi t h s om e i nform a t i on a

Tutorial

Activity 1: Writing copy for your first web page In the lab this week, you will be forking and cloning a starting repo which contains very basic HTML5 web page templates, one which you will modify with some information about yourself.

Some things to think about:

● How do you use the internet? ● What websites do you visit? (NB: "family friendly" !) ● Have you any programming or web design experience? ● Do you see yourself as a programmer or designer, or both? ● What has brought you to this course at RMIT? ● What are you hoping to get out of the course? ● What are your interests or hobbies?

Work with one or two friends to flesh out your copy. This activity is to get to know your classmates and yourself a little better. By the end of this exercise you should have some idea of what to put in your personal webpage. For administrative reasons, there will be a few other fields to fill in (name, student number, a personal photo). This will help the entire web programming team get to know you better and more importantly know how to pitch answers to your questions.

COSC2413/2426/2453 - Web Programming Page 1 of 4

Page 2: Tutorial - titan.csit.rmit.edu.autitan.csit.rmit.edu.au/~e04128/WP/1/Tutorial.pdf · Tutorial A c ti vi ty 1: ... one whi c h you wi l l m odi fy wi t h s om e i nform a t i on a

Activity 2: Hosting web pages on Coreteaching servers The coreteaching servers are real machines. They live at RMIT's data centre in the city campus.

All coreteaching servers store your files on a common fileserver, so changes made via one machine will ripple through to other machines. It doesn't matter which machine you use to view your webpages, you will be able to see the same material from the following urls:

https://jupiter.csit.rmit.edu.au/~s1234567/wp/ {your files} https://saturn.csit.rmit.edu.au/~s1234567/wp/ {your files} https://titan.csit.rmit.edu.au/~s1234567/wp/ {your files}

COSC2413/2426/2453 - Web Programming Page 2 of 4

Page 3: Tutorial - titan.csit.rmit.edu.autitan.csit.rmit.edu.au/~e04128/WP/1/Tutorial.pdf · Tutorial A c ti vi ty 1: ... one whi c h you wi l l m odi fy wi t h s om e i nform a t i on a

You should use the command line via terminal (Mac or linux) or gitbash (PC) but you can use a GUI sFTP program called Cyberduck (Mac) or WinSCP (PC) to connect to the coreteaching server of your choice and edit your web pages. You can use either naming system: planets or "coreteaching##". Code editors such as Brackets, Atom, Visual Studio Code, Notepad++ are recommended but feel free to use the code editor of your own choice. Any files saved in your public_html folder will be visible, as long as you give the files and directories the appropriate permissions: ● Your directories:~s1234567, public_html, wp etc must have 701 permission ● Your files: HTML, image, css, php etc must have 604 permission

Your tutor will step you through the following diagram:

COSC2413/2426/2453 - Web Programming Page 3 of 4

Page 4: Tutorial - titan.csit.rmit.edu.autitan.csit.rmit.edu.au/~e04128/WP/1/Tutorial.pdf · Tutorial A c ti vi ty 1: ... one whi c h you wi l l m odi fy wi t h s om e i nform a t i on a

Activity 3: Canvas and Google Docs This semester we will use Canvas for official announcements, discussion groups, lecture recordings and assessment results collation. You tutor will take you for a short tour of the Canvas course shell. All teaching materials (other than the interactive lecture materials for weeks 0 - 11) and assignment submission areas will be made available via Google's WP Public Drive. It is very important that you make sure that you are logged in exclusively under your RMIT profile in a web browser, ie not under another profile or a mix of profiles, or Google will get confused. Our dear friend SuperFluffyKittenz will explain everything in detail here and tell you how to set uo your google profiles: https://docs.google.com/document/d/1vQ1CfJc121Rg5sefXpJtJ1e0g2-nGy9YolpLdTF2RFw

COSC2413/2426/2453 - Web Programming Page 4 of 4