The document summarizes a student project to redesign the Icelandic website Sigurfreyr.com using WordPress. The project involved creating four digital multimedia productions for Sigurfreyr.com including an e-magazine, video gallery, forum/blog, and survey. The students followed the Core Process workflow model to structure their work. They researched themes, plugins and widgets for WordPress, defined the target user group, developed a communication strategy, designed visual interfaces and integrated interaction elements like plugins. The goal was to draw traffic, encourage user involvement, and create a monetizable site through the redesign.
If you are analyzing and reporting survey data PowerPoint is probably your preferred reporting tool.
8 out of 10 work like this: Data are exported from your survey tool to a analytical tool as SPSS where you produce tables. Then tables are copies to Excel, where you produce charts and improve layout and next you copy tables and charts to PowerPoint.
OfficeReports is a shortcut to this process. OfficeReports is a fully featured analysis tool working as an add-in in PowerPoint and Word.
Download the OfficeReports add-in from www.officereports.com and add OfficeReports to your Microsoft Office-suite. This manual guides you through all the advanced features.
This document provides information about purchasing and learning Microsoft Outlook 2016. It describes the key features and benefits of Outlook 2016, including getting easy-to-follow guidance from a certified trainer, learning and practicing new skills using sample content, efficiently managing email, organizing contacts and scheduling meetings. The document includes pricing for Outlook 2016 in the U.S. and Canada, and provides a link to download practice files to accompany the Step by Step guide for Outlook 2016.
This document provides an overview of the Microsoft Office 2003 Editions product guide. It discusses the key goals of connecting people, information, and business processes. It outlines new collaboration features in Office 2003 for sharing workspaces and documents, integrating web discussions and meeting workspaces. It also covers features for managing team time like presence integration and team calendars. The document details enhancements in Outlook 2003 for streamlining email workflows and organizing contacts and calendar items. It explores using XML in Office 2003 to free up critical business information and integrate business processes across applications like Word, Excel and Access.
This document is a user's guide for the Kindle e-reader. It contains chapters on getting started with the Kindle, getting to know Kindle content such as books and periodicals, and reading on Kindle. The guide provides instructions on using the Kindle buttons and menus, connecting to Wi-Fi, organizing content into collections, and managing Kindle content. It aims to help new Kindle users understand the basic functionality and features of the e-reader.
This document outlines design principles, navigation paradigms, and patterns for a software interface. It describes fundamentals like copyright, patterns for displaying different types of information (e.g. fact sheets, guided activities), and specific interface patterns like calendars, images, lists, and filters. The document provides guidance for implementing a consistent and user-friendly interface.
This document is the user manual for EMS Data Export 2010 for MySQL version 3.3. It contains information about the product's features and how to use its wizard application to export data from MySQL databases to various file formats like Excel, Access, Word, and HTML. The manual has sections covering the wizard's steps for setting connection options, selecting tables and queries, choosing an export format and fields, and configuring format-specific export options.
This document provides an overview and introduction to the R programming language. It discusses the history and development of R, how to get started with R, how to import and export data, and how to perform common operations like subsetting, manipulating data frames, control structures, and defining functions. The document serves as a manual or guide for getting started with the basic functionality of R for data science applications.
This document provides a table of contents for a book on Visual C++ and MFC fundamentals. The table of contents lists 10 chapters that cover topics such as the Visual C++ environment, the MFC library, windows resources, messages and events, and the document/view architecture. It provides an outline of the sections in each chapter.
If you are analyzing and reporting survey data PowerPoint is probably your preferred reporting tool.
8 out of 10 work like this: Data are exported from your survey tool to a analytical tool as SPSS where you produce tables. Then tables are copies to Excel, where you produce charts and improve layout and next you copy tables and charts to PowerPoint.
OfficeReports is a shortcut to this process. OfficeReports is a fully featured analysis tool working as an add-in in PowerPoint and Word.
Download the OfficeReports add-in from www.officereports.com and add OfficeReports to your Microsoft Office-suite. This manual guides you through all the advanced features.
This document provides information about purchasing and learning Microsoft Outlook 2016. It describes the key features and benefits of Outlook 2016, including getting easy-to-follow guidance from a certified trainer, learning and practicing new skills using sample content, efficiently managing email, organizing contacts and scheduling meetings. The document includes pricing for Outlook 2016 in the U.S. and Canada, and provides a link to download practice files to accompany the Step by Step guide for Outlook 2016.
This document provides an overview of the Microsoft Office 2003 Editions product guide. It discusses the key goals of connecting people, information, and business processes. It outlines new collaboration features in Office 2003 for sharing workspaces and documents, integrating web discussions and meeting workspaces. It also covers features for managing team time like presence integration and team calendars. The document details enhancements in Outlook 2003 for streamlining email workflows and organizing contacts and calendar items. It explores using XML in Office 2003 to free up critical business information and integrate business processes across applications like Word, Excel and Access.
This document is a user's guide for the Kindle e-reader. It contains chapters on getting started with the Kindle, getting to know Kindle content such as books and periodicals, and reading on Kindle. The guide provides instructions on using the Kindle buttons and menus, connecting to Wi-Fi, organizing content into collections, and managing Kindle content. It aims to help new Kindle users understand the basic functionality and features of the e-reader.
This document outlines design principles, navigation paradigms, and patterns for a software interface. It describes fundamentals like copyright, patterns for displaying different types of information (e.g. fact sheets, guided activities), and specific interface patterns like calendars, images, lists, and filters. The document provides guidance for implementing a consistent and user-friendly interface.
This document is the user manual for EMS Data Export 2010 for MySQL version 3.3. It contains information about the product's features and how to use its wizard application to export data from MySQL databases to various file formats like Excel, Access, Word, and HTML. The manual has sections covering the wizard's steps for setting connection options, selecting tables and queries, choosing an export format and fields, and configuring format-specific export options.
This document provides an overview and introduction to the R programming language. It discusses the history and development of R, how to get started with R, how to import and export data, and how to perform common operations like subsetting, manipulating data frames, control structures, and defining functions. The document serves as a manual or guide for getting started with the basic functionality of R for data science applications.
This document provides a table of contents for a book on Visual C++ and MFC fundamentals. The table of contents lists 10 chapters that cover topics such as the Visual C++ environment, the MFC library, windows resources, messages and events, and the document/view architecture. It provides an outline of the sections in each chapter.
Plesk Sitebuilder 4.5 for Linux/Unix Wizard User's Guidewebhostingguy
This document provides an overview and instructions for using Parallels Plesk Sitebuilder. It discusses getting started with the Plesk Sitebuilder Wizard, including logging in and understanding the interface. It then covers using the wizard to choose a site type, design, structure, and populate the site with content like text, images, tables, and modules. The document provides guidance on site creation features within Plesk Sitebuilder.
This document provides an introduction and reference to Tkinter, a Python GUI toolkit. It begins with introductory examples and explanations of Tkinter classes and widgets. The remainder of the document consists of reference sections for each Tkinter widget and geometry manager, describing when to use them, common patterns, available methods and options.
This document provides a user guide for Adobe Test&Target. It includes sections on how Test&Target works, managing campaigns, offers, parameters, and more. Specific topics covered include setting up hosts and users, creating A/B tests, multivariate tests, and optimizing campaigns, integrating with analytics packages, and troubleshooting issues.
This document provides documentation for the MarvelSoft Library Administration software. It details how to configure user accounts and permissions, manage student and staff data, and catalog library resources like books, publishers, authors and locations. Sections cover adding, editing and reporting on users, students, staff and book inventory. The documentation also explains how to set up core reference data including castes, classes, subjects and more.
This document provides a table of contents for a Corel Draw 10 learning e-book that teaches how to use various Corel Draw features. The e-book is divided into sections that teach how to work with Corel Draw files, pages, objects, shapes, and special effects. It includes over 80 topics that cover functions like importing/exporting files, adding/deleting pages, selecting/positioning objects, drawing shapes, applying distortions, and more. The goal is to teach users how to utilize the full capabilities of Corel Draw 10 through detailed tutorials.
This document provides an introduction to recording and editing macros in Microsoft Excel using Visual Basic for Applications (VBA). It explains what macros are and how to record simple macros to automate tasks. It also covers running macros, editing recorded code, and choosing macro options and security settings. The document is intended to teach beginners how to get started with VBA macros in Excel.
The document provides instructions for using devices purchased from AT&T. It states that devices are designed exclusively for AT&T's network and should not be modified. A voice plan is required for voice-capable devices unless otherwise noted. Some devices or plans may also require a data plan. The document also covers location services, accessing the internet and third-party apps/services, AT&T's privacy policy, and copyright information.
This document provides an overview of the Microsoft Windows XP Registry and how it can be used and managed. It discusses the structure and organization of the registry, tools for editing and managing the registry like Registry Editor, backing up the registry, customizing Windows XP settings by modifying the registry, deploying registry-based group policies, managing registry security, finding registry settings, scripting registry changes, deploying user profiles, using Windows Installer and answer files to deploy applications, cloning disks using Sysprep, deploying Microsoft Office user settings, and working around common IT problems. The document is divided into multiple parts covering registry overview, management, deployment, and appendices. It provides technical details and step-by-step instructions for advanced registry
This document provides an overview and instructions for installing and using EndNote X2 reference management software. It introduces the key components and features of EndNote libraries, preferences, entering references both manually and via online import, searching libraries and online databases, generating bibliographies in Word documents, and finding additional help resources. The table of contents outlines 7 parts to the guided tour covering the main EndNote tasks in order from setting up the software to citing references in Word.
This document is an e-Sword user's guide that provides information about:
- The interface and main components of e-Sword including the bibles window, commentaries window, editors window, and reference library.
- How to customize e-Sword by adjusting window layouts, fonts, colors, and settings.
- How to hide, delete, rename, and manage resources in e-Sword.
- How to download additional free and unofficial resources and support for those resources.
- Details on navigating and searching the bibles window, comparing verses, and using parallel bibles.
Normal view is for working on an individual slide. This is the default view
shown in Figure 1.
• Outline view shows a hierarchical list of all the slides in the presentation, with
their titles. It is useful for creating or modifying the outline of the presentation.
• Notes view allows you to add notes to each slide that will not be seen by the
audience during the slide show.
• Handout view is used to design the printed handouts for your audience.
• Slide Sorter view displays thumbnail images of all the slides in your
presentation and allows you to quickly rearrange their order.
Chapter 1 Introducing Impress 3
Parts of the main Impress window
Normal
This document introduces BusinessObjects Voyager, an OLAP analysis tool that allows business analysts to interactively explore and visualize OLAP data through crosstabs and charts. Voyager workspaces can be published through BusinessObjects Enterprise to share analyses over the web. The guide provides information to help users perform tasks like analyzing data, creating queries and calculations, formatting views, and exporting results.
Data source integration guide for HP Performance Agenthernajes
This document provides documentation for HP Performance Agent software version 5.00, including a data source integration guide. It describes how to use the data source integration (DSI) feature to collect and log performance data from various sources on Unix systems. The document covers planning and setting up data collection, defining log file formats, creating class specification files, using the dsilog logging process, and examples of integrating common data sources like vmstat.
This user manual provides instructions for using Pegasus Mail version 4, an electronic mail program for Microsoft Windows systems. It covers installing and setting up Pegasus Mail, describes the main interface and functions, and provides step-by-step guides for sending messages, reading and filing emails, and other key tasks. The manual explains how to address emails, add attachments, work with folders, and more. It also details licensing terms and copyright information for the software and documentation.
This document is the table of contents for a book titled "Move the Mouse & Make Millions: A non-technical guide for growing your business online". The book provides strategies for business owners to promote and grow their business using online tools and tactics. It is organized into 6 chapters that cover preparing an online strategy, publishing content, promoting the business online, participating in online communities, tracking results, and continuing to learn online skills. The document lists over 90 specific tactics that business owners can implement across websites, blogs, social media and more.
This document provides a user guide for BricsCAD V13. It covers the following topics in 3 sentences or less each:
The user interface section describes the command bar, status bar, toolbars, properties bar, and prompt menus. The customizing section explains how to customize menus, toolbars, shortcuts, and more using CUI files. It also covers tool palettes, aliases, and user profiles. The remaining sections cover drawing accurately using constraints and dimensions, viewing and manipulating drawings, creating different types of entities, mechanical modeling tools, direct modeling, working with sections, and hatches/gradients.
This document provides a user guide for Virtuoso Schematic Composer version 4.4.6. It describes how to start the Schematic Composer application, open and edit schematic designs, work with libraries, use menus and commands, and select objects. The guide also includes quick reference sections on bindkeys, keyboard shortcuts, and mouse functions.
This document provides an overview of how to set up and optimize a blog for profitability. It discusses choosing a blogging platform like Blogger or WordPress and creating an initial blog post. The document then covers how to write engaging content, including adding personality and humor. It also provides tips for brainstorming fresh blog post topics on a regular basis. Finally, it introduces the concept of search engine optimization, including on-page techniques like keywords, tags and formatting to help readers and search engines find the blog's content. The overall document serves as an introductory guide for bloggers to set up their site and optimize it for traffic and potential profit.
Microsoft Office Enterprise 2007 is a productivity suite that includes Microsoft Office Professional Plus 2007 as well as Groove 2007 and OneNote 2007. Groove 2007 allows teams to collaborate in shared workspaces containing tools like files, discussions, meetings and calendars. OneNote 2007 is a digital notebook for gathering notes, audio, video and other content. It features shared notebooks for collaboration and powerful search capabilities. Office Enterprise 2007 aims to help users work more efficiently together and manage increasing amounts of information.
This document provides an overview of the Microsoft Project 2013 Step by Step guidebook. It teaches project management concepts and skills using a step-by-step approach. The guidebook allows the user to learn at their own pace through hands-on practice files and lessons. It covers topics such as creating and scheduling project plans, assigning resources, tracking progress, and communicating status through custom reports.
This document provides an introduction to the Force.com Platform Fundamentals book. The book walks readers through creating a standard recruiting application on the Force.com platform, covering designing custom objects, security, workflows, reports, and using Visualforce pages. It introduces concepts like the multitenant architecture, metadata-driven development, and APIs that power Force.com applications. The sample recruiting app is used throughout to demonstrate how to build an app using core platform features.
Plesk Sitebuilder 4.5 for Linux/Unix Wizard User's Guidewebhostingguy
This document provides an overview and instructions for using Parallels Plesk Sitebuilder. It discusses getting started with the Plesk Sitebuilder Wizard, including logging in and understanding the interface. It then covers using the wizard to choose a site type, design, structure, and populate the site with content like text, images, tables, and modules. The document provides guidance on site creation features within Plesk Sitebuilder.
This document provides an introduction and reference to Tkinter, a Python GUI toolkit. It begins with introductory examples and explanations of Tkinter classes and widgets. The remainder of the document consists of reference sections for each Tkinter widget and geometry manager, describing when to use them, common patterns, available methods and options.
This document provides a user guide for Adobe Test&Target. It includes sections on how Test&Target works, managing campaigns, offers, parameters, and more. Specific topics covered include setting up hosts and users, creating A/B tests, multivariate tests, and optimizing campaigns, integrating with analytics packages, and troubleshooting issues.
This document provides documentation for the MarvelSoft Library Administration software. It details how to configure user accounts and permissions, manage student and staff data, and catalog library resources like books, publishers, authors and locations. Sections cover adding, editing and reporting on users, students, staff and book inventory. The documentation also explains how to set up core reference data including castes, classes, subjects and more.
This document provides a table of contents for a Corel Draw 10 learning e-book that teaches how to use various Corel Draw features. The e-book is divided into sections that teach how to work with Corel Draw files, pages, objects, shapes, and special effects. It includes over 80 topics that cover functions like importing/exporting files, adding/deleting pages, selecting/positioning objects, drawing shapes, applying distortions, and more. The goal is to teach users how to utilize the full capabilities of Corel Draw 10 through detailed tutorials.
This document provides an introduction to recording and editing macros in Microsoft Excel using Visual Basic for Applications (VBA). It explains what macros are and how to record simple macros to automate tasks. It also covers running macros, editing recorded code, and choosing macro options and security settings. The document is intended to teach beginners how to get started with VBA macros in Excel.
The document provides instructions for using devices purchased from AT&T. It states that devices are designed exclusively for AT&T's network and should not be modified. A voice plan is required for voice-capable devices unless otherwise noted. Some devices or plans may also require a data plan. The document also covers location services, accessing the internet and third-party apps/services, AT&T's privacy policy, and copyright information.
This document provides an overview of the Microsoft Windows XP Registry and how it can be used and managed. It discusses the structure and organization of the registry, tools for editing and managing the registry like Registry Editor, backing up the registry, customizing Windows XP settings by modifying the registry, deploying registry-based group policies, managing registry security, finding registry settings, scripting registry changes, deploying user profiles, using Windows Installer and answer files to deploy applications, cloning disks using Sysprep, deploying Microsoft Office user settings, and working around common IT problems. The document is divided into multiple parts covering registry overview, management, deployment, and appendices. It provides technical details and step-by-step instructions for advanced registry
This document provides an overview and instructions for installing and using EndNote X2 reference management software. It introduces the key components and features of EndNote libraries, preferences, entering references both manually and via online import, searching libraries and online databases, generating bibliographies in Word documents, and finding additional help resources. The table of contents outlines 7 parts to the guided tour covering the main EndNote tasks in order from setting up the software to citing references in Word.
This document is an e-Sword user's guide that provides information about:
- The interface and main components of e-Sword including the bibles window, commentaries window, editors window, and reference library.
- How to customize e-Sword by adjusting window layouts, fonts, colors, and settings.
- How to hide, delete, rename, and manage resources in e-Sword.
- How to download additional free and unofficial resources and support for those resources.
- Details on navigating and searching the bibles window, comparing verses, and using parallel bibles.
Normal view is for working on an individual slide. This is the default view
shown in Figure 1.
• Outline view shows a hierarchical list of all the slides in the presentation, with
their titles. It is useful for creating or modifying the outline of the presentation.
• Notes view allows you to add notes to each slide that will not be seen by the
audience during the slide show.
• Handout view is used to design the printed handouts for your audience.
• Slide Sorter view displays thumbnail images of all the slides in your
presentation and allows you to quickly rearrange their order.
Chapter 1 Introducing Impress 3
Parts of the main Impress window
Normal
This document introduces BusinessObjects Voyager, an OLAP analysis tool that allows business analysts to interactively explore and visualize OLAP data through crosstabs and charts. Voyager workspaces can be published through BusinessObjects Enterprise to share analyses over the web. The guide provides information to help users perform tasks like analyzing data, creating queries and calculations, formatting views, and exporting results.
Data source integration guide for HP Performance Agenthernajes
This document provides documentation for HP Performance Agent software version 5.00, including a data source integration guide. It describes how to use the data source integration (DSI) feature to collect and log performance data from various sources on Unix systems. The document covers planning and setting up data collection, defining log file formats, creating class specification files, using the dsilog logging process, and examples of integrating common data sources like vmstat.
This user manual provides instructions for using Pegasus Mail version 4, an electronic mail program for Microsoft Windows systems. It covers installing and setting up Pegasus Mail, describes the main interface and functions, and provides step-by-step guides for sending messages, reading and filing emails, and other key tasks. The manual explains how to address emails, add attachments, work with folders, and more. It also details licensing terms and copyright information for the software and documentation.
This document is the table of contents for a book titled "Move the Mouse & Make Millions: A non-technical guide for growing your business online". The book provides strategies for business owners to promote and grow their business using online tools and tactics. It is organized into 6 chapters that cover preparing an online strategy, publishing content, promoting the business online, participating in online communities, tracking results, and continuing to learn online skills. The document lists over 90 specific tactics that business owners can implement across websites, blogs, social media and more.
This document provides a user guide for BricsCAD V13. It covers the following topics in 3 sentences or less each:
The user interface section describes the command bar, status bar, toolbars, properties bar, and prompt menus. The customizing section explains how to customize menus, toolbars, shortcuts, and more using CUI files. It also covers tool palettes, aliases, and user profiles. The remaining sections cover drawing accurately using constraints and dimensions, viewing and manipulating drawings, creating different types of entities, mechanical modeling tools, direct modeling, working with sections, and hatches/gradients.
This document provides a user guide for Virtuoso Schematic Composer version 4.4.6. It describes how to start the Schematic Composer application, open and edit schematic designs, work with libraries, use menus and commands, and select objects. The guide also includes quick reference sections on bindkeys, keyboard shortcuts, and mouse functions.
This document provides an overview of how to set up and optimize a blog for profitability. It discusses choosing a blogging platform like Blogger or WordPress and creating an initial blog post. The document then covers how to write engaging content, including adding personality and humor. It also provides tips for brainstorming fresh blog post topics on a regular basis. Finally, it introduces the concept of search engine optimization, including on-page techniques like keywords, tags and formatting to help readers and search engines find the blog's content. The overall document serves as an introductory guide for bloggers to set up their site and optimize it for traffic and potential profit.
Microsoft Office Enterprise 2007 is a productivity suite that includes Microsoft Office Professional Plus 2007 as well as Groove 2007 and OneNote 2007. Groove 2007 allows teams to collaborate in shared workspaces containing tools like files, discussions, meetings and calendars. OneNote 2007 is a digital notebook for gathering notes, audio, video and other content. It features shared notebooks for collaboration and powerful search capabilities. Office Enterprise 2007 aims to help users work more efficiently together and manage increasing amounts of information.
This document provides an overview of the Microsoft Project 2013 Step by Step guidebook. It teaches project management concepts and skills using a step-by-step approach. The guidebook allows the user to learn at their own pace through hands-on practice files and lessons. It covers topics such as creating and scheduling project plans, assigning resources, tracking progress, and communicating status through custom reports.
This document provides an introduction to the Force.com Platform Fundamentals book. The book walks readers through creating a standard recruiting application on the Force.com platform, covering designing custom objects, security, workflows, reports, and using Visualforce pages. It introduces concepts like the multitenant architecture, metadata-driven development, and APIs that power Force.com applications. The sample recruiting app is used throughout to demonstrate how to build an app using core platform features.
This document provides an evaluation guide for Microsoft Office SharePoint Server 2007. It begins with an abstract and table of contents. It then discusses the goals of SharePoint Server 2007 in areas like content management, business processes, information sharing, and server administration. It provides overviews of key features like portals, search, content management, business forms and integration, and business intelligence. It also includes instructions for installing an evaluation server and a product walkthrough with exercises.
The document outlines the role and responsibilities of information architects at SidLee.com. It discusses their vision of facilitating communication, capturing decisions, inventorying information, and stimulating innovation. The key responsibilities of information architects include creating conceptual diagrams, site maps, wireframes, prototypes, and content inventories. They are also responsible for user testing, defining functional specifications, and collaborating with designers, developers and project managers to optimize the user experience. Information architects aim to design the best possible user experiences while keeping designs flexible and future-proofed for multiple devices and platforms.
The e learning-guilds-handbook-on-synchronous-e-learningIbrahim Khleifat
This document provides an introduction to synchronous e-learning and discusses various synchronous technologies such as teleconferencing, webcasting, gaming/simulations, and web conferencing. It outlines the business case for synchronous e-learning and considerations for integrating synchronous technologies. The document is a handbook for designing, producing, leading and promoting successful synchronous e-learning events.
This document provides an overview of a book about Microsoft Office 2010. It includes the table of contents, copyright information, and discusses features for envisioning possibilities, expressing yourself effectively, and collaborating in Office and around the world. The summary explores new capabilities in Office 2010 for visual communication, teamwork, and working from anywhere using a variety of devices.
This document provides information about a book that teaches how to use Microsoft PowerPoint 2007. It includes the table of contents, information about the authors, and details on how to install and use the practice files provided on the accompanying CD. The book covers starting new presentations, working with slide text and layouts, and adjusting visual design elements. It aims to help readers learn PowerPoint's features and prepare for Microsoft business certification exams.
This document provides an overview of a book about Microsoft Office 2010. It includes the table of contents, copyright information, and introductions to the book's chapters. The chapters cover envisioning possibilities in Office 2010, expressing yourself effectively and efficiently using new features in the Office applications, and collaborating in the Office and around the world using the suite's collaboration tools.
7 Development Projects With The 2007 Microsoft Office System And Windows Shar...LiquidHub
This document contains copyright information and publishing details for a book about Microsoft Windows SharePoint Services 3.0 and Office SharePoint Server 2007. It lists the book's acquisitions editor and project editor. The table of contents provides an overview of the 10 chapters in the book, which cover topics like building SharePoint sites, using content types and site columns, and developing custom workflows and web parts.
This document is the guide for Adobe Creative Suite 6 JavaScript Tools. It provides an overview of ExtendScript capabilities including cross-platform file system access, user interface development, inter-application communication, and more. It also describes the ExtendScript Toolkit used for script development, debugging, and testing capabilities like breakpoints, call stacks, and profiling. The guide covers using File and Folder objects to work with files and paths, and file input/output including encoding.
Mark Landeryou's portfolio document lists over 90 certifications he has obtained in various software programs and technologies. It also lists Microsoft and Startech University certifications as well as several Microsoft exams he has written. The document provides a detailed overview of Mark's technical skills and qualifications.
This document is a textbook titled "Programming Fundamentals - A Modular Structured Approach using C++" by Kenneth Leroy Busbee. It covers topics related to programming fundamentals such as data types, operators, functions, input/output, and more using C++ as the programming language. The textbook is divided into chapters that each cover a programming concept and include examples and exercises. It is intended to teach structured programming techniques using a modular approach in C++.
Report on e-Notice App (An Android Application)Priyanka Kapoor
The document is a report submitted for a degree at DigiMantra Labs, Ludhiana from January 5, 2014 to May 30, 2014. It describes the development of an e-Notice Application for Android phones. The app allows users to access online notices on their phone and acts as an online notice board where people can communicate and post notices with text, images or videos. It aims to digitize the traditional notice board and allow staff/students to read and respond to notices from anywhere. The app also serves as a mailing list to notify all employees of new notices without needing to maintain a separate mailing list.
Ralph Stuyver (2006) Interactive Brand Identity Designrealaudience
The thesis (2006) analyses existing design processes for online (interactive) brand identity design, and shows that none of them is apt to meet the new demands of the interactive Age. A new process is clearly needed, and here proposed and evaluated at several main Dutch Design agencies. This new design process will be applicable for both corporate brands and product brands, and is specifically aimed at the field of interactive brand design, such as website design.
ZebraNet Bridge Enterprise - Manual do SoftwareUseZ
Manual do Software da Zebra para configuração e gerenciamento de impressoras em rede, ZebraNet Bride Enterprise.
Para conferir outros modelos acesse: www.usez.com.br
This document provides an overview and tutorial for building an ASP.NET MVC Music Store application. It begins by creating a new ASP.NET MVC 3 project and adding prerequisite software. Controllers and views are then added to implement basic pages for the home, store index, and individual albums. The tutorial progresses to adding data access with Entity Framework Code First, validation, authorization, a shopping cart, registration/checkout, and final styling. Each section builds upon the previous to create a full-featured e-commerce music store application using ASP.NET MVC patterns and practices.
This document provides a tutorial for building an ASP.NET MVC Music Store application. It begins by creating a new ASP.NET MVC 3 project and adding a HomeController to handle the home page. Next, a StoreController is added to manage store browsing functionality, including listing music genres, browsing albums in a genre, and viewing album details. The tutorial then covers data access using Entity Framework Code First, adding validation, membership, a shopping cart, registration and checkout functionality. It concludes by implementing additional site features like navigation, layout updates, and displaying top selling albums on the home page.
This document provides an overview and tutorial for building an ASP.NET MVC Music Store application. It begins by creating a new ASP.NET MVC 3 project and adding prerequisite software. Controllers and views are then added to implement basic pages for the home, store index, and individual albums. The tutorial progresses to adding data access with Entity Framework Code First, validation, authorization, shopping cart functionality, registration/checkout, and final design updates. Each section builds upon the previous work to create a full-featured e-commerce music store application using ASP.NET MVC patterns and practices.
This document provides an overview and tutorial for building an ASP.NET MVC Music Store application. It begins by creating a new ASP.NET MVC 3 project and adding prerequisite software. Controllers and views are then added to implement basic pages for the home, store index, and individual albums. The tutorial progresses to adding data access with Entity Framework Code First, validation, authorization, a shopping cart, registration/checkout, and final styling. Each section builds upon the previous to create a full-featured e-commerce music store application using ASP.NET MVC patterns and practices.
Similar to SIGURFREYR.COM: E-Magazine, Video-Gallery, Forum, Blog & Survey (20)
This document discusses a redesign project for the website Samulesbok.com, an Icelandic e-commerce site that sells the book "The Prophecies of Nostradamus: What awaits us?". The current site is not getting much traffic or generating many sales. The author was tasked with redesigning the site to better sell the book online without other advertising or distribution. The author analyzes the current site, develops a communication strategy, analyzes solutions like WordPress and plugins, and details the implementation of the new site design including features like SEO, payment processing, and social media integration to improve sales.
The document discusses user-centric design (UCD) and user experience (UX). It defines UX and discusses how UCD focuses on involving intended users throughout the design process through iterative testing. The basic UCD workflow involves concept, research, prototyping, testing, building, and post-launch testing. It also discusses the Five Planes Model for structuring UCD and covers creating user personas and stories to understand users.
This document provides an introduction and background on Sativex®, a new cannabis-based oral spray medicine being developed to treat multiple sclerosis, cancer pain, and neuropathic pain. It outlines a social media marketing strategy and campaign to promote awareness and information about Sativex®. Analytical methods like Porter's Five Forces, PEST analysis, and SWOT analysis are used to evaluate the business and competitive environment. The report also discusses communication strategies, social media implementation, design considerations, and metrics to measure the effectiveness of the campaign.
User-centric design (UCD) focuses on making users the central focus of product design and development. It involves understanding users through research methods like interviews and testing prototypes with users in iterative cycles. The five planes model provides a framework for conceptualizing UCD, including strategy, scope, structure, skeleton, and surface levels. Effective UCD relies on qualitative research like focus groups and usability testing to understand users, which informs the creation of personas that represent typical users to guide design decisions.
WordPress is open source blogging software that allows users to interact through comments on blog posts. Blogs contain written content, images, and sometimes video or audio in a chronological order. WordPress runs on a MySQL database and uses PHP for functionality, CSS for design, and XHTML markup. It features plugins, themes, categories, tags, and built-in search to make blogs search engine optimized. To become a blogger, one creates their own domain, chooses a host, selects themes and plugins, publishes consistent content, and builds an audience through social media and email lists. Useful WordPress plugins include Akismet, Google Analytics, related post plugins, and SEO tools.
WordPress is open source blogging software that allows users to interact through comments on blog posts. Blogs contain written content, images, and sometimes video or audio in a chronological order. WordPress runs on a MySQL database and uses PHP for functionality, CSS for design, and XHTML markup. It features plugins, themes, categories, tags, and built-in search to make blogs search engine optimized. Setting up a blog requires obtaining a domain, hosting, choosing a theme, installing plugins, consistently creating content, and generating traffic through social media and email lists. Useful WordPress plugins include Akismet, Google Analytics, related post plugins, and SEO optimization plugins.
WordPress is open source blogging software that runs on MySQL. It uses PHP for functionality, CSS for design, and XHTML markup. WordPress uses widgets, plugins, and themes to add functionality and customize appearance. Popular plugins include Akismet for spam prevention and Google Analytics for tracking site statistics. Building an audience involves consistently creating content, promoting posts on social media, and growing an email list.
WordPress is open source blogging software that allows users to interact through comments on blog posts. Blogs contain text, images, and sometimes other media arranged chronologically. WordPress runs on a MySQL database and uses PHP for functionality, CSS for design, and XHTML markup. It features widgets, plugins, themes, and SEO-friendly permalinks. Popular WordPress plugins include Akismet for spam prevention and Google Analytics for analytics. Successful bloggers create their own domain, choose a host and theme, write consistent content, and build an audience through social media and email lists. They may also include multimedia like audio, video, and images to engage readers.
Walmart Business+ and Spark Good for Nonprofits.pdfTechSoup
"Learn about all the ways Walmart supports nonprofit organizations.
You will hear from Liz Willett, the Head of Nonprofits, and hear about what Walmart is doing to help nonprofits, including Walmart Business and Spark Good. Walmart Business+ is a new offer for nonprofits that offers discounts and also streamlines nonprofits order and expense tracking, saving time and money.
The webinar may also give some examples on how nonprofits can best leverage Walmart Business+.
The event will cover the following::
Walmart Business + (https://business.walmart.com/plus) is a new shopping experience for nonprofits, schools, and local business customers that connects an exclusive online shopping experience to stores. Benefits include free delivery and shipping, a 'Spend Analytics” feature, special discounts, deals and tax-exempt shopping.
Special TechSoup offer for a free 180 days membership, and up to $150 in discounts on eligible orders.
Spark Good (walmart.com/sparkgood) is a charitable platform that enables nonprofits to receive donations directly from customers and associates.
Answers about how you can do more with Walmart!"
A workshop hosted by the South African Journal of Science aimed at postgraduate students and early career researchers with little or no experience in writing and publishing journal articles.
বাংলাদেশের অর্থনৈতিক সমীক্ষা ২০২৪ [Bangladesh Economic Review 2024 Bangla.pdf] কম্পিউটার , ট্যাব ও স্মার্ট ফোন ভার্সন সহ সম্পূর্ণ বাংলা ই-বুক বা pdf বই " সুচিপত্র ...বুকমার্ক মেনু 🔖 ও হাইপার লিংক মেনু 📝👆 যুক্ত ..
আমাদের সবার জন্য খুব খুব গুরুত্বপূর্ণ একটি বই ..বিসিএস, ব্যাংক, ইউনিভার্সিটি ভর্তি ও যে কোন প্রতিযোগিতা মূলক পরীক্ষার জন্য এর খুব ইম্পরট্যান্ট একটি বিষয় ...তাছাড়া বাংলাদেশের সাম্প্রতিক যে কোন ডাটা বা তথ্য এই বইতে পাবেন ...
তাই একজন নাগরিক হিসাবে এই তথ্য গুলো আপনার জানা প্রয়োজন ...।
বিসিএস ও ব্যাংক এর লিখিত পরীক্ষা ...+এছাড়া মাধ্যমিক ও উচ্চমাধ্যমিকের স্টুডেন্টদের জন্য অনেক কাজে আসবে ...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Dr. Vinod Kumar Kanvaria
Exploiting Artificial Intelligence for Empowering Researchers and Faculty,
International FDP on Fundamentals of Research in Social Sciences
at Integral University, Lucknow, 06.06.2024
By Dr. Vinod Kumar Kanvaria
हिंदी वर्णमाला पीपीटी, hindi alphabet PPT presentation, hindi varnamala PPT, Hindi Varnamala pdf, हिंदी स्वर, हिंदी व्यंजन, sikhiye hindi varnmala, dr. mulla adam ali, hindi language and literature, hindi alphabet with drawing, hindi alphabet pdf, hindi varnamala for childrens, hindi language, hindi varnamala practice for kids, https://www.drmullaadamali.com
This presentation was provided by Steph Pollock of The American Psychological Association’s Journals Program, and Damita Snow, of The American Society of Civil Engineers (ASCE), for the initial session of NISO's 2024 Training Series "DEIA in the Scholarly Landscape." Session One: 'Setting Expectations: a DEIA Primer,' was held June 6, 2024.
How to Make a Field Mandatory in Odoo 17Celine George
In Odoo, making a field required can be done through both Python code and XML views. When you set the required attribute to True in Python code, it makes the field required across all views where it's used. Conversely, when you set the required attribute in XML views, it makes the field required only in the context of that particular view.
How to Add Chatter in the odoo 17 ERP ModuleCeline George
In Odoo, the chatter is like a chat tool that helps you work together on records. You can leave notes and track things, making it easier to talk with your team and partners. Inside chatter, all communication history, activity, and changes will be displayed.
it describes the bony anatomy including the femoral head , acetabulum, labrum . also discusses the capsule , ligaments . muscle that act on the hip joint and the range of motion are outlined. factors affecting hip joint stability and weight transmission through the joint are summarized.
SIGURFREYR.COM: E-Magazine, Video-Gallery, Forum, Blog & Survey
1. 2010
Students: Anna
Jakobsdóttir, Friðjón
Veigar Unnarsson,
Guðmundur Sigurfreyr,
Johnny Lund-Hansen
and Saikou Marong
Teachers: Anni
Grøndal, Lars Haahr,
Morten Jul Petersen
and Trine Falben
Larsen
SIGURFREYR.COM:
E-MAGAZINE, VIDEO-
GALLERY, FORUM, BLOG
& SURVEY
[3RD SEMESTER, MULTI
MEDIA DESIGN PROJECT,
NOMA]
The task is to construct strategic and tactical ways for Sigurfreyr.com to create an interactive
relationship to it’s target audience. Develop four fully functional digital multi media
productions. Upload the productions to a server and test them. Here is a documentation of the
development, the work flow and ingredients of these four databases.
2. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
TABLE OF CONTENTS
Databases .............................................................................................................................. 4
Introduction ........................................................................................................................... 4
Background of the problem ........................................................................................................... 4
Problem definition ......................................................................................................................... 6
The Medium Used .......................................................................................................................... 6
Delimitation .................................................................................................................................... 6
Report Outline ................................................................................................................................ 7
Model and Methods Used ..................................................................................................... 7
Methods Used .............................................................................................................................. 10
Defining the User Group ..................................................................................................... 10
Communication Strategy ..................................................................................................... 12
Jan Krag Jacobsen's 24 Questions ................................................................................................ 13
Social Media Marketing................................................................................................................ 14
Facebook and Twitter................................................................................................................... 15
Blog ............................................................................................................................................... 17
Design and User Interface ................................................................................................... 18
Themes and Web 2.0 Design ........................................................................................................ 18
Repeated Elements ...................................................................................................................... 23
Gravatar ....................................................................................................................... 23
RSS (Real Simple Syndicate)......................................................................................... 24
Links to Sigurfreyr.com sites........................................................................................ 25
Social Media Buttons ................................................................................................... 25
Favicon ......................................................................................................................... 26
Logo and Psychology of Color ...................................................................................................... 26
Interaction: Plugins and Widgets ........................................................................................ 28
Akismet ......................................................................................................................................... 28
Google Analytics for WordPress................................................................................................... 29
Yet Another Related Post Plugin (YARPP) .................................................................................... 29
2 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
3. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
SexyBookmarks ............................................................................................................................ 30
All in One SEO Pack ...................................................................................................................... 30
Hyper Cache ................................................................................................................................. 31
Simple:Press Forum Plugin ........................................................................................................... 32
ISS Survey............................................................................................................................. 34
What is LimeSurvey? .................................................................................................................... 34
Token system ............................................................................................................................... 35
LimeSurvey User Interface ........................................................................................................... 35
Logo, Colors, Fonts ....................................................................................................................... 36
The Logo Design ........................................................................................................................... 36
The survey layout design .............................................................................................................. 37
Applying the layout to LimeSurvey. ............................................................................................. 37
Videos as Good User Experience ......................................................................................... 38
Video ............................................................................................................................................ 39
Inspiration .................................................................................................................................... 39
Concept ........................................................................................................................................ 40
Music ............................................................................................................................................ 40
Intro .............................................................................................................................................. 40
Narrator ........................................................................................................................................ 41
Text ............................................................................................................................................... 41
Color ............................................................................................................................................. 42
Kitty Kat ........................................................................................................................................ 42
Emotional design .......................................................................................................................... 43
Camtasia: Our Working Tool ........................................................................................................ 43
Business strategy ................................................................................................................. 44
Conclusion ........................................................................................................................... 45
References ........................................................................................................................... 46
Books ............................................................................................................................................ 46
Internet ........................................................................................................................................ 46
3 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
4. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Databases
E-MAGAZINE: Greinasafn Sigurfreys (Sigurfreys Articles):
http://www.sigurfreyr.com/nyrvefur
VIDEO-GALLERY: Netvarp Sigurfreys (Sigurfreys Videos): http://netvarp.sigurfreyr.com
FORUM & BLOG: Spjallsvæði Sigurfreys (Sigurfreys Forum): http://spjall.sigurfreyr.com
SURVEY: ISS Survey: http://sigurfreyr.com/iss
Introduction
We have chosen Sigurfreyr.com, an online company one group member wants to start
up, as our exam project task. This involves a redesign of existing Icelandic website
Greinasafn Sigurfreys (Sigurfreys Articles) that was launched (peculiarly enough) on 11.
September 2001 (9/11). It has published over one hundred articles on various topics,
ranging from politics, psychology, pedagogy, judicial matters, history, to drugs and the
drug war. The website (http://www.sigurfreyr.com) was coded in basic HTML and CSS at
the time Netscape was the major browser. It has not been updated (or any content
added) now for more then three years.
Background of the problem
Our task is to bring Sigurfreyr.com back to life, so to speak, in accordance with the
technological web development that has occurred since it’s launch. Also come up with
strategically and tactical ways to monetize it. Monetization means simply implementing
methods of making money from the content it produces. Some kind of financial income is
necessary in order to sustain a website if it is to renew it’s content on a regular basis.
Sigurfreyr.com is the only website in Iceland that has concerned itself with drug policy.
When people talk about “drugs”, they are generally referring to illegal substances such as
marijuana, cocaine, amphetamine, LSD and heroin. These are not the only drugs that
4 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
5. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
make you high. Alcohol, cigarettes and many substances you get from the doctor (like
sleeping pills) cause intoxication of some sort. The fact that one drug or another is illegal
does not mean one is better or worse for you. All of them temporarily change the way
you perceive things and the way you think.
Some people will tell you that drugs feel good, and that’s why they use them. But drugs
are not always fun. Cocaine and amphetamine speed up your heart. LSD can make you
feel disoriented. Alcohol intoxication impairs driving and can lead to violence. Cigarette
smoking leads to addiction and sometimes lung cancer. People die sometime suddenly
from taking heroin. Marijuana does not often lead to physical dependence, but it does
alter the way people think, behave and react.
Drug taking, of one kind or another, has become integral part of human society. Probably
always has. The question is what are we going to do about it? There are two basic ways
people want to respond to what has been termed “the drug problem” of our times.
Prohibition and severe punishment for violation of using or selling the drugs that are
illegal (Drug War American style). Or some kind of harm reduction (European approach)
or even legalization of the substance in question since the present drug war doesn´t seem
to be working. Another respond is of course just to look the other way. Not concern our
self with this sticky issue. Drugs and drug use are in many ways the great taboo of our
times (just like sex was during the Victorian times). So why bother?
Sigurfreyr.com view is that such “look the other way” approach can have serious
consequences in the long run. We just have to take a look at what is happening in the
United States. Every year about 800.000 people are being arrested for possession of
marijuana. They have the largest jail population behind bars in the world. About
2.000.000 people in jail, about 25% for drug violations. Americans are serious about their
“drug war”. If their kids are caught, they can be arrested, expelled from school, barred
from playing sports, lose their driver’s license, denied a college loan and/or rejected from
college. It has actually contributed to a high school drop-out rate of 30% in the country. A
variety of methods, from scare tactics to resistance techniques to zero-tolerance policies
5 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
6. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
and random drug testing have been used to try to persuade, coax and force young people
to abstain. Despite this United States has the greatest instance of drug use in the world. 1
Sigurfreyr.com wants’ to prevent Iceland from following the same path.
Problem definition
How do we create an online multimedia production that: 1) Draws solid traffic from our
target audience, 2) Encourages involvement from it’s readers, 3) Is monetize able, i.e. can
create income, and 4) Is inexpensive to implement and easy to update.
The Medium Used
Our idea from the very start was to use WordPress in our digital
multimeda production. WordPress is an open source Content Management
System (CMS) often used as a blog publishing application. It is powered by
PHP and MySQL on the server side and XHTML and CSS on the client side.
WordPress is a templating system. There are numerous free themes you can download
and install allowing you to change the look of your blog. There are also thousands of
plugins and widgets that provide extra functionality.
Since it is open-source the PHP, CSS and XHTML code in themes, plugins and widgets can
be edited for more advanced customizations. WordPress also features integrated link
management; search engine-friendly, clean permalink structure; the ability to assign
nested, multiple categories to articles; and support for tagging of posts and articles. This
is very important for the user or reader when it comes to finding the particular content
he/she is looking for.
Delimitation
At first we planned to have the whole web site in Icelandic since that is obviously the
target audience Sigurfreyr.com is aiming at. Our student group consist of people who will
1
See Drug War Facts, http://www.drugwarfacts.org/cms/
6 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
7. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
be working in the Danish, Finnish or Icelandic labour market. It is therefore important for
all of us to learn how to localize WordPress, it’s widgets and plugins to our own language.
This will be an important learning experience for us since most CMS are developed by
English speaking programmers for English speaking markets. Localization of the language
is a necessary skill. The teachers pointed however out that this would make evaluation of
our production at NoMA more difficult. So we changed our plan even though we made a
study of the issue and know how to do it.
We also had planned to create a Flash banner for the website. Even though Flash is not
Search Engine Optimization (SEO) friendly 2 we still think it has future in web site design.
But we didn´t consider it important enough compared to other tasks we had to fulfill in
the limited time we had. So that was also put on ice.
Report Outline
Rest of the report will be structured as follows: 1. Model and Methods Used, 2. Definition
of User Groups, 3. Communication Strategy, 4. Design and Interface, 5. Interaction:
Plugins and Widgets 6. ISS Survey, 7. Videos as Good User Experience, 8. Business
Strategy, 9. Conclusion, 10. References.
Model and Methods Used
In every web and software development a structured, coherent
workflow is necessary. Many working frameworks have been
developed, the Stepping Stone method, the Waterfall method,
Plane methodology etc. to name a few. In our first semester at
NoMA we were introduced to the Core Process Workflow. We decided to adhere to the
Core Process Workflow in the development of Sigurfreyr.com to give our work process
necessary structure and keep it on track. We also incorporated the Core Process in our
project time plan with descriptions of activities and milestones. 3
2
GOTO, Kelly and Emily COTLER. 2005. Web Redesign, p. 193–194.
3
For Core Process elements we included in our timeplan, see Timeplan.doc in CD.
7 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
8. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Core Process Workflow is a well-defined plan to website design and redesign. It is divided
in to five distinct phases:
1. Defining the project; research and information gathering. At this stage a project
plan and timetable is created . Site goals are determined. This is considered the
most important phase of the Core Process and can be time consuming. In our case
we had to research for the best themes, plugins and widgets to use. It is very
important to choose well because even though a theme might look beautiful at
first glance it can be faulted in practice. Many plugins are also not updated and
best is to use the ones that have been around for a considerable length of time
and are supported by other plugins. Some of the ones we tried out actually
crashed the whole system because they conflicted with other more important
plugins used (“PHP Conflict”). Other plugins and widgets are basically coded badly
in such a way it loads it’s code at all times instead of as and when it is needed.
2. Developing site structure. This phase typically involves organizing the structure of
the web site. Site mapping and wire framing are important elements. When it
comes to WordPress this stage is taken care of in many cases by the theme or
themes you use. However at this stage in our work we had to decide on the many
elements to use. Among them the content in the navigation, sidebar, footer etc.
Also the plugins we used to interact with the readers, such as Contact Form, RSS
subscriptions, Social Media Plugins (Twitter, Facebook and other sharing
functionality).
3. Designing visual interface. At this stage in our workflow we did all the necessary
changes in the themes we had chosen, in some case changes in the plugins and
widgets functions also. This involved both changing image elements (.gif, .png)
when it came to color as well as making changes in the basic layout or structure of
the theme. For example making the header bigger, taking it ,,out of the box” in
accordance with Web 2.0 style of design etc. We also had to do more changes in
the CSS and even the PHP code then we anticipated. Even though Wordpress.org
is fond of saying that it´s users don´t need any prior knowledge in PHP, CSS or
XHTML this might be true for amateurs but does certainly not apply to multi
media designers. Here Anni’s teaching on CSS, XHTML and PHP certainly came in
8 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
9. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
handy. Since WordPress was originally developed as a journal (with blog-style
structure) but is increasingly used as CMS (page-based structure) many of it’s
standard features don´t apply. One example. It is very common to see something
like: ”Posted by admin April 4th 2010”. When you see this again and again for each
new post in a blog written by one and the same person it becomes rather
pointless. In order to change this you will need to do it in several PHP files and be
able to recognize the right code. This stage involves also of course logo design and
other image work. It has also a lot to do with taking in to consideration user
experience design (UX design).
4. Building and integrating is the next phase of the Core Process. At this stage we
concentrated on populating the pages. This involves also the frequently forgotten
,,invisible content” – ALT, META and TITLE tags. It also involved internal testing.
Internal testing means for example trying it out on different computer screen
sizes, web browser compliance (working around the infamous Internet Explorer
Creep) and general fine-tuning that assures everything works as it should.
5. Delivering or launching is the last phase of the Core Process. This means for
example uploading the production to a server. In our case the websites were
actually developed from the start on the server. Or almost so. At the very
beginning we set up WordPress and a MySQL database on our laptops hard disk
(with XAMPP) but soon found out that doing that barred the group members from
seeing the development of the production. At this stage one of the most
important development factor was SEO (Search Engine Optimization). Here we did
our user testing. If not fixed by now this is also the time to resolve all issues that
might slow down the uploading of the website. Uploading time is very important.
It has not only to do with positive user experience (or lack of it) but it also SEO.
Google has recently announced that site speed will figure in it’s ranking. 4
4
“Site Speed is Now a Ranking Factor“, http://yoast.com/site-speed-ranking-factor/
9 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
10. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Methods Used
When it came to choosing themes and layout styles, how we represented the videos and
the written content, and generally how to a find effective solutions to our problems we
used the following methods: • Mind mapping • Jan K. Jacobsens 24 Questions • Eye
Tracking Research • CRAP Methodology • SWOT Analysis • Social Media Marketing • User
Experience Design (UX design) and • Concept and User Testing.
Defining the User Group
When we were viewing the lessons that Trine taught us this semester
about user research, personas and user experience design we came
across a study about what people are actually doing online. This
study was done in the United States, but we think it is safe to assume
that similar results would be with internet users in any other parts of
the world. 5 The study divided users in to six groups according to how they spent their
time online:
1. Creators who publish web pages, write blogs and upload videos to sites like
YouTube.
2. Critics who comment on blogs and post ratings and reviews. They are also active
on Forums, where they exchange ideas and discuss various topics.
3. Collectors who use Really Simple Syndication (RSS) and tag web pages to gather
information.
4. Joiners who use social networking sites like Facebook and MySpace.
5. Spectators who read blogs, watch videos and listen to podcasts.
6. Inactives who are online but don´t yet participate in any form of social media.
These type of users are found in all age groups, but the most active users are in the age
group 17-26. This is the same age group that you would expect to be interested in a
change of drug policy since they are the most common victims of the drug war. The age
group 27-35 are also generally active online, specially people with higher education,
5
“What are people doing online“, http://www.businessweek.com/magazine/content/07_24/b4038405.htm
10 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
11. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
professionals and business owners. They are exactly the same people that you can expect
to have some influence when it comes to change in social policy.
This study shaped the direction we took with our multimedia production. We decided to
cater to all these six different types of online users. The best way to do that was to
produce an E-Magazine (Greinasafn Sigurfreys) with a comment system, Video-Gallery
(Netvarp Sigurfreys) with rating system and a Blog and Forum combined in one (Netvarp
Sigurfreys). These kind of web applications fit WordPress perfectly. We would make sure
that critics could express their views, collectors gather information with RSS, joiners be
involved in social networking like Facebook and Twitter and spectators provided with the
opportunity to watch video.
These three websites would also link to each other, have
a common thread (same sidebar elements, word mark
logo with same font etc.) and most importantly be
populated with plentiful opportunity for social
bookmarking and sharing (“Share this”, “Subscribe to”,
“Connect with”, “I like” etc.). To encourage and help
inactives to use social media we decided to have video
tutorials in Help section on how to use the various
functions of the websites (how to use a Gravatar, RSS, how to Share content etc.). There
would also be a written description for the same purpose, for those with little band-with
and those that simply prefer to read the instructions. All this should improve user
experience of Sigurfreyr.com.
When doing SWOT-Analysis 6 we realized Sigurfreyr.com could not overlook the fact that
there are people who abuse drugs and get in to serious problems because they can not
control their drug consumption. They not only hurt themselves but can do serious
damage to others. This of course applies to legal drugs, like alcohol and sedatives, as well
as the ones that are prohibited today. Since Sigurfreyr.com wants a drug policy based on
6
SWOT Analysis is a strategic planning model that evaluates the strengths, weaknesses, opportunities and
threats involved in a project, a product or a business venture.
11 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
12. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
reason, compassion and justice (as the respected Drug Policy Alliance 7 advocates) it can
not overlook this unfortunate group of people.
The Health Ministry of Iceland issued a report some years ago about drug use and abuse
among young people (alcohol, cigarettes, cannabis and amphetamine mostly) and
concluded that the most common element among youngster that get into trouble
because of their drug consumption was lack of positive relationship with their parents
or/and other grown ups.
This study found also out that youth from broken homes, and who are nevertheless able
to use alcohol and other drugs responsibly, participate in some competitive sports. It has
been suggested that by doing so they can vent (or express) their pent up aggression
towards their parents, society etc. in a constructive manner through “militant” sport,
instead of turning it against themselves.
Sigurfreyr.com wants to try out this hypothesis, and if it turns out to be true found ÍSS
(Íslenska sjálfsvarnarsveitin; Icelandic Defence Brigade ). In order to explore this
hypothesis and generally see if there is any interest for this kind of organization in Iceland
the third database (LimeSurvey) was added to our multimedia production. It’s main
purpose will be to run surveys and when all the data has been collected it can be used as
a foundation for deciding the next step. There is also another supportive element in the
ISS Survey. Since the people who participate in the survey have to register their e-mail
before answering the questionnaire, it has the extra bonus of collecting e-mails which is
an important part of the business strategy of Sigurfreyr.com.
Communication Strategy
In order to devise an effectual communication strategy we used Jan Krag Jacobsen's 24
Questions as an analytical tool.
7
See Drug Policy Alliance, http://www.drugpolicy.org.
12 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
13. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Jan Krag Jacobsen's 24 Questions
Jan Krag Jacobsen's 24 Questions is based on a famous formula coined by the sociologist
Harold Lasswell: "Who says what, in which channel, to whom, with which effect?" Jan
Krag Jacobsen's framework for planned communication helps define your target group
accurately, keeps the message lucid and prevents it from being decoded erroneously. We
formulated answers to six of Jan Krag's most imported questions. 8
The target group of Sigurfreyr.com are 1) people (laymen as well as professionals) who
are critical of the present drug policy, 2) young people who want to see a change in the
stigma surrounding illegal drug use and 3) people who use cannabis (hashish, marijuana)
or other illegal drugs (MDMA, amphetamine) as self-medication and want to see it
become part of legal pharmacopoeia again.
The message to our target group is: ”Drug prohibition, zero-tolerance policies and war
against people who use illegal drugs is not working and we should try other approaches.”
The medium used is a E-Magazine (i.e. Sigurfreys Articles which is collection of articles,
sometimes scholarly), Video-Gallery (documentaries with short articles pertaining to their
content) and finally a Forum (online discussion about drug policy) and a Blog with short
comments, preferably updated daily.
Added to this we will use the social media networks Twitter and Sigurfreyr.com Facebook
Fan Page. The purpose of Sigurfreyr.com content is to inform and promote discussion
about drug policy and awareness of the consequence of the drug war. The intended effect
of the website is to have our target group demand change in present drug policy which is
based on punishment and marginalizes drug users instead of helping them. The sender is
Sigurfreyr.com, the empathize should be on the brand name Sigurfreyr.com, not on the
author himself, or even individual parts Greinasafn (Articles), Netvarp (Videos),
Spjallsvæði (Forum), ISS (Survey) etc.
8
JACOBSEN, Jan Krag. 2009. 24 Questions for planned communication, p. 16.
13 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
14. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Social Media Marketing
We remember when Lars mentioned social media and
Twitter to us for the first time last semester he was met with
skepticism. “What bogus passing fad is that?”some asked.
Little did we know. Since then we have come to understand
that social media is probably among the most important
evolutions in web development. Strength of social media, like
Twitter and Facebook, lies in the fact that people are increasingly publishing their own
material on the web. Web users have changed from being primarily passive viewers to
becoming active contributors. Some believe this will not only transform human
relationships but also have great impact on economic and political systems of nations.
The new emerging social media marketing (SMM) will be an important part of the
communication strategy of Sigurfreyr.com. For the past two years the importance of social
media networks, such as Twitter, Facebook and LinkedIn, has become obvious. Web blogs and
social media sharing (YouTube, Flickr) have become part of peoples life. The digital measuring
service ComScore reports that in May, 2009, 734.2 million or two-thirds of the world’s 1.1
billion Internet users, 15 and older, visited at least one social networking site. 9
SMM has become important marketing tool and companies are using it and with good result.
A study measuring the impact of social media in 2008 showed this without doubt. 10 Here is
the data reflecting responses to the question, “Are you using some form of social media for
marketing?”
9
COMCORE, http://www.comscore.com/.
10
Workbook: Measuring the Impact of Social Media, http://www.omniture.com/offer/429?s_osc=24051.
14 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
15. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
When it came to the question in the same study what social media was good for the
response was:
Facebook and Twitter
As was mentioned before, Sigurfreyr.com will have presence on Twitter and a Facebook
Fan Page. Facebook offers exceptional, low cost marketing opportunities for business,
promotion and campaigning. Facebook has now over 400 million users and offers a very
powerful platform on which to build a presence. In Iceland it is the most popular social
15 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
16. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
media with more than 70% of the population having a Facebook account. In order to build
a Facebook community Sigurfreyr.com needs to put up fresh content on a regular basis.
It needs to have a Fan Page where members can easily interact and provide them with
compelling content. It isn´t enough just to post on the Sigurfreyr.com Fan Page new blogs,
videos, article etc. in a mechanical manner but also introduce content (videos, photos,
links etc.) from other sources. Also respond quickly to all wall comments (supportive or
negative) and give it’s members the feeling they are part of a living community.
Twitter is an online communication tool that combines the best elements of blogging,
social networking and messaging. Twitter allows people to post concise 140 character
messages, which are published on their publicly viewable page. Posting a message is quick
and easy, it can be done from any internet connected computer or a mobile phone with
SMS text message. In order to follow tweets from others you become their follower.
Likewise if somebody wants to follow what you publish he/she become a follower of you
or the brand/ company/ institution that uses Twitter.
One of the things that makes Twitter so powerful from a communications perspective is
that you can “re-tweet” something you find interesting from a person you are following
to your own followers, which can re-tweet it to his/hers followers and so on. Popular re-
tweets can reach a large audience very quickly. Even though the use of Twitter in Iceland
is quite uncommon (about 4% of the population) many Icelandic intellectuals and some
politicians are tweeters. The use of it will certainly grow in the near future. As with
Facebook using Twitter stream as nothing more than a redirection service to point people
to Sigurfreyr.com sites is sure to be considered nothing but spam. If we want to build a
strong presence on Twitter, we must engage with users.
Studies have shown that up to 50% of the traffic to some web sites comes from the social
news sites subcatergory of the social media. That is why an important focus of every site
that want´s to increase it´s traffic should not only be Facebook and the micro-blogging
site Twitter but also the social news sites. Today Digg, Reddit and StumbleUpon are the
most popular social news sites.
16 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
17. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Digg is based on letting people submit links and stories, and encourage them to vote and
comment on their submission. Many stories get submitted every day, but only the most
Dugg (voted on) stories appear on the front page. Reddit is basically the same. People
send links to Reddit. Other users may then vote the posted links up or down, causing
them to become more or less prominent on the Reddit home page. StumbleUpon works
in the same way. StumbleUpon chooses which Web page to display based on the user's
ratings of previous pages, ratings by his/her friends, and by the ratings of users with
similar interests.
Social Bookmarking sites have also become popular. Delicious (formerly del.icio.us) is a
social bookmarking web service for storing, sharing, and discovering web bookmarks. In
Iceland there is little use of these social news sites, as of today. That will certainly change
in the future. Sigurfreyr.com provides share buttons on all it´s sites so readers can
bookmark and send the various content (articles, video and blog) to these and other
social media sites.
Blog
Blogs are typical feature of what has been called Web 2.0 in the development of the
world wide web. A blog is a special kind of website that allows people to interact with
your content in the form of writing comments in
response to whatever you publish. Whenever you visit a
blog, you can read the original post by the author of the
blog, and then you can also submit a comment expressing your own thoughts on what the
blog post was about. When other people join the "conversation” you could end up with a
very exciting collection of thoughts. So, it's quite different from the old “static” websites
that do not change their content as a general rule of thumb. Blogs are a lot more fluid and
interactive than the normal “old school” websites. An average blog is said to entice
approximately 55% more visitors than a website.
Blog is an important element of Sigurfreyr.com. It is implemented together with the
Forum (Spjallsvæði Sigurfreys). Even though the content in Sigurfreys Videos (Netvarp
17 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
18. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Sigurfreys) will not be updated as frequently as a blog should be (preferably daily), and
the long articles in Sigurfreys Articles (Greinasafn Sigurfreys) even less, both of these sites
contain a blog-style element when it comes to the comments system. The Blog in the
Forum is however meant to be updated daily, and will as such be only short but hopefully
informative. It will revolve around the basic message of Sigurfreyr.com that the war on
drugs is a war on ordinary people and does more harm then good.
In short: The basic communication strategy of Sigurfreyr.com is to run three sites
(scholarly article site, documentary video site and a forum that includes a blog) that are
tailored to common types of online users (i.e. critics, collectors, spectators). Also create a
Facebook Fan Page community and a Twitter page to collect followers (for joiners).
Creator type of online users are given the opportunity to embed high-quality
documentaries and films (from BBC, ABC etc.) to their own homepage. Inactives are not
forgotten. They are encouraged to use the social media distribution that is available on
the sites and join the Sigurfreyr.com Facebook and Twitter community. They can also
send content with email and print a friendly version of articles and help tutorials. Help
videos are also provided that can assist the inactives to take their first baby steps in to the
big world of social media.
Design and User Interface
The design and user interface of all Sigurfreyr.com sites (except the ISS Survey) is meant
to drive traffic back and forth, not only between the related sites, but also to and from
Twitter, Facebook and other social media distribution tools (i.e. StumbleUpon, Reddit,
Digg etc.). This is done by common elements in the sidebar and sharing tools above and
below each content, whether it is an article, video, blog post or a fixed page.
Themes and Web 2.0 Design
The concept, style and tone of Sigurfreyr.com sites is mostly based on Web 2.0 Design.
The main features are a large logo, central layout, 2 columns (except on front page),
separate top section (the main branding and navigation area), serif fonts, bold text
introductions, strong colors, gradients and general simplicity in presentation.
18 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
19. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Sigurfreyr.com design should be focused, clean and simple. Another thing about Web 2.0
design is that it takes the header out of the constricted ,”box‘‘, so to speak, and gives it a
liquid and elastic quality. The central layout is there but the header is not contained or
framed in as the content area. Same applies sometimes with the footer (as can be seen in
Sigurfreys Forum (http://spjall.sigurfreyr.com). With Web 2.0 style the footer takes a life
of it’s own. It becomes huge and and almost like a homepage by itself.
The WordPress theme we used in Sigurfreys Articles is WhosWho by Elegant Themes. It
had to be changed considerably to accommodate our Web 2.0 design requirements. We
chose WhosWho theme for the Sigurfreys Article (the E-Magazine) because it is great for
organizing a lot of information while still maintaining a stylish and elegant design. The
articles that we need to accommodate are more then 100 already (and will increase in the
future) so it is necessary to have a theme layout that can handle a lot of content.
WhosWho theme is however “old Web 1.0” style so we had to change the header
considerably, make it bigger and take it ,,out of the box”, change to a serif font and spice
up the sidebar which was rather dull and colorless.
The logo was also made much bigger then in the WhosWho theme and that applies
actually to the other two WordPress themes we selected. Since Sigurfreys Articles
(Greinasafn Sigurfreys) is a redesign of the original web site (http://www.sigurfreyr.com)
we felt it important to use similar color scheme as before. The changes made can seen
here below.
19 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
20. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Old Greinasafn Sigurfreys (E-Magazine) front page:
Greinasafn Sigurfreys front page after redesign:
20 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
21. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
WhosWho theme, front page:
WhosWho theme subpage:
21 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
22. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Example of subpage after redesign:
The Eyetrack III Research Findings
When we were choosing from the numerous themes we could use we had one basic
criteria in mind: It had to comply with the findings of eyetracking research. Eyetracking
studies eye-movement of web users across multiple homepage designs. 11 It gives
designers and web developers valuable information how they can steer or direct the
attention of the users. Eyetrack III research found out that dominant elements most often
draw the eyes first upon entering the page — especially when they are in the upper left
part of the page. For this reason Sigurfreyr.com logo is located there. Text rules on the
computer screen – both in order viewed and in overall time spent looking at it. This is
good news for our web site because it´s purpose is to inform, persuade and convince. It is
heavily based on written material. Even Sigurfreys Videos effectiveness is reduced if the
viewer doesn’t read the text that comes with each documentary.
11
THE BEST OF EYETRACK III, http://www.poynterextra.org/eyetrack2004/main.htm.
22 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
23. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Smaller type encourages focused reading, while larger types promotes lighter scanning.
We use this fact by having the font of the main text small and at the same type adding
excerpts and headings with much larger font. This is of course only done when the length
of the article requires it. We use the stylish Georgia (Arial came with the WhosWho
theme) and later added New Century Schoolbook and Nimbus Roman No9 L to the serif
font-family in the CSS after we found out that there is 0,62%
probability that Georgia is not found on Mac operating systems.
According to eyetracking research web readers look typically at
text elements before their eyes land on an accompanying photo.
The bigger the image, the more time people took to look at it.
Shorter paragraphs performed better than longer ones.
Navigation placed at the top of a homepage performed best. When testers encountered a
story with a boldface introductory paragraph, 95% of them viewed all or part of it. These
are all findings that are assimilated into Sigurfreyr.com design.
Repeated Elements
There are many functional elements repeated in all the three web sites. Among the most
important ones are social media distribution, “I like” Facebook button, RSS button, Email
this option, Printable version button, sidebar elements that give links to all Sigufreyr.com
sites and Facebook and Twitter Pages, Contact Form and Help that consist of video and
written instructions. We put also a favicon in the URL bar of all the sites (including the ISS
Survey) and encourage our readers to use a Gravatar.
Gravatar
When it comes to users interaction it is very
important to encourage all visitors of the web sites
to comment on it’s post or articles. This can be
done by ending the post with a direct questions to
the reader. For example: ‚What do you think?‘
23 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
24. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
and empathize the question by having it in a bold type. This way we are more likely to
revoke a response to the post or video and hopefully invoke a long and heated discussion.
Another way is to encourage Sigurfreyr.com readers to use their own personal Gravatar.
Gravatar (short for Globally Recognized Avatar) is a service that provides a globally-
unique avatar. On Gravatar (http://en.gravatar.com) users can register an account based
on their email address, and upload a image to be associated with that account. When the
user posts a comment on Sigurfreyr.com the service checks whether the e-mail he/she
registers has an associated avatar at Gravatar. If so, the Gravatar of that person is shown
beside the comment. This gives comments on the sites a more personal feel and look. It
might also motivate guests to comment more frequently.
RSS (Real Simple Syndicate)
It is also important to use Real Simple Syndicate (RSS) to collect
subscribers to web material of Sigurfreyr.com sites. RSS is a web
feed format used to publish frequently updated works such as blog
entries or news headlines in a standardized format. An RSS
document (which is called a "feed" or "web feed") includes full or
summarized text, plus metadata such as publishing dates and authorship. Web feeds
benefits our site by letting it syndicate content automatically. They benefit readers who
want to subscribe to timely updates from favored
blogs or collect feeds from many web sites into one
place. Users can also subscribe to new articles at
Sigurfreys Articles through e-mail. Every time a new article is added the subscriber gets a
copy of it in to his e-mail box. All the user has to do is enter his/hers email address in a
box which can be found on the navigation bar on the front page. The subscription service
FeedBurner is used for this purpose.
Another important bonus of using RSS is the fact that it provides the basic format that
makes developing a mobile or podcasters application for web sites easy. Basically all that
is needed is simple XHTML, CSS and web feed with RSS.
24 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
25. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Since it has been estimated that in few years around 50% of internet users population will
access the web through podcasters and mobile phones this is a very important factor.
Links to Sigurfreyr.com sites
Links to Sigurfreyr.com sites (including ISS Survey) are put on all
sidebars. Both in the form of banners and as a simple hypertext.
There the reader can also find links to the Twitter and Facebook
Pages of Sigurfreyr.com under the heading “Connect to
Sigurfreyr.com”. In Sigurfreys Forum similar links can also be found in the footer.
Social Media Buttons
As we have mentioned social media are internet-based tools for sharing and discussing
information among people on the world wide web. Below each post, and in the case of
Sigurfreys Articles above it also, the web sites readers have the opportunity to share
content they like to friends and co-workers. They can also post a link to a particular
article, video or blog on their Facebook Wall with clicking on a “I Like” button, which has
become a common sight on many web sites recently. Each click increases the possibility
that other Facebook friends are redirected
to the web site to read an article or view a
video.
Web sites guest can also send a copy of all articles and blog post to family and friends by
e-mail. This can be important for those that don’t use social media of
any kind and a helpful feature for all readers that want to send a copy of the article to
him/herself to read later.
25 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
26. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Sigurfreyr.com provides the user also with the opportunity to print a printer friendly
version of an article to save ink. This is very important, we think, since it contributes to a
positive user experience. It can be quite surprising (and quite common) to read a “how to
do” blog about user experience design, and when you print it out, you get all the
advertisements (full color of course), header, links, comments etc., about 20 pages with
an article that is about 1 1/2 page itself. Even when you want to print out instructions
about how to do a printer friendly version of a webpage, explaining how important it is
for your site!
Favicon
Another feature we added to the websites is a favicon. A favicon (short for “favorites
icon”) is an icon associated with a website or webpage intended to be used when you
bookmark the web page. Web browsers use them in the URL bar, on tabs, and elsewhere
to help identify a website visually.
A favicon is typically a graphic 16 x 16 pixels square and is saved as favicon.ico in the
root directory of your server. You can use a favicon with any WordPress application on a
web server that allows access to the root directories. Sigurfreyr.com uses the Nordic rune
FÉ (meaning wealth, prosperity, fertility), the first rune in the FUTHARK Viking alphabet,
as a favicon. It stands also for the letter F which is of course the first letter in FREYR.
Logo and Psychology of Color
The logo of the Sigurfreyr.com websites is a simple word mark using a font named District
Thin. The font is said to be the thinnest font in the world, but we are not sure about that.
We like it because it is quite different from most fonts. The idea is to use the same logo
design in all sites grouped under Sigurfreyr.com but only with different colors.
26 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
27. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
The primary colors of Sigurfreyr.com web sites are maroon (#96000), orange (#F3650B)
and blue (#315B87), or to be more precise different versions of these basic colors. The
,,cool“, „sober“, „serious“ and „responisble“ color blue is a good choice for the Forum
because online discussions tend to get out of hand, heated and even abusive, specially
when young people are concerned, which will most probably be the most active users of
the Forum. Blue color recedes or goes away from the viewer compared to orange, red or
other warmer colors that advance towards the viewer.
Maroon stands for religous senitments, compassion and wisdom in color psychology. This
color can be seen for example in clothings of Jesus Christ in paintings from Middle Ages
and in the monk frocks of Tibetan lamas. We think that is fitting for Sigurfreys Articles,
which calls for reason, compassion and justice when it comes to changes in drug policy.
The one problem with maroon is that it takes on a much redder and agressive tone in
Macs then PC‘s because of a different monitor resolution. Since 97% of web sites are
viewed on PC‘s this should not be a problem.
The Video Gallery has more space and a lot of white color. The blue is also a lot lighter
(#0096E4) then in the Forum. White is a neutral color, does not attract much attention,
which is perfect for Sigurfreys Videos since we want the viewers to concentrate on the
videos and documentaries and not the surrounding space of the web site.
27 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
28. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Interaction: Plugins and Widgets
WordPress has amazing range of inbuilt functionality when it comes to search, taging and
organizing content in categories. But basically when it comes to other features we need
to look elsewhere. The fact that WordPress is Open Source Software means anyone can
look at the code and modify the program. Consequently there are thousands of PHP
programmers all over the world working to make WordPress even better then it already
is. And they do it for free — just for the good of the software and their fellow man. These
add ons are called plugins and widgets.
When it comes to installing plugins it is important to do a lot of research and not over do
it. We install and use only the plugins that the website really needs, since too much of a
good thing can drag the performance of Sigurfreyr.com down.
We have chosen different plugins and widgets for each of the three databases. Some of
these plugins we might uninstall in the future, or add new ones. We have mention before
several plugins we added to our site. Among them “I like” Facebook button, ,,Printable
version”, “Send with e-mail”, “Subscribe” buttons to our Facebook and Twitter pages and
a special contact form (Contact 7) which has a link to it in the navigation bar of all the
Sigurfreyr.com sites.
Here is a list of few others that we consider also important and helpful.
Akismet
Spam or ,,sblog” as it is called in blog logy is quite common. Usually
with links to some sleazy product’s website. Akismet plugin is a
perfect spam catcher. It has an option to “Automatically discard spam
comments on posts older than a month” which means that spam
comments for the early posts won’t even be added to the Spam section of blog
comments, they will be deleted automatically. It is probably the most common plugin in
the world and comes with every WordPress installation.
28 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
29. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Google Analytics for WordPress
Google Analytics for WordPress is an important plugin that we added to our websites in
order to enjoy a variety of tracking options available with a Google Analytics Account
(http://www.google.com/analytics). Such an account gives you an Analytics Account ID.
The service is free. Once we uploaded and activated the plugin we went to the Settings
section in the main menu of WordPress and looked for Google Analytics. Here we found
the place where we could make all necessary Google Analytics’ WordPress configurations.
All we had to do was enter our Analytics Account ID and click on save.
After that we can go to our Google Analytics account and track visitors, if they are new or
returning, where they come from, find out what are the most popular search keywords
on Sigurfreyr.com web site, most popular article, videos, blogs etc. All very important
information, specially at later stages when Sigurfreyr.com starts to market itself.
Yet Another Related Post Plugin (YARPP)
It is highly important to keep visitors on the web site as long as possible, especially if you
want them to read or see other earlier material that might not be visible. This is where
29 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
30. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Yet Another Related Posts Plugin (YARPP) comes
in handy. It allows us to show links to related posts
at the end of the article, video, blog etc. We can
set this relatedness by a number of options, such
as keywords in the text, titles, tags, categories etc.
We can define the number of links to show and the
period of time to check on related articles from
our previous posts. We use this plugin on all the three sites.
SexyBookmarks
Don´t let the name fool you. SexyBookmarks is a very robust social media distribution
plugin. SexyBookmarks adds keen social network icons below and/or above posts that get
bigger on roll-over. There are 70 bookmarking site you can choose from. You can define
where the bookmarks are shown on the site, i.e. on the index, posts or pages. With it
comes a URL shortener which is helpful if you want to tweet very long URL’s since Twitter
allows only 140 character messages. You can also decide whether the icons should open
in the new window or not. We think it is important that it opens in a new window,
because then the reader is less likely to leave our site.
All in One SEO Pack
All in One SEO Pack plugin is used to enhance web sites
in terms of search engines friendliness. It allows us to
set the titles structure of blog pages, use noindex
attributes for the sections we’d like to close from the search engines and set meta title
and meta description for the sites front pages without going into the blog code. This
plugin will also automatically optimize our blog category and post URL structure. It auto
30 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
31. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
generate title tags and avoids duplicate content issue by restricting search engines from
accessing pages that have duplicate content on them.
All in One SEO Pack is highly recommended by all WordPress professionals. It is however
by no means the only search engine optimization that has to be done. We did a detail
research on the subject and found out there are many other things that should be done in
order to gain favor from Google. Due to lack of time we will not go in to that in any great
detail but just want to mention briefly 4 things we did to enhance SEO friendliness of
Sigurfreyr.com sites.
1. Created permalinks. This means that instead of the websites URL looking for
example like: sigurfreyr.com/?p=123 it looks like sigurfreyr.com/drug-warriors-
pray which of course is more SEO friendly.
2. Installed Google XML Sitemap Generator, a plugin that automatically generates a
XML sitemap of our posts that is formatted for Google, Yahoo, Bing, and
Ask. Sigurfreyr.com sitemap will be sent to all of the search engines every time
the plugin rebuilds the XML sitemap. Having this plugin, ensures that the search
engines are aware of all of our posts and will help with the overall crawling of the
sites.
3. Have the title of each post/page written in Heading 1 and try to use important
keywords in h2 if possible.
4. Use rel=”nofollow” attribute in outgoing or less important links in our site. We
have for example many links to different social media and there is no reason we
should have Google or other search bots follow those link.
Hyper Cache
Load time is becoming an important factor in search engine algorithms. Not to mention a
page that loads fast makes a visitor much happier and is more likely to stay on our site
longer. Hyper Cache will help speed up the page load times by caching pages, removing
white space and comments, and compressing CSS and js files. This plugin is said to
increase the site performance at least 8-10 times. By enabling caching only the first visitor
31 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
32. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
will go through the process of processing the PHP code. The caching mechanism will save
the data and then serve every subsequent visitor the final result. 12
We tested Hyper Cache efficiency by putting a special PHP code in the footer of each of
Sigurfreyr.com websites: <?php echo get_num_queries(); ?> queries in <?php
timer_stop(1); ?> seconds. This code tells us how many
queries the database makes and how long it takes. The time
went from about 8-9 seconds to less then 1 seconds after we installed the Hyper Cache.
You can see this measurement in the left corner of each website. This code will of course
be removed as soon as Sigurfreyr.com opens to the public.
Simple:Press Forum Plugin
Since its creation in 2000, phpBB has become the
most widely used Open Source forum solution. When we heard however there was a
special forum plugin for WordPress: Simple:Press we opted for that. We have not been
disappointed. It is new forum solution, not really well known, but we think it has a great
future.
Simple:Press is a huge and feature rich plugin. It fully integrates into your WordPress
based site utilizing the same user records and database and displaying on a single
WordPress page. It is fully customizable and comes with a number of skins (theme) and
sets of icons. Current users have shown it to be fully scalable whether your site
membership numbers the tens or the thousands. Through it’s powerful and flexible
permissions system it is suitable for those who wish to run private, specialist forums with
invited members but is equally able to accommodate open, public forums that allow
guest posting.
Simple:Press offers also a Private Messaging sub-system, the ability to link blog posts with
forum topics, the capability to extend the forum display with custom code, a number of
12
“WordPress Caching. Casching Solutions Compared, http://www.tutorial9.net/web-tutorials/wordpress-
caching-whats-the-best-caching-plugin/
32 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
33. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
template tags for use outside of the forums, extensive online help that explains every
option and full language support.
The Simple:Press skin (or theme in WP terminology) we chose is called “Detroit”. It fit’s
perfectly in to the color scheme of the WordPress theme we had decided to use in
Sigurfreys Forum. The only problem was Detroit has some pink colored boxes which we
quickly changed into yellow. We decided to have the Forum as light as possible so we
don´t allow any private messages, upload of photos, video etc. in to posts. We turned off
a lot of default features in Simple:Press in order to slim it down. We think it is important
that uploading time should be as short as possible. Sigurfreys Forum is in most ways
structured or planned (with social media sharing, gravatar, contact form, help videos etc.)
as the E-Magazine and Video Gallery.
33 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
34. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
One of the major differences lies in the web design. The Forum is 100% Web 2.0 in style.
Big header, big footer etc. In order to get rid of the sidebar (which is a standard feature of
WordPress) in the page where the Forum itself appears we use a Widget Logic Plugin. The
plugin adds a field to all widgets which allows us to decide where the sidebars shows up.
By adding the WP’s conditional tag !is_page('forum') that the sidebar widgets should
appear everywhere except in the page named ‘forum’.
ISS Survey
A survey is method of gathering information from individuals or groups. The goal is to find
out where people stand or what
opinion they have on certain matters.
Companies often create client surveys
to get a better picture of how the clientele sees their service. This kind of survey can be a
powerful analysis tool and help a company improve it’s service.
ISS (Icelandic Defence Brigade) is a by product of Sigurfreyr.com. Before Sigurfreyr.com
commits to founding such an organizations it needs more information about exiting
needs. We need to investigate our target audience to make sure our plans line up with
what potential members want. An online survey can offer practical information for
planning and decision making. We can learn better what our users think of our current or
planned service and what they want to see from us in the future.
What is LimeSurvey?
LimeSurvey is an open source online survey tool. LimeSurvey offers twenty different
question types and has multilingual features. Before we start our survey we need to plan
it in advance. We have to choose the topic of the survey, style of presentation and the
attribute questions being used. When it comes to presentation there are three different
options: Page by page, question by question or group by group. In the case of the online
34 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
35. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
survey done by ISS having questions in a group suits our needs best. Here is a graphical
representation of our survey structure in a hierarchical order.
ISS Survey
Group 1 Group 2
Questions Questions Questions Questions
Token system
We will want to keep track of who has completed the survey, and ensure that each
person can only participate once. The use of tokens allows this. If you initialize the tokens
table and have chosen to allow public registration in the survey setup, people who visit
your survey’s URL without a token will be given the opportunity to register.
If they provide an email address that is not in the current survey’s table, an entry in the
tokens table will be created and they will be emailed an invitation containing their unique
token. This feature comes in handy because we will know who takes part in the survey
and the number of participants. We can also collect their emails and use for direct
marketing.
To protect the survey from robot registration the captcha feature is used on all
registrations.
LimeSurvey User Interface
The LimeSurvey software we used has features that allow us to use its default template or
choose and copy one of their standard one.
We decided to make our own interface. Personalize the look and feel of the pages. That
way people will differentiate ISS surveys from any other LimeSurvey.
35 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
36. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Because LimeSurvey’s templates are dull visually and boring, we want to prevent our
users from experiencing it. One good reason among others is that LimeSurvey has their
logo in all their templates and using it will certainly not help ISS in the eyes of our users.
Logo, Colors, Fonts
The initial idea is to create a logo and look for a
survey. Basically the name ÍSS is the name of the
rune from the FUTHARK alphabet. It stands for
protection in rune magic. It is also an abbreviation of
Íslenska sjálfsvarnarsveitin (Icelandic Defence
Brigade). LimeSurvey is easy to manage as a
questionnaire but one has to have good
understanding of XHTML and CSS to be able to
manage and create the look and feel of the survey.
The Logo Design
In light of the Old Nordic connection to the name and the idea behind the name we
decided to try and implement that into the design. Initial idea was to try to use a Viking
theme so some sketches where made (see Appendix). After some consideration it was
made to look vector-like, clean and simple.
Our hypothesis is that young people in Iceland are proud of their heritage, their Viking
past. We think that a logo that reminds them of that period of history will appeal to them.
A Viking shield, a sword and axe from the same era were chosen. After some tests we
finally settled on using rune like font for the ISS. First it was placed to the right side of the
logo. But after careful consideration it was put underneath the shield (see Appendix).
36 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
37. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
A second version of the logo was also made with the Icelandic flag on the shield itself. It
was however decided to use that as a banner on Sigurfreyr.com other websites. Also on
the ISS web site (when it will be made) but not with the survey itself.
The survey layout design
The idea was to make a real simple layout for
the survey and to make it not look like a regular
webpage to make sure that there was no doubt
that this was not a information page but a
survey only. So we started on making a Web 2.0
style page with a striped background and a
rounded corner place for the survey. Because
the logo is quite heavy black and white, a subtler
color scheme was applied to lift it up, brown and yellow, for the striped background and a
old paper texture for the survey. Everything was first made in Photoshop to establish
alignments and size and then put into XHTML and CSS.
Applying the layout to LimeSurvey.
The template and layout of LimeSurvey is not the easiest system to customize. In the
output the source shows a lot of <div> tags being used, but when we looked for them
inside the template, there was no to be found. This means there is some basic source that
LimeSurvey uses that is not easily editable. It does not use one HTML file as a template
but rather constructs the one output HTML from a file that are parts of another HTML file.
For example in one case the HTML page might be made from three files; start page,
survey, and end page. So making the layout come together like we wanted proofed to be
a challenge. But after a lot of trial and error we where able to customize the template to
fit our layout.
37 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
38. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Videos as Good User Experience
User experience design (UX) is an important element of modern day web development.
Lack of attention to user experience can result in a otherwise considerably good web site
failing to reach it’s goals. Web developers have come to recognize that providing a quality
user experience is an essential part of any online, software and product development.
When our group was discussing this we were reminded of the fact that for years and
years we had seen the RSS logo, but not web site owner or developer had taken the time
to explain to us what this was for. It was yellow we knew, and something do with the
letters RSS, but what the heck was it for, few of us had any idea.
One thought this was some kind of a counter for the web site to see how many clicks or
visit it got.
How should we have known? Nobody told us anything.
This little true story of people who considered themselves (and were considered by
others) to be rather computer wise shows us that we as developers can´t take anything
for granted. Just because we know what a Facebook or Twitter button stands for, doesn´t
38 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
39. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
mean every body does. And even if they did. We can´t assume every body knows how to
use it, where to go to register etc. Why they should even bother using it.
UX considerations is the prime motive behind the group deciding not only to have written
instructions on how to do certain things (we today take for granted) but also produce a
short help videos for the users of Sigurfreyr.com web sites.
Video
People are visual or text preferable, with this in mind, we´ve added these visual helpers. A
simple short guide, that explains recommendations, options and directions to achieve
their goals.
Giving the user the choice of, images included sounds or the basic clear text description of
the walk about, is a part of the user centric design and content.
The tutorial videos are based on the text, in the help section of Sigurfreys Video, Forum
and Articles. Basic idea was to have a visual version of these recommendations/
roadmaps. Sticking to the written word, the timeline was more or less set, same goes for
the tempo and flow of the video.
Inspiration
First attempt for styling the tutorial motion pictures, was inspired by MailChimps support
videos.
Mailchimp videos have images sliding in various directions, strong zoom effect, with a tilt
to the camera angle, enthusiastic narrating and up-tempo soundtrack.
Trying this concept on our material, it soon turned out not to fit in. The inspirational
videos had different content, also the length and tempo was far from ours. Doing the
storyboard for the tutorial video “SIGURFREYR RECOMMENDS FIREFOX”, it came clear that there
were not enough screen cast to fill in, since this is more a “propaganda” against IE and
not the usual tutorial material, with lots of screenshots and “then you click this and then
this …”
39 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
40. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Concept
We use a smooth minimalistic style, not overdoing the tilts and slide ins, this seam
suitable for the “recommends” videos, where there is a lack of screen cast and mouse
action. Well known icons and text underlines the voiceover and the steam/pulse of the
storyline is in synch with the keywords of the tutorial.
Music
Music for the videos was considered but left out, thoughts was to have an ambient
hidden background sound with very little change in chords. Copyrights, is an issue too.
Leaving out the music in this production is not a loss.
Intro
Logo is used as an intro and an outgo, that tells the origin of the video. It´s also there as a
smooth opener, before the actual info. Bringing the mascot Kisa in the product, is an
appeal to the emotions of the viewer, make them feel good and comfortable, to ease
their real-time struggle.
40 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
41. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Narrator
Anna’s nice voice is used as narrator. Considering which way to go, we felt it would fit,
with a strict and informative voice, mute the enthusiasm and stick to formality. Not
overdoing the punch lines, have it as a clean info. This decision came out of watching
different style tutor videos. Often the voice on these has a tendency of silly, random, avid
and a little to human.
Text
Adding text (keywords for the story) to the video, fills the empty spaces, where there is
no reason for an image. This maintains the viewers attention and the steam of the story/
the flow.
As a bonus you can, almost, get the story without sound, with this in mind, awareness is
on not to have a keyword followed by another keyword, that would give a different
meaning than the actual story. The story and the visual product gets a stronger impact,
when using the keywords, and equally important, it adds a visual thread.
41 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
42. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Color
The orange color (#FF9C00) used for text/keywords and Kisa (the mascot kitten) is
adapted from the logo of Sigurfreys Videos (Netvarp Sigurfreys).
Orange is vibrant and demands attention, stimulating the emotions and even the
appetite. The orange color should work as very noticeable without screaming. This softer
orange, which we use, is even friendlier and more soothing.
White as a background and continuous color, keeps the production clean and
minimalistic.
Kitty Kat
When watching the first video Anna found it to be, dry, plain and boring. She thought a
lot about how we could make it more user friendly and interesting from a design design
perspective. It came clear to her that we would have to make some sort of emotional
design. She suggested we added some warm and cozy creature, then Friðjón later drew.
Having a cute little animal in the production, should have an emotional appeal, so we´ve
been told. Not every body agrees, Johnny feels for example it´s a matter of taste.
42 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
43. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Emotional design, should be about the combination of aesthetics and functionality. When
things look good and works well at the same time, people tent to get a good experience.
Implementing a mascot to the tutorial videos, gives a recognizable value. Most people like
cute little animals, this would soften
them and leave them more open and
receptive.
Emotional design
Aesthetics and function works together.
We use beauty and design rules to
enhance good user experience and
thereby concludes user friendly design.
Perceived as beautiful, clarifies the
function and the way to work around the
product. People react on good experience, this affects their psyche and the mind will
reward this feeling with optimism and gumption. This should be the outcome for every
watched tutorial.
Camtasia: Our Working Tool
When working on the video tutorial some questions arose? What screen cast product
should we use?
We wanted a screen cast that had a lot of good features such as a timeline, a audio and
video effect, this was important so we would be able to edit the video and audio in one
program, importing and exporting videos takes time. That would save a lot of time using
only one program. Therefore we choose Camtasia.
Camtasia was new to us but as it turned out to be wonderful to work with.
43 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
44. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
Business strategy
As has been mentioned before. No web site can be updated on a regular basis without
drawing in some kind of a income. Professional bloggers who make a living from blogging
or maintaining a web site have not been reluctant to advise others how do go about it.
The formula is basically very simple:
Content + Marketing = Traffic
Traffic + Direct Ad Sales + Recursive Affiliate Programs = Income
A professional blogger works to attract attention and then sells that attention to
advertisers for a fee or uses the attention to profit from their own product and/or service
sales. This means he has to find his particular type of reader – his or hers niche as it is
called – give them constantly good content so they keep coming back and ultimately,
monetize that traffic.
A good and successful blog or web site can never be better that it´s content. While design
and user interface is queen content is certainly king. The key here is selecting a topic that
you love doing. A topic where you enjoy the process of getting engaged in it as opposed
to the result. Of course, the ideal is to get enjoyment out of both the process and the
result. When you can achieve that, you'll be on a winning streak.
Some of the best blog subjects were discovered by people who immersed themselves in
a specific field, worked in it for a while, and then figured out all the ins and outs about
that topic. Before long they’d stumble upon some “gaps” in that topic, normally in the
form of problems that do not have solutions, and then make a business out of providing a
solution to that problem.
After some research we have decided that the business strategy for the first 6 months in
order to gain traffic will involve:
1. When Sigurfreyr.com launches’ it’s websites it will start creating an email list. To
do this, we will use an email auto-responder service. We have decided that
MailChimp http://www.mailchimp.com is the best choice. They offer free service
for the first 500 subscribers on the mailing list.
44 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
45. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
2. In order to build a emailing list we will create a email newsletter and a report (in
pdf format) where we discuss issues related to our main blog topic: drug policy.
3. We will update content; articles, videos, blog etc. at least weekly.
4. We will update content regularly to our Facebook and Twitter Pages.
5. We will encourage users to participate in the ISS Survey and take necessary steps
as soon as the data is in.
Professional bloggers say one needs to give away premium content for at least 6 months
before a sustainable traffic has been established. After six months we will review our
plans.
Conclusion
So what is our answer to the basic question that we asked in the beginning of this report?
How do we create an online multimedia production that:
1. Draws solid traffic from our target audience,
By adding premium content daily, at least weekly
2. Encourages involvement from it’s readers,
Use social media sharing on sites and interact with Twitter and Facebook Pages
3. Is monetize able, i.e. can create income
We can first expect that after 6 months
4. Is inexpensive to implement and easy to update.
WordPress and other Open Source web applications
45 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
46. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
References
Books
DABNER, David. 2004. Graphic Design School: The Principles and Practices of Graphic
Design. London: Thames and Hudson.
JACOBSEN, Jan Krag. 2009. 24 Questions for Planned Communication. Roskilde: Roskilde
University Press.
GOTO, Kelly and Emily COTLER. 2005. Web Redesign: Workflow That Works. Berckley:
Peachpit Press.
MELICH, Rolf. Brugervenligt Webdesign.
NORMAN, Donald A. Emotional Design.
WEINBERG,Tamar. 2009. The New Community Rules: Marketing on the Social Web. USA:
O’Reilly Media.
WILLIAMS, Robin. 2004. The Non-Designers Design Book: Design and Typographic Principles
for the Visiual Novies. Beckley CA: Peachpit Press.
Internet
Eyetrack III: Online News Consumer Behaviour in the Age of Multimedia,
http://www.poynterextra.org/eyetrack2004/index.htm.
Web 2.0 How-to Design Guide, http://www.webdesignfromscratch.com/web-design/web-
2.0- design-style-guide.php. Writing for the Web,
http://www.sun.com/980713/webwriting/
Roadmap to Become a Blogger: http://www.becomeablogger.com/roadmap/
Blog Profits Blueprint: http://www.blogmastermind.com/
Google’s Search Engine Optimization Starter Guide: http://bit.ly/bAMpFE
Setting Up WordPress for SEO: http://bit.ly/duZL8O
10 Important Tips to Optimize WordPress for Search Engines: http://bit.ly/ckDlMW
WordPress Tutorial: http://www.siteground.com/tutorials/wordpress/
46 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
47. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
GROUP MEMBERS INPUT:
We decided to devide the works between us as follows: Anna Jakobsen and Johnny Lund
Hansen produced the videos. Friðjón Veigar Unnarsson and Saikou Marong developed the
ISS Survey. Guðmundur Sigurfreyr developed the E-Magazine, the Video-Gallery and the
Forum. Each group member wrote about their particular project which was then edited in
to the report by Guðmundur Sigurfreyr.
47 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong
48. June 1, 2010 [3RD SEMESTER, MULTI MEDIA DESIGN PROJECT, NOMA]
48 | Students: Anna Jakobsdóttir, Friðjón Veigar Unnarsson, Guðmundur Sigurfreyr, Johnny Lund-Hansen and
Saikou Marong