class: centre, middle, inverse name: UX from 30,000ft specific: COMP33511 topic: Building under the Umbrella # {{name}}: {{topic}} ### Lecture 03 (50 minutes) ### [@sharpic](http://twitter.com/sharpic) .controls[[SAQ](saqs.html) [D](discuss.html) [OH](oh.html) [C](coffee.html) [P](coffee.html#2) [SLIDES](http://sharpic.github.io/COMP33511/#slides) [↩](#)] --- layout: true class: left, top name: UX from 30,000ft noteid: Ch. 02 - Building under the Umbrella specific: COMP33511 website: http://sharpic.github.io/COMP33511 author: [@sharpic](http://twitter.com/sharpic) --- class: left, middle topic: Why? .noteids[{{noteid}}] .credits[ {{author}} | UX from 30,000ft | {{specific}} | {{topic}}] .controls[[SAQ](saqs.html) [D](discuss.html) [OH](oh.html) [C](coffee.html) [P](coffee.html#2) [SLIDES](http://sharpic.github.io/COMP33511/#slides) [↩](#)] ## {{topic}} .right[.fig[ .caption[Apple Newton UI. .credit[Wikimedia]]]] 1. Methodology and Planning; 1. Tools and Programming Techniques; 1. Influence over the Development Lifecycle to Benefit UX; 1. Support for/as the Software Engineer(s); and 1. Code has Beauty. -- **Good/Creative Software Engineers Create Good UX;** --- class: center, middle topic: Process & Participants .noteids[{{noteid}}] .credits[ {{author}} | UX from 30,000ft | {{specific}} | {{topic}}] .controls[[SAQ](saqs.html) [D](discuss.html) [OH](oh.html) [C](coffee.html) [P](coffee.html#2) [SLIDES](http://sharpic.github.io/COMP33511/#slides) [↩](#)] ## {{topic}} .fig[ .caption[Taken from Stephen Whittaker's (UCSC) EPSRC HCI Theme Day Keynote 19/01/2012 .credit[Whittaker 2012]]] --- class: left, middle topic: Lifecycle .noteids[{{noteid}}] .credits[ {{author}} | UX from 30,000ft | {{specific}} | {{topic}}] .controls[[SAQ](saqs.html) [D](discuss.html) [OH](oh.html) [C](coffee.html) [P](coffee.html#2) [SLIDES](http://sharpic.github.io/COMP33511/#slides) [↩](#)] ## {{topic}} 1. Waterfall; 1. Spiral; 1. Iterative; 1. Rational Unified Process; and 1. Scrum. --- class: top topic: Developing for UX .noteids[{{noteid}}] .credits[ {{author}} | UX from 30,000ft | {{specific}} | {{topic}}] .controls[[SAQ](saqs.html) [D](discuss.html) [OH](oh.html) [C](coffee.html) [P](coffee.html#2) [SLIDES](http://sharpic.github.io/COMP33511/#slides) [↩](#)] ## {{topic}} **Cowboy** 1. R & D / Skunkworks; 1. No Fixed Plan; 1. Single / Pair Coder; 1. No Admin & Probably No Direct Customers; 1. Outcomes Uncertain. -- **Agile** 1. Individuals and interactions over processes and tools; 1. Working software over comprehensive documentation; 1. Customer collaboration over contract negotiation; and 1. Responding to change over following a plan. --- class: left, middle topic: Separation of Concerns .noteids[{{noteid}}] .credits[ {{author}} | UX from 30,000ft | {{specific}} | {{topic}}] .controls[[SAQ](saqs.html) [D](discuss.html) [OH](oh.html) [C](coffee.html) [P](coffee.html#2) [SLIDES](http://sharpic.github.io/COMP33511/#slides) [↩](#)] ## {{topic}} .right[] **For the Project, For the Prototyping, For the Coding, For the Testing.** 1. MVC; 1. MVP; 1. PAC; and 1. SOA. **Examples: XUL (XML User Interface Language); QT; Jetpack.** --- topic: GUIs .noteids[{{noteid}}] .credits[ {{author}} | UX from 30,000ft | {{specific}} | {{topic}}] .controls[[SAQ](saqs.html) [D](discuss.html) [OH](oh.html) [C](coffee.html) [P](coffee.html#2) [SLIDES](http://sharpic.github.io/COMP33511/#slides) [↩](#)] ## {{topic}} **Types** 1. WIMP - window, icon, menu, and pointing device; 1. GUI & Widgets; 1. Skins & Wrappers; and 1. UI generated from functional descriptions. -- **Separation Types** 1. Web Services Description Language (WSDL) / SOAP; 1. Remote procedure call (RPC); and 1. Representational state transfer (RESTful). --- class: left, middle topic: Open, Agile, and Participatory .noteids[{{noteid}}] .credits[ {{author}} | UX from 30,000ft | {{specific}} | {{topic}}] .controls[[SAQ](saqs.html) [D](discuss.html) [OH](oh.html) [C](coffee.html) [P](coffee.html#2) [SLIDES](http://sharpic.github.io/COMP33511/#slides) [↩](#)] ## {{topic}} .right[] ### Homesteading the Noosphere... > "The open-source culture is a response to an identifiable set of drives and pressures. As usual, the culture's adaptation to its circumstances manifests both as conscious ideology and as implicit, unconscious or semi-conscious knowledge."