VUIT Digital Arts
Class Website - http://multimedia.tafe.vu.edu.au/lisa/2015/ID2
Subject: ID2 - Interactive Design
Course: Advanced Diploma of Graphic Design (CUV60411)
Submit Responsive Design Task
Complete the mockups for your video website in Photoshop, Illustrator and/or InDesign.
Compile everything in a PDF document to submit via email to me at firstname.lastname@example.org
Interesting article on UX:
Introduction to Dynamic Websites
Dynamic websites contain web pages that are generated in real-time. These pages include Web scripting code, such as PHP or ASP. When a dynamic page is accessed, the code within the page is parsed on the Web server and the resulting HTML is sent to the client's Web browser.
Most large websites are dynamic, since they are easier to maintain than static websites. This is because static pages each contain unique content, meaning they must be manually opened, edited, and published whenever a change is made. Dynamic pages, on the other hand, access information from a database. Therefore, to alter the content of a dynamic page, the webmaster may only need to update a database record. This is especially helpful for large sites that contain hundreds or thousands of pages. It also makes it possible for multiple users to update the content of a website without editing the layout of the pages.
Dynamic websites that access information from a database are also called database-driven websites.
Wikipedia & Killer Sites actually give good summaiesy of what a database driven web site is and what a dynamic web page consists of:
Over the rest of the semester we will be looking at dynamic website development through your Wordpress Portfolio development and through some other exercises involving research and coding a simple dynamic web page.
As an example of the construction of a dynamic web page, a page from a Wordpress site could contain scripting from the following code languages:
image from wikipedia http://en.wikipedia.org/wiki/Dynamic_web_page#/media/File:2013vmvClientServer.png
Start Assessment Task 4 - Wordpress Portfolio
Creating a Wordpress Blog - Uses for Designers
Using a blog as a method of reflective practice, self promotion, networking, exhibition and presentation of creative content and keeping place for documentation of creative work.
Even designers and artists that use little or no digital media in their creative practice will eventually need to deal with web technologies in communicating with others, building networks, applying for work, funding and exhibition opportunities and managing or documenting their work (especially if it is of an ephemeral nature).
A blog can be used in a number of ways. Wordpress, as the most ubiquitous of the free, open source blog applications, has many advantages for designers - especially as it is relatively user friendly to set up - you don't need to have any web development skills as most elements are enabled or installed by selecting a range of options in the setup "dashboard" area.
You don't have to use the blog posts as a journal style website if you don't want to. You may use the site to create static pages and image galleries, portfolios, and a range of other functionalities available from customising with widgets.
Today we will begin by getting everyone to create a Wordpress.com site. We may only get as far as creating a blog and choosing an initial theme - don't worry if your theme isn't really perfect for you yet. We will be looking at portfolio requirements and what functionality we want from a theme. You can always change your theme without losing any content that you may already have. Although, if you choose a radically different theme layout, you may need to consider how your media content will work in a different theme.
We will begin by going to the Wordpress User Guide at:
This is a very user friendly guide to get you started, with step-by-step instructions and pictures to help you. My role will be to get you started as a group, then to individually help you with the specifics that you want to set up on your particular blog.
Today you should try and read through:
We can start creating the blog this week, but before you do, you will need to start thinking about a name for your blog - e.g.
The name must be unique, one word with no spaces or inapropriate characters, and this will be used in the URL - where your blog will be located.
Some interesting websites and blogs by artists and designers
Some interesting image gallery sites (not blogs, but interesting ways of presenting visual content using web technologies)
Other useful resources: