270 likes | 353 Views
group nine. cdes community web sites. contents. presentation contents: overview roles methodology research technology interface. overview. project details cdes community web sites: no walls no ink no chairs client: gavin sade. overview. aims and objectives
E N D
group nine cdes community web sites
contents • presentation contents: • overview • roles • methodology • research • technology • interface
overview • project details • cdes community web sites: • no walls • no ink • no chairs • client: • gavin sade
overview • aims and objectives • functional and attractive web site that facilitates: • communication channel • gallery-style exhibition space Contributed by Kate Andrews
overview • requirement analysis • design wants and needs of: • users • client • production team Contributed by Kate Andrews
overview • background research • preliminary research into existing technologies • investigate existing implementations of Contributed by Kate Andrews
overview • technological considerations • existing technologies • advantages and disadvantages of • implementation Contributed by Kate Andrews
overview • interface design • developing a combination of: • aesthetically attractive interface • functional back-end Contributed by Kate Andrews
roles • development team roles • dave curro • interface development • daniel loxley • content development • steven cullen • architecture development • kate andrews • project leader/developer Contributed by Kate Andrews
website graphics code vector bitmap xhtml, css, xml content news gallery methodology • work break-down schedule Contributed by Kate Andrews
Greyed blocks represent recycled material in the iterative development Waterfall component of development methodology • "re-iterative waterfall” Contributed by Kate Andrews
research • why research? • need to maintain an online community • existing websites maintain online communities • research what makes them successful • emulate their methods where appropriate Contributed by Daniel Loxley
research • features in our project • preliminary designs utilise several key features found in many existing designs: • forums • galleries • news & announcements Contributed by Daniel Loxley
research • forums • forums create online communities • forums must be actively used • rigid categorization? • moderation? (i) (ii) • forums.somethingawful.com • forums.somethingawful.com Contributed by Daniel Loxley
research • galleries: • different implementations • allowing users to contribute works creates a community • self-submission is important • accessible • grading? (i) (ii) (iii) • newgrounds.com • flickr.com • deviantart.com Contributed by Daniel Loxley
(i) (ii) (iii) • maddox.xmission.com • careers.qut.edu.au • bbc.co.uk research • news & announcements: • news • announcements • job opportunities • upcoming events • honour students’ work-groups • current information • rss feed • focus Contributed by Daniel Loxley
technology • what technologies? • server side scripting • xml • rss • css • xhtml Contributed by Steve Cullen
technology • xml & rss • will be used to implement a news feed for the users. • notify users of updates • save time and bandwidth for users • will need to be maintained. Contributed by Steve Cullen
technology • xhtml • xhtml 1.0 strict, • professionalism. • appearance on different browsers. Contributed by Steve Cullen
technology • css • cascading style sheets will be used to define the appearance of the website. • separates the structure from the presentation • content can be changed independently of the formatting • modify one file for entire site • accessibility. • consistency across browsers Contributed by Steve Cullen
technology • server side scripting • server side scripting to be used for key areas of the website • forum • gallery submission • user login • etc. Contributed by Steve Cullen
interface • aesthetic research • functionality • the look • use of semiotics Contributed by Dave Curro
interface • aesthetic research • functionality first and foremost • contrast, repetition, alignment, proximity • http://www.webstyleguide.com/ • http://www.csszengarden.com/ • http://www.webpagesthatsuck.com/ Contributed by Dave Curro
interface • functionality • quick-loading • rss feeds • news-centred (tied to forum, commentary) • latest forum posts/submissions • archive (jobs, competitions, etc.) • gallery • http://www.bigkid.com.au Contributed by Dave Curro
interface • the look • clean… mmm • colours • http://wellstyled.com/tools/colorscheme2/index-en.html# • nothing crazy, just simple, easy to navigate • nothing yet set in stone Contributed by Dave Curro
interface • semiotics • looking into use of semiotics • avoiding clutter, unnecessary words • wary of mystery meat navigation (mms) Contributed by Dave Curro
conclusion • individual contribution statements • dave • http://student.ci.qut.edu.au/~n5072468/drupal/?q=node/5 • daniel • http://student.ci.qut.edu.au/~n5405297/kib211.doc • steve • http://student.ci.qut.edu.au/~n5065763/group9/?p=8 • kate • http://student.ci.qut.edu.au/~n4768299/critique_outline.doc Contributed by Kate Andrews