Making the Right Choice Choice of text colour and layout makes a big difference to the message you communicate Take a look at the following examples

Consider the Design for… A Children’s Nursery

Consider the Design for… An Undertaker

Consider the Design for… A Dentist

Font Selection The two main types of fonts are those with serifs and those without - sans serif. It is worth looking at font catalogues on-line to see what we can find that is close to what we want As we have seen font selection makes a big difference to the message we communicate Take time thinking about your fonts

What we write is Important Get your work proof read by somebody you trust You are the least qualified person to judge your own work – the customer is always right Badly written text is unprofessional and is a good way to send out the wrong message

Select an Appropriate Style Abstract Yo dudes. Electronic marking grids (eGrids is another name for em) is a fab tool for helping students learn before they finish their work and after (cool). The eGrids used with another rad idea called “driving tests” and give us a way of giving students the lo down on their crap and help teachers chillax at their pad (just kiddin’). Students get their eGrid off my web site but don’t you think they can write anything they like... no!. They can take a gander at their grade but only the boss man can change the grade. The governor gets to say wot he likes. Some students may like it some may need a slap. I’m gonna use an action research approach to find out if this crap worked or not (cleaver eh?). Hommies on the second year are gonna use this crack. I’m gonna get my info’ by counting things and seeing what the word is on the street. Gonna read some books n shit to see what the big wigs have to say too. Wicked. Abstract Electronic marking grids (eGrids) are a mechanism for formative, summative and continuous assessment. These eGrids used in conjunction with viva based “driving tests” provide a mechanism for improving feedback to students and making the most of staff time spent in assessment. The eGrid is made available to students in read only format via the internet. Students may view their own grid to see progress so far and model the grades required to achieve their desired outcomes. Tutors have read-write access to the grids and may input grades with guidance for improvement. The driving test style of assessment allows students to be critiqued on their work whilst allowing opportunity for them to recover any problems or misunderstandings. The study will adopt an action research approach to explore the impact and attitudes to the use of eGrids on two second year Computing modules. The paper takes into account quantitative and qualitative data from both staff and students along with a review of relevant pedagogic theory. Abstract for a research paper...

Some Design Rules Contrast Make different parts of the site that are different – look different! Repetition Repeat visual elements of the design throughout the site. Alignment Give items a visual association to other items. Proximity Items related to each other should be grouped close to each other.

Contrast When you make two items different – make them really different!

Repetition

Alignment

Proximity Make use of visual organisation to convey content organisation CSCI1413 Programming Year 1 CSCI2608 Multimedia and Internet Technology Personal Tutoring Final Year Project Proposals Creating Database Applications in VB.NET Visual Basic.NET Access 2000 Trainer Visual Basic Generic guides for using VB 6 and below Networks and Communications Guide to HTML CSCI2002 Visual Basic as a Second Language CSCI2008 Networks & Communications INFO1004 Application Development CSCI2010 Developing Business Database Applications

Better… CSCI1413 Programming Year 1 CSCI2608 Multimedia and Internet Technology CSCI2002 Visual Basic as a Second Language CSCI2008 Networks & Communications INFO1004 Application Development CSCI2010 Developing Business Database Applications Personal Tutoring Final Year Project Proposals Creating Database Applications in VB.NET Visual Basic Generic guides for using VB 6 and below Visual Basic.NET Access 2000 Trainer Networks and Communications Guide to HTML

Don’t be Afraid of White Space

Rule of Thirds Which picture is more interesting?

Think of an Image Split into Thirds

Unseen Text in Multimedia Text in Multimedia is not just about what the user sees Text is used to mark-up documents via HTML 5 and CSS Text plays an important part in communication of data via XML

HTML 5 HTML 5 has three types of mark-up: Elements Attributes Values Elements An element comprises: Start Tag Content This is a heading End tag Attributes and Values Attributes contain information about the data specified by the attributes value e.g.

XML A meta-language contains data used to describe data May be used to define other mark-up languages (e.g. HTML 5) Provides a set of rules and a basic structure and from this other document formats may be devised E.g. PDF, DOCX, HTML 5 Applications of XML extend beyond the web XML may be used in many other non web related contexts

Media Centre Master Media Centre Master is a free program that may be used to manage films saved as DivX files The program allows the creation of “scan folders” into which you place your video file (MP4, AVI etc) in a folder named as the title of the film For example... Program communicates with remote data source e.g. IMDB to obtain data about the film e.g.

How this Looks in an Application…

XML Hierarchical Structure XML Declaration : version, encoding Root element Element Tag Attributes and Values Attribute (Title) Value “28 Days Later”