Group meeting- assigning roles

Today our group met to assign roles, we are sticking to the first idea of anonymously submitting posts using databases including the following:

  • location
  • gender
  • student id number
  • student year group

We have all agreed to do work over the next week, using our git account to see the progress each of us has made then we will meet again, put it all together then advance onto the next section of the website.

  • Me= Design and complete the welcome page (meet the team)
  • Darlene= The layout of our anonymous posting page
  • Rafiel = Designing the pages about the University and the home page.

Our second meeting will take place the week starting the 9th of March but will be staying in contact so we can all use the same design and conduct some research into our assigned roles.

Creating our group Wiki

To keep all of our group contributions in one place where we can all access any updated work I have created a Wiki called “Green group 3”. This is accessed via the dakar accounts in filezilla and is easily installed by going onto Once this is downloaded it is a case of opening the zip file and uploading it to my dakar account then following the instalment. During this process I enter my basic information and make the wiki “public” meaning others can see it but only the users can edit the information. Then the only thing left it to customise your Wiki and add the content you wish.

Screen Shot 2015-02-25 at 11.42.57

Above: Installation process for Doku Wiki.  

Screen Shot 2015-02-25 at 11.52.25

Above: My DokuWiki set up completed.

Blog post system

For the following project my system which I am going to follow regarding posting to my  blog is as follows.


I will always use the same layout and font size. However I will choose to make the text bold when signalling an important point, new header and will also use bold with italics for my references. The links to certain pages will be in red as shown All text aligned and will span the full length of the page unless it is a quote from another source, in which case it will be within block quotes, indented and a separate paragraph as shown.



these will always be set to full size, with the option to click on them to make them even bigger in alignment with the text. Each image will be accompanied with a short caption saying what it is or providing a link to the original source. If the image is found online I will embed the image via the image URL and then reference this below.

Above:Example of image online


Above: Example of my own image


I will also embed these via the video URL and then provide a short caption of what it is then explain separately how this has been influential.

Above: Example of video embedding. This was helpful as it helped me pick my course. 

Categories and tags

All of this project I will put under the category design for digital media environments, however I will change the tags depending on the post for example I could have

  • mindmap
  • inspiration
  • typography
  • notes

Creating our group repository

For our group project we will be using the opensource software Git-hub and also the Wiki within the repository i have set up called ‘group project’. Although we have all met up and discussed ideas, we still need to create a welcome page and then start the main body of our project. I only have one of the group members in the repository at the moment as the other still needs to get signed up, however once we are all up to speed then this will be a good way that we can all contribute without always having to be with each other. It will also allow us to do certain tasks individually while the other members can check the progress, so in turn we will all be having an equal contribution to the group work aspect.


Above: Creating the group repository and adding my other group member as a collaborator. 


Above: Starting to use Wiki to create a welcome page.

First ideas- ERM

Based on the first idea of “Anonymous” posting in a student based environment, I have had a go at creating my own entity relationship diagram to coincide with the ideas. It was important for this to be established before starting the practical side of the project so we can establish the relationship between our database categories based on studies we researched by Richard Barker.

Below:The types of entity relationships


Above: My own ERM for the first idea of Anonymous posting

First ideas- group work

Today I started to plan a few first ideas for our group project. We have decided we would like to do something that will get people socialising with a similar news-feed layout to Facebook and Twitter, ascending from newest to oldest. The main idea is that you will be posting anonymously but people will know your location and your gender. I feel this would be an interesting idea to explore as it still incorporates databasing but allows people to communicate openly without feeling intimidated at the aspect of meeting someone new. Then its the users choice if they want to meet the person face to face.

001Above: mind-map of our first ideas

Our target audience will be those within University mainly, and our database will consist of the student id, gender, year group and we will some how need to incorporate the location of each user. We have decided once the posts reach 50 then it will be cleared, so our data is always current.


Screen Shot 2015-02-17 at 14.31.30

Refining my code

<DOCTYPE html>
<html lang=”en”>
#header {
#nav {
#content {
height: 290px;
background-color: white;
#footer {
<div id="container">
<div id ="header">
<h1>Pug Rescue and Adoption</h1>
<img style="height: 100px; width:100px"src="image/pug.jpg">
<div id="nav">
<span><a href="home.htm">home</a></span>
<span><a href="contact.htm">contact</a></span>
<span><a href="adopt.htm">adopt</a></span>
<span><a href="rescue.htm">rescue</a></span>
<span><a href="gallery.htm">gallery</a></span>
<span><a href="donate.htm">donate</a></span>
<div id= "content">
<h1> Pug Rescue Charity Service </h1>

<img style= "height:150px; width:200px" src="image/pug2.jpg">
<img style= "height:150px; width:200px" src="image/pug2.jpg">
<img style= "height:150px; width:200px" src="image/pug2.jpg">
<img style= "height:150px; width:200px" src="image/pug2.jpg">
<img style= "height:150px; width:200px" src="image/pug2.jpg">
<img style= "height:150px; width:200px" src="image/pug2.jpg">
<img style= "height:150px; width:200px" src="image/pug2.jpg">

<p>Rescue and adopting Pug's. We need your help! </p>

<div id="footer" >
Copyright of Becky Hughes

Database – Entity Relationship Diagrams

An entity is a piece of data-an object or concept about which data is stored.

In relation to our new project and the databases we will be creating, an important part of it is being able to understand ERD (entity relationship diagrams). This looks at relationships within a database and looks at how you can make a link using certain foreign keys. The specific focus is on using information systems and how we can create these for our chosen group project as we are currently using php myadmin, to collect our own set of data. This can be useful when we are looking at what sort of entity relationship we need to create between each category, for example in a cookbook, the relationship between the recipe and the feedback could be classed as a relationship of one to many, as they will share the same relationship with the recipe entity as they are giving feedback on this specific recipe.

There are three types of relationships between entities

1. One-to-One

2. One-to-Many

3. Many-to-Many

Above: Examples of entity relationships

The task

create an ERD for a recipe book which would store data to allow:

*   recipe book contributors to store their personal data (relevant to a cookbook application)
*   where all contributors are optionally able to create 1 or many recipes
*   where each recipe has a:
*   title
*   contributor
*   description (including cooking instructions)
*   where each recipe has 1 or many photos
*   where each photo is accompanied by a short description
erm copy

Above: My ERD for a cookbook 

Exploring Wiki & Open Street Maps

Wiki is a useful open software as it allows many people to contribute. Today I had a look at and created an account and then went on to add some food places near my current address whilst staying in Bournemouth. Canford road already existed so it was easy to find the location then it was a simple step of moving along the map by dragging my mouse until I came to the block of shops and proceeded to add some onto the map starting with Subway. UGC (User Generated Content) platforms such as open street maps can be useful for anyone who is unsure of what is around and area, and as it is open to anyone it means there can be helpful points that have been missed easily added almost instantly. The software is very easy to use and surprisingly still has a lot to be added onto the maps for anyone who knows the area.

Before setting up an account it is an important point that it states if you are happy that your contributions will be through the use of a Public domain. For anyone who is unsure what this means the website provides a helpful link which explains;

OpenStreetMap’s license is a free share-alike license. I.e. you are more or less allowed to do what ever you want with OpenStreetMap’s data under the one condition that you agree that any modifications or additions again are under the same free license.

I think the use of a public domain is a good idea as like I stated earlier it allows the freedom of anyone to edit areas to their knowledge without needing to wait for the new version to be published which can be very helpful for any new visitors to the area. My contribution to the open street maps was to add on some of the local restaurants around the Wallisdown area where I am currently living, shown below.

The steps are easy to follow although there is a quick walk through for those new to this UGC platform.


Above: My contribution to open street maps

Another positive note to using UGC such as this is that if any mistakes are made or if you miss something in your labelling, it is still open for others to continue to edit and change according to the relevant information at the time, for example if Subway which I added was no longer there in a few years and instead was a different restaurant someone could easily change this within seconds. This links in very well with the theory of new media, as it allows everyone to have an equal contribution and also to learn from what others add which has a clear link with the new brief;Design for Digital media environments when exploring the idea of a participatory culture.

Exploring wiki

Within this new project; Design for Digital media environments it is important to explore and use open source user generated content platforms such as Wiki Commons to avoid any implications with copyright when creating our websites. Wiki Commons allows users to upload and share parts of their projects/work, however as part of this open source software, its unique point is that you can use others work or they can use yours as long as you have made this clear within your work; eliminating some of the issues linking to copyright, which will be useful when building our websites.

What is Wiki?

A wiki is essentially a database for creating, browsing, and searching through information. A wiki allows non-linear, evolving, complex and networked text, argument and interaction.

● A wiki is a web application which allows collaborative modification, extension, or deletion of its content and structure.

● wiki is a type of content management system, it differs from a blog or most other such systems in that the content is created without any defined owner or leader,,_Inventor_of_the_Wiki.webm

Below is my account I set up using Wiki Commons via Wikimedia and the steps I followed to do this, along with my first uploaded photograph that I took in Sorrento back in 2012; I completed this using the following link.

2 3 4 5 6

This was the outcome on the following link


This is really easy to use, all the steps are very simple and its your choice how much information you want to make available with the photograph. There is also a clear page where you accept to the agreements of Wiki and your work essentially becoming available for others to use while making it clear this was the original source. This example of a UGC platform is helpful in projects like this as we could be building websites such as a suggested cook book, which would need to include photographs to appeal to the audience, which we can easily access using open source software such as Wiki Commons.