SlideShare ist ein Scribd-Unternehmen logo
1 von 64
Downloaden Sie, um offline zu lesen
CS39930 FINAL REPORT
Ben Morgan
1 | P a g e
TABLE OF CONTENTS
Table of contents………………………………………………………………………………………………………………………Page 1
1) Abstract………………………………………………………………………………………………………………………………Page 2
2) Backgroud…………………………………………………………………………………………………………………………..Page 3
3) Analysis……………………………………………………………………………………………………………………………….Page 4
3.1) Stakeholders………………………………………………………………………………………………………….Page 4
3.2) Typical Users………………………………………………………………………………………………………….Page 6
3.3) Use Case………………………………………………………………………………………………………………..Page 7
3.4) Related Material……………………………………………………………………………………………………Page 9
4) Design………………………………………………………………………………………………………………………………...Page 11
4.1) Web Structure……………………………………………………………………………………………………..Page 11
4.1.1) Overview of Web Hierarchy………………………………………………………………….Page 11
4.2) Individual Page Details…………………………………………………………………………………………Page 12
4.3) Databases…………………………………………………………………………………………………………….Page 24
4.3.1) Table relationships………………………………………………………………………………Page 24
4.3.1.1) WordPress……………………………………………………………………………Page 24
4.3.1.2) Table descriptions………………………………………………………………..Page 25
4.3.2.1) WooComerce……………………………………………………………………….Page 26
4.3.2.1) Table Descriptions………………………………………………………………..Page 27
4.4) Early User Evaluation…………………………………………………………………………………………..Page 28
5) Implementation…………………………………………………………………………………………………………………..Page 32
5.1) Content Management System……………………………………………………………………….......Page 32
5.2) E-commerce Plugin……………………………………………………………………………………………..Page 32
5.3) Theme…………………………………………………………………………………………………………………Page 36
5.4) Plugins used………………………………………………………………………………………………………...Page 39
5.4.1) Akismet………………………………………………………………………………………………..Page 39
5.4.2) ATWI Interview…………………………………………………………………………………….Page 39
5.4.3) Photo Gallery……………………………………………………………………………………….Page 39
5.4.4) Spider Event Calendar………………………………………………………………………….Page 40
5.5) Plugins considered……………………………………………………………………………………………….Page 40
5.5.1) Team Rosters vs ATWI Interviewer……………………………………………………….Page 40
5.5.2) BuddyPress vs Custom Facebook Feed vs Icon……………………………………..Page 40
6) Testing and Evaluation………………………………………………………………………………………………………..Page 41
6.1) Testing…………………………………………………………………………………………………………………Page 41
6.2) Evaluation……………………………………………………………………………………………………………Page 45
7) Achievements……………………………………………………………………………………………………………………..Page 48
8) Critical Analysis……………………………………………………………………………………………………………………Page 62
9) References………………………………………………………………………………………………………………………….Page 64
2 | P a g e
1) Abstract
Aberystwythbasketball.com is a site dedicated to the Aberystwyth Men’s Basketball team and
promoting the team to new heights.
The team started back in 1992 by Christian Brown. The site has an e-commerce element, which will
allow viewers/potential players the chance to purchase gear related to the team. The committee of
the time will have access to the site and will be in charge of keeping stocks maintained and adjusting
prices where needed. Because the site will be used by others, whom may be less computer-literate, I
have chosen to create my site using WordPress. I feel WordPress allows those who lack experienced
with website development a chance to understand what they are doing. As the site requires an
option to be able to purchase items, I will be using a plugin called Woocomerce that provides for
stock, prices and a range of other related applications to buying and selling.
During the business analysis, I made sure all of the stakeholders would benefit from the site and
looked into how the site would benefit them. I also created a rich picture that would display how the
stakeholders would benefit from the site and what sort of access will be needed. I then went onto
discuss what typical users will be able to do with the site and what they can expect to happen. I
displayed this by designing a use case diagram. Finally, I did some research into a range of different
sites; first looking into another local team and secondly researching a professional team. This
enabled me to appreciate what the pros and cons where of their respective sites.
Whilst doing the design, I frequently made adjustments to designs I had done on paper, making sure
the changes I was making benefited the site. After completion of the prototype, it gave me a broad
insight into what the site will look like and how the pages will work. I went onto design an early user
evaluation simply because it gave me an insight into what would work well and what would not. This
feedback led to a range of changes that only benefited the site. A massive advantage of using
WordPress, and one of the main reasons I decided to create my site using it, is that it pre-defines the
databases meaning less time could be spent on them.
For the testing part, I used 3 people from the early user evaluation and then 3 subsequent people. I
asked them all to complete tasks on the site within 10 minutes and then proceeded to ask them
another set of questions about the site and inputted their data onto charts.
In the achievements section I used screenshots to show all aspects of my site and show all features
that could be used with the site.
In the final section, critical analysis, I reflected on everything I had done. I considered what worked
well and what I found hard and how I overcame the problems. I also discussed ideas for what I could
do with the site if I had more time.
3 | P a g e
2) Background
I created a website to help with the elected committee’s small jobs. At the time, these included
promoting the team, sorting the team’s financial position and also general administration relating ot
the running of the team in general. The current team is made up of 12 to 14 team members and a
handful of players who are just casual players. The team are coached by a full-time lecturer here at
the university, Jan Ruzicka, who gives up his free time to help the team out. At the moment, the site
allows people a chance to get to know current team players. This aspect of the site is achieved
through interview-like questions that are not only concentrated on the basketball side, but also gives
an insight into the personality of the players and their likes and dislikes. The site is also designed
with a shop in mind which will allow viewers to purchase gear related to the team.
The main aspects of my site will be to advertise the team and also give additional help to the
committee as being such a small club compared to rugby or football a lot of the work needed to
remain a club with the university can be a little overwhelming. The main point of the site will it will
hopefully offer clear information on our club and promote us even more. The site has an easy to use
contact us page that will allow people to send emails directly to the president of the time.
Another feature of my site is it will heavily appeal to people wanting to play for the club and support
the team. It is for that reason that the page will give the users a chance to register and also a chance
to buy items related to the team. As mentioned previously, another feature is a “meet the team”
that will allow potential players to get to know the current team. It feature personal information
with players and coaches and provide a picture of the player.
Even though the site at the moment is limited to just one team, there is potential for a huge upscale
of the site in the future. However, this does not prevent other people from viewing the site and get
in contact with reference to trying out a new sport (as this is what we heavily promote throughout
the team).
As Aberystwyth is such a small town in Wales, meaning the team is relatively small, I really feel this
will give the team a chance to easily promote themselves in a modern way via the site but also it will
help the committee with a lot of jobs that can be very repetitive. Maintenance after the site is live is
key for my site as making sure the site can be used by people who do not know much about web
design and also by our coach who is not overly computer literate.
4 | P a g e
www.aberystwythbasketball.co.uk
Interested players
Current team members
Coach
Committee
Advertise on University page
President Vice-president Treasurer
Competition
Intermediates
3) Business Analysis
3.1) Stakeholders
5 | P a g e
Coach
The coach will need access to the site to see who have expressed an interest in the team. The coach
also does not have access to social media, so this site will be a great way for him to have an exclusive
insight into future players.
Current team members
The site will benefit current team players by allowing them to get to see people who have expressed
an interest in the sport and also getting to view details on upcoming games. Also, they will be able to
get to view interview-like questions about their team mates and also find out information regarding
the socials on Wednesday.
Advertise on University page
We would hope, as we are representing the university that they would be open to the idea of
supporting/advertising our website that will not only benefit them but also massively help us expand
ourselves as a team and attract more members. This would, in turn, lead to more customers
attending the student union on our socials.
Intermediaries/Old members/Friends of the team
Word of mouth is obviously very important to the team and also to increasing the numbers we have
on the team. We also already have a successfully made group on Facebook with over 10 members;
we hope to expand on this through being more heavily involved with social media trends which the
university students start. Also included will the support of friends and old members who will be used
to promote events such as “old boys” and will be tasked with keeping people interested via social
media.
Interested players
Potential players will have to make sure they are interested in the team and we need to makes sure
that we offer them a professional looking site that makes them want to join the team. Also, we will
need to make sure all of our content is up-to-date so that they can benefit as much as possible.
Committee – including president, vice president and treasurer
The site will need to be easily accessible and easy to use because in future years so to provide for a
situation where the current team is confident in using IT. The committee will also need a strong
presence on the site so that they can see who is registered and who has paid. The committee will
work in such a way that the president will teach the vice president and treasurer and so on with each
new president passing on knowledge to the next.
Competition
We have one direct competitor which is a local team simply because they can easily attract the
players we are aiming at. However, I would also say the other surrounding teams are more in-direct
competition as we want users of our site to be committed and interested in our team.
6 | P a g e
3,2) Typical User
As our site is a university page, the typical ages of users can vary, but for the most part my users will
be male, simply because it is a men’s team. The addition of females later on is a possibility. 18 to 24
is the average age of Aberystwyth University students, however, of course our page will welcome
mature students as well. For those who have also have a passion/played basketball before, the site
will give them the chance to gather information and get to meet what could be there future team
mates.
In regards to a typical user we already have a limited audience in the fact we can only aim at
university students. Our typical user can include a more mature student as well as occasionally we
do get interest but as the same as other students they will have the same access to information.
Another user type to consider will be people who are not very experienced with technology. For
people who fit into that category, I intend to offer a basic site that will be easy to use and all text will
be very visible and the text will be a good size as well.
Regardless of the level of experience of the users, they will all have access to the same features. This
will include registering with the site by using an email address and password format. They will also
be able to view the gallery of pictures that will be aimed to be updated weekly with all the latest
photos going in the album.
In regards to the people running the site, I want the site to be easy to use, one of the reasons why I
have chosen to use WordPress, with the site I want to make sure it is easy to use and that important
information can be edited. But a massive advantage of being a university site is that the majority of
the time our committee/admin will be aged 18 to 24 which means they will have substantial
knowledge of computers. Of course some basic training will be needed to show them how to use the
plugins and how to update them when necessary, but this should not be time-consuming.
I also want my site to be easily accessed via handheld devices. This will mean the site will have to be
mobile friendly and easily viewable on a small screen which can easily be implemented through
WordPress. I also would like their information to be secure so they can purchase goods from the
store.
7 | P a g e
3.3) Use case Diagram
Read about current players
See upcoming games and past
Contact the current president
Sign in/register
Find out about the club
Scroll through gallery
Edit Details (associated with account)
Leave comments (certain pages)
Join the club
Purchase items related to team
Update team information
Update fixtures
Insert up to date pictures
Read about current players
Viewers of the page will be able to read answers to short interview-like questions posed to current
team players. This enables viewers of the site to get an insight into current player’s personalities.
The questions they will be able to see will include favourite player, favourite food etc.
See upcoming games and past
New and future players will be able to see when the next scheduled, including tip-off time and the
location of the game. On a weekly basis, the page will be updated with the scores of the game with
the chance of a small bio of what happened in the game (depending on time).
Contact the current president
The page will have a simple contact page that will require the user to enter their name and email
address as well as the message that will be directed to the current president’s Aberystwyth email
address. Also, the site will feature a Facebook icon allowing them access to the group made on
Facebook.
Sign in/register
This will allow users to register their email address (which will be saved into a database) and offer a
more personal view of the webpage. If the user needs to register the page will ask for basic
information like Aberystwyth email address and a password. This will also show the committee that
you have expressed an interest in our team.
Potential player
Committee member/admin
8 | P a g e
Edit details
Once registered on the page the interested party will be able to edit their information that they
specified earlier.
Find out about the team
The home page and also meet the team page will have information on the team schedule including
training time and a brief history of the team.
Scroll through the gallery
Everyone will have access to a simple gallery that will allow them to see all the latest pictures
involving the team.
Purchase items related to the team (t-shirts, bands, kits and membership)
Our team currently charges £15.00 to register. Potential new team plyers will be able to digitally
download a file that will need printing off and brought to the next session they attend as proof of
purchase. Also there will be a fully working shop that will allow you purchase other goods that are
related to the team.
Update team information
With WordPress I will have access to the dashboard that will allow the committee to change certain
information regarding the team. For example, if a new player makes the team we will then
“interview” them and have their details placed on the site.
Update fixtures
Because our fixtures change every year this will be a page that will need a lot of “care”. The admin
staff will have sole access to this page and will need to keep it up-to-date with locations and times of
the games.
Update pictures
Admins will simply be able to add from their desktop new pictures of the team.
9 | P a g e
3.4) Related sites
I spent some time researching other sites and also checking out other features of these sites to gain
some inspiration in to what I want on my site. I found some good sites but I found the majority of
the sites where bad sites as a recurring issue I have noticed is the sites look “amateurish”.
www.shropshirewarriors.co.uk [1] – an issue I found with this site is how basic it looks. I would not
say this is a good site at all because all of the information seems very compact and looks like the
information was entered in a rush. With WordPress you have an option to select themes, so I intend
to select the right one for my site and offer a very professional site. I also intend to use sites like this
one as an example of ways to not do the site. I will say a feature I do like about the site is that
important information scrolls across the website (see red arrow)
10 | P a g e
www.newcastle-eagles.com [2] – This site is of a professional team in the BBL (British Basketball
League). I really like this site as it uses its team colours as the background, and all the information is
easy to read and easy to access. I also really like the way they advertise their social media sites
, I think it is noticable but doesn’t take anything away from the site. This is the
sort of template I want to use in regards to my site.
This is similar to what I want on my site, and I find this site has done it very well offering a small
player profile and also an entertaining interview. The reason I want this on my site is because I want
my team mates to really know the people they are playing with.
11 | P a g e
4) Design
4.1) Web structure
4.1.1) Hierarchy Overview
Aberystwyth Men’s Basketball page will have a single navigation bar at the top of every page that will allow users to easily spot and also navigate to other
pages within the site. This main navigation bar will include all the main links which are homepage, upcoming games, meet the team, about, shop, gallery,
basket, and account/login and contact us.
The navigation bar I have chosen to use is a standard graphical [3] one that will have a rollover effect once the user rolls over the image. I have chosen this
one as I think it takes full advantage of the user having to look through the website compared to other navigation bars such as sticky that will follow the
user on the webpage. I see this as a disadvantage as my website is aiming to sell a team and I want my users to intake all the information on each page
As you will be able to see from my Hierarchy table the shop menu will have a sub menu of clothing and accessories and the meet the team will have a sub
menu of player bios. These will all be sub-menus.
12 | P a g e
4.2) Individual Page details
I have given each page a unique number that refers to the hierarchy diagram. Each page on the
website delivers different information to the user.
Page ID: 1 Homepage
Page Information: This page will act as the main hub of the page. It will allow users easy access to
other pages through the easily noticeable navigation bar. It will also have quick details such as
upcoming games and also a small sample from the shop.
Page generation: information for upcoming games will be generated from a database. The picture at
the top of the page will be pre uploaded and will remain the same unless changed by an admin in
the future.
Other links: Users will have access to the main navigation bar as well as some links in the footer e.g.
contact us and about (these pages will feature in both the main navigation bar and also the footer).
Every page will be accessible from this page
User interface: The home page will be the first page the users will see. This page is important to the
whole site as it will be static which will mean all the information on meet the team (Page ID 2) will be
displayed on this page as well. I wanted to make the site aesthetically pleasing and especially easy to
navigate with a navigation bar that stands out. I chose this theme because of its simplicity, the
colours are not too harsh on the eyes but the text still stands out and is noticeable. WordPress
allows you to easily use search engine optimisation, I have done this by using key words throughout
my site.
13 | P a g e
Page ID: 2 Meet the team
Information on page: This page will have a selection of names ranging from players to the coaches
involved with the team.
Page generation: The names will be stored in a database
Other links: Users will have access to the main navigation bar as well as some links in the footer e.g.
contact us and about (these pages will feature in both the main navigation bar and also the footer).
The players and coaches names will be ‘clickable’ which will lead to another page
User interface: This page will be linked with the homepage allowing for a static homepage, so all
information edited here will also be displayed on the first page
Page ID: 2.1 Player Bios
14 | P a g e
Information on page: This page will give the user a detailed/fun interview with the player they have
clicked on from “meet the team”. It will have such information as the name, age, years played and
some funny interview questions.
Page generation: The current season’s player’s information will be stored in a database. The
information will be added backend by an admin and will be edited yearly.
Other links: Users will have access to the main navigation bar as well as some links in the footer e.g.
contact us and about (these pages will feature in both the main navigation bar and also the footer).
User interface: a simple picture will be used and with the use of a plugin there will be an assortment
of questions and answers.
15 | P a g e
Page ID: 3 Shop
Page information: Will show the available products within the online store.
Page generation: Page is generated by information in the database. Products will be added by an
admin in the backend when they are available, they will include details such as price, title, image and
more.
Other links: Users will have access to the main navigation bar as well as some links in the footer e.g.
contact us and about (these pages will feature in both the main navigation bar and also the footer).
The shop page will be exclusively used for shop items. The shop will hold all items available and you
will be able to filter the results. I have chosen the same theme as I feel it offers a professional finish
to the site. The shop is a parent page (see image below).
16 | P a g e
Page ID: 3.1 and 3.2 Clothing and accessories
17 | P a g e
Page information: Items that have been categorized will be stored here, for example clothing
products will show in clothes (5.1) and accessories such as wristbands will be shown in accessories
(5.2)
Page generation: Page is generated by information in the database. Products will be added by an
admin in the backend when they are available, they will include details such as price, title, image and
more.
Other links: Users will have access to the main navigation bar as well as some links in the footer e.g.
contact us and about (these pages will feature in both the main navigation bar and also the footer).
User interface: Both screens use the same theme throughout, I made 2 sub categories (child)
because I feel when the user wants to purchase items they get a more personalised look if they are
only looking at t shirts or accessories, there is an option to add more categories in the future.
Page ID: 4 Upcoming fixtures
Information on page: This page will hold information for upcoming games (source BUCS website) it
will hold information such as; location, time and opponent.
Page Generation: The upcoming games are stored into a database, which will be added at the start
of the season as will be accessible from the Bucs website. This page will retrieve this information and
display it
Other links: Users will have access to the main navigation bar as well as some links in the footer e.g.
contact us and about (these pages will feature in both the main navigation bar and also the footer).
There will also be an external link on this page to the actual Bucs page.
User interface: This page will be a simple page that will have a large calendar on the page that will
have all important key dates for Aberystwyth Men’s Basketball e.g. Varsity, Super teams and next
18 | P a g e
games. The second image shows what happens when you select a date, a pop up will appear and
the user will be able to see information regarding the game.
Page ID: 5 Galleries
Page information: This page will include some pictures of the team that are taken at certain periods
throughout the season.
Page generation: Images are stored in the wp_posts table with a post_type of “attachment”.
Therefore the galleries will be generated by information stored in the database.
Other links: Users will have access to the main navigation bar as well as some links in the footer e.g.
contact us and about (these pages will feature in both the main navigation bar and also the footer).
User interface: Same theme used throughout, gallery page will have next to zero text as I feel the
page is self-explanatory, the main point of the page will be all the pictures of the team this includes;
practice and games and any other photos seemed necessary.
19 | P a g e
Page ID: 6 Cart and 6.1 Confirm
Page information: Items that have been added from the shop including clothes and accessories will
be storied here.
Page generation: The shopping bags content is not generated from a database but instead uses the
user’s session to store the information. The items are then displayed till they are removed or by
placing an order
Other links: Users will have access to the main navigation bar as well as some links in the footer e.g.
contact us and about (these pages will feature in both the main navigation bar and also the footer).
User interface: same theme used as the other pages. Once the item is added to the cart as shown at
the top of the page, it displays a range of options for the cart page including information on the item
you have purchased, a chance to change the quantity purchased, price, and finally a chance to add a
coupon (subject to availability)
20 | P a g e
Page ID: 7 My account/login
Page information: depending on the user’s situation, a different button will appear here. If the user
has used the site the button will be “my account” but if the user hasn’t used the site before it will be
“login”.
Login page: Will give a simple way for the user to register with the site
My account: when logged into your account you will be able to view transaction history, edit billing
details, update personal information and reset your password
Page generation: pages will be generated by the database
Other links: Users will have access to the main navigation bar as well as some links in the footer e.g.
contact us and about (these pages will feature in both the main navigation bar and also the footer).
Page ID: 7.1 Register
Page information: Page will display a form asking for the users Aberystwyth University email address
and a ‘create a password’ form.
Page generation: page forms will be created by the database
Other links: Users will have access to the main navigation bar as well as some links in the footer e.g.
contact us and about (these pages will feature in both the main navigation bar and also the footer).
The same theme will be used as other pages. The user will be able to register with the site by simply
inputting an appropriate password and email.
21 | P a g e
Page ID:7.2 Reset password
Page information: User will be asked for their current password, as well as 2 fields (one new
password and confirm password) asking for their new password
Page generation: page forms will be created by the database
Other links: Users will have access to the main navigation bar as well as some links in the footer e.g.
contact us and about (these pages will feature in both the main navigation bar and also the footer).
User interface: Simple process to retrieve their forgotten password in that the user will just have to
enter the email address they registered with and a new password will be emailed to them
Page ID: 7.3 Login
Page information: similar to register (8.1), the page will display a form asking for the Aberystwyth
University email address and password and then will log the user on.
Page generation: page forms will be created by the database. We will have access so we can
monitor who is interested in the team.
Other links: Users will have access to the main navigation bar as well as some links in the footer e.g.
contact us and about (these pages will feature in both the main navigation bar and also the footer).
22 | P a g e
Page ID: 7.4 Logout
Page information: a simple message will appear asking if the user logged in is the person it is meant
to be
Page generation: page forms will be created by the database
Other links: Users will have access to the main navigation bar as well as some links in the footer e.g.
contact us and about (these pages will feature in both the main navigation bar and also the footer).
Page ID: 7.5 Account information/settings
Page information: will hold the account logged in details, which will be editable
Page generation: page forms will be created by the database
Other links: Users will have access to the main navigation bar as well as some links in the footer e.g.
contact us and about (these pages will feature in both the main navigation bar and also the footer).
User interface: will display all the security information in regards to delivery and a simple edit
button will appear next to the item the user wants to change
23 | P a g e
Page ID: 8 Contact us
Page information: Will have the committee members email address and titles, the coaching staff’s
email address and finally a link to our external page on social media
Page generation:
Other links: Users will have access to the main navigation bar as well as some links in the footer e.g.
contact us and about (these pages will feature in both the main navigation bar and also the footer).
User Interface: After entering their name, email and message it will be directly sent to the president
at the time university email address. There will also be a social media icon that will allow users to be
redirected to the Facebook group.
24 | P a g e
4.3) Database structure
4.3.1) Table relationship
4.3.1.1)Wordpress relationship database
The database will be a key part of my website for Aberystwyth Men’s Basketball. The database will
hold a lot of key information in the back-end of the site, whilst users will have access to the front
end of the site features. One of the reasons I chose to use WordPress is because during installation it
pre-defines the general database and tables within it
(Source: http://codex.wordpress.org/Database_Description) [4]
25 | P a g e
4.3.1.2 Table descriptions
wp_options – contains general WordPress options
wp_commentmeta – when a user makes a comment it features information called meta data and it
is stored in this database
wp_comments – when a user leaves a comment it is stored here
wp_links – holds information related to the links entered into the links feature e.g. my site will have
an external link to social media page.
wp_postmeta – each post made on the site will hold meta data, they will be stored here
wp_post – the main data of the posts are stored here. Also pages and navigation menu items are
stored in this table
wp_terms – holds the caterogies for posts, links and tags for posts
wp_term_relationshops – when a post is made on the site, it will be catergorised, this table will
show the relationship
wp_term_taxonomy – This table describes the taxonomy (category, link, or tag) for the entries in the
wp_terms table
wp_usermeta – each user of the site features information called meta data and it is stored here
wp_users – the list of users is stored here
26 | P a g e
4.3.2.1) Woocomerce tables
Woocomerce is a separate plug in for Wordpress that transforms your WordPress into a small to
medium sized e-commerce site. I have chosen to use this as it is popular and easy to use and was
also recommend to me. In addition, it really offers the features that I need for my site shop. With
this plug-in I have gained the ability to sell my goods to consumers, whilst it being easy to handle all
the listings and checkout options. As well as this it allows us to manage stocks and quickly change
any pricing. Another reason for the choice was the simplicity of the plugin which really allowed
people who were not confident with computers a chance to easily understand it as everything is well
explained within the plug in.
I had issues in obtaining the actual databases, so I ended up doing some extra research and
discovering that a lot of the tables will be similar so I took these from the example given to us. The
tables are accurate for my own databases and don’t offer much information in regards to the
relationships between them [5]
27 | P a g e
4.3.2.2) Table Descriptions
Woocomerce_attribute_taxonomies – stores user defined attributes which are used to create
taxonomies
Woocomerce_termmeta – used for the custom ordering of catergories
Woocomerce_downloadable_product_permissions – stores the users and download permissions
Woocomerce_order_items – ordered items are stored here, makes them easily query able for
reports
Woocomerce_order_itemmeta – ordered item meta is stored in this table
Woocomerce_tax_rates – tax rates are stored inside 2 tables making tax queries simple and efficient
Woocomerce_tax_rate_locations – each rate can be applied to more than one postcode
28 | P a g e
4.4) Early user evaluation
As recommended I have chosen 5 people to test out my site, all the people involved have a range of
different skills on a technical level. I wanted to use the typical users I suggested but also expand on
them and allow more people to test my actual content. I have also included myself in the questions
as I want a self-evaluation of the site. The people I selected are:
Marcus – Computer science student (aged 20)
Adam – History student and on current committee (21)
Allen – Warehouse manager/minimal tech knowledge (39)
Sue – Housewife/next to no tech knowledge (36)
Mollie – Law and Politics student/ minimal tech knowledge (20)
Ben – Computer science/site creator (23)
These where selected because of their difference in age and also there knowledge of computers, I
have also selected men and women as I want a balanced view on the interface. I gave each user
access to the template site and asked them 11 questions and then finally to write a short paragraph
of the pros and cons of my site so far. I then also have done a self-evaluation of the site using my old
hierarchy diagram as reference. Rather than write out what every user said about my site I will
summarise what they have said and include all key points of the answers given. The questions I
intend to ask are:
1. Can you access the shop and use the sub menus in the correct way? e.g. precisely look at
accessories
2. Can you easily create an account after purchasing an item? Also are the questions easy to
understand?
3. Is the method of changing your password easy?
4. Do you think it is necessary to have comments enabled on the gallery?
5. Can you purchase an item?
6. Can you delete an item from the cart?
7. Are the team bios easy to understand?
8. Is the calendar the best option for viewing upcoming games? If not would you recommend
another way
9. Do you feel secure using the payment method?
10. Would you include an about page?
11. Write a short paragraph expressing pros and cons of the design.
1. Can you access the shop and use the sub menus in the correct way? E.g. precisely look at
accessories
29 | P a g e
All testers noticed right away how easy it was for them to not just access the shop but also see
the shop, which a lot of credit is due the theme I selected. They also said the use of sub menus
really made their shopping experience feel like other shop related sites. Marcus did also suggest
adding a membership page which I actually intend to implement.
Ben – I find using sub menus is exactly what my site needs because I hope to in the future have a
lot more items in the shop available and also implement the women’s team into my site this
might mean my sub menus will have to have sub menus so they would look like
Shop>Men’s/Women’s>Accessories etc.
2. Can you easily create an account after purchasing an item? Also are the questions easy to
understand?
Sue, Allen and Mollie both found it easy to create an account after purchase and both similarly
said the questions asked are similar to other sites. On the other hand Marcus and Adam both
asked what about users who want to register but not purchase any items?
Ben – I chose the unorthodox way of registering simply because people who will access my site
will be users who know exactly what they are looking for, this is why I believe registering them
after a purchase is better as the main part of my site is to inform.
3. Is the method of changing your password easy?
Once the testers gained access to their account page they all said it is easy to change the
password of their account.
Ben – I used a simple method of sending a new password to their registered email address
4. Do you think it is necessary to have comments enabled on the gallery?
Mixed answers with this question Adam, Marcus and Mollie all said comments are necessary as
it offers the chance for users to interact with the site. Allen and Sue both said they are not
necessary because when people access the gallery page the reason they are going on there is to
look at pictures not write comments
Ben – Personally I like the idea of not having any comments enabled because as stated above
you go onto a gallery page to look at photos and not really write comments, but the idea of
users interacting with my site does intrigue me so this will have to be something I look into in
the future.
5. Can you purchase an item?
All testers had no issues adding an item to the cart and purchasing the item selected. Both Allen
and Mollie stated that the items where easily viewable on all pages thanks to the basket at the
top right of the page
Ben – The cart menu at the top of the page is a personal favourite of my site I find it gives users a
chance to easily track what they have ordered. Thanks to WooComerce the purchasing of items
30 | P a g e
is as simple as adding the item the cart and following the distinctive buttons to the final
checkout page
6. Can you delete an item from the cart?
All testers found it very easy to delete an item, no one had any trouble in locating the item they
had purchased and deleted it
Ben – Plenty of ways to view what you have brought and very simple to delete the required
product, this will be one part of my page I don’t intend to change as I think it’s already very
simple.
7. Are the team bios easy to understand?
3 testers said the method in place of a sub-page with all players on and then being able to click
on their individual names works well because it gives you a unique look into each player. Marcus
and Adam both suggested having another sub-menu that will allow you to select the player from
the menu bar.
Ben – An issue I am finding with this part is that the player bios page looks very bland and even
with the addition of all the players I feel it will still looks bland. I did also consider implementing
another sub menu of all the individual players but I feel that sub menu will heavily dominate the
page and take the users eye away from key information.
8. Is the calendar the best option for viewing upcoming games? If not would you recommend
another way
All testers said that the calendar works fine with the idea of the page, Marcus and Mollie both
liked how to calendar dominated the page as it really drew your eye to the information on the
calendar.
Ben – After seeing the tester’s evaluation I was surprised because I was originally going to use an
event style design rather than an actual calendar.
9. Do you feel secure using the payment method?
All testers had no issues with the payment method simply because of the reputation of PayPal,
they knew there money would be secure well using this method of payment
Ben – I wanted to use PayPal as a method of paying simply because of their reputation, there
logo is easily recognisable as well and really instantly earns the trust of the user.
10. Would you include an about page?
Surprising in that no one thinks the addition of an about page is necessary. They all basically
stated that they think with the Meet the Team page its perfect opportunity to include all
information that could be on the about page on this page instead
Ben – At the start of design I did contemplate using an about page as this is kind of a standard of
a lot of other webpages, but after going through design I noticed that I could easily move the
31 | P a g e
information on the about page to the meet the team page (a page that should be heavily
accessed)
11. Write a short paragraph expressing pros and cons of the design.
Adam – The site design is simple. The colour scheme is not overly exciting but it really works well
with the information on the site. My biggest criticism would be that the site only aims at people
wanted to play for the team and buy items, the idea of only being able to register after
purchasing does not work for me.
Mollie – great colour scheme and the menu is easy to navigate, I also liked the sub menus as this
really gave you a quick look into what you want. I think the home page needs a lot of work done
to it as this is the main page and it seems a little boring at the moment.
Marcus – colour scheme works good, the idea of the information on the side of all the pages
does not work for me because sometimes it can be a little distracting. I also was not a fan of not
being able to register without purchasing something. I think the idea Ben suggested of adding
membership to the shop would work really well for his team and the webpage and will also
make the idea of registering after a purchase more valid
Allen – Great designs and a very simple to use site. All the features Ben suggested seem okay I
think another test would be a good idea after the actual site is created to see if there is anything
else to add
Sue – The site is easy to navigate thanks the menu bar and the cart on all the pages really works
well because it allows you to track your purchases on every page. The colour scheme selected is
average because I feel you should use the University colours rather than an off-white colour.
There is no actual problem with the colour selected because it is not very harsh on the eyes.
I found the evaluation very helpful because it really gives you a deep and in-depth look into the
site. I intend to take all the information gathered and work on the areas people have
recommended. I am also going to look to run 2 separate evaluations after the creation of my
site, the first being with the same people who took part in this evaluation because I want a
second opinion after implementation and secondly 5 more different users because they will be
new to the site and will not have seen the design that means they get more freedom and will be
harsher on criticism.
32 | P a g e
5) Implementation
5.1) Content management system
A content management system (CMS) is a computer application that allows publishing, editing and
modifying content, organizing, deleting as well as maintenance from a central interface.
Such systems of content management provide procedures to manage workflow in a collaborative
environment.[6]
This said after some research I decided the best system to use would be a content management
system because it would really help with the maintainability in the future of the site, and would
really help with the promoting and selling of products
There were 4 content management systems that I looked into the first being Drupal, the second
being Wix the third one being Weebly and finally Wordpress.com. All of these vary in what they can
do. [7]
Drupal is an open source content management platform powering millions of websites and
applications. It’s built, used, and supported by an active and diverse community of people around
the world. [8]
Pros of Drupal:
 Drupal architecture is secure and security updates are timely
 You can build any website with Drupal. It’s quite adaptable.
 Lots of Video trainings available.
 Strong search engine optimization capabilities
Cons of Drupal:
 Large learning curve, compared with Wordpress
 Difficult to Install
 Even minor updates can cause major headaches
Wix.com is a leading cloud-based web development platform with millions of users worldwide. We
make it simple for everyone to create a beautiful, professional web presence. No creative limits, no
coding skills needed to get your business online. [9]
Pros of Wix
 Wix offers more than 280 beautiful templates customising
 Wix has a diverse App Market with premium and free add-ons to your site.
 The free version offers you complete access to all of the tools you need to build a successful
website
Cons of Wix
 Once you choose a template, you're stuck with it.
 With a free subscription comes Wix ads and no access to ecommerce tools.
33 | P a g e
Weebly gives millions of people a surprisingly easy and affordable way to create a site that is as
unique as they are. With a Weebly site, people can start their own business, communicate with their
clients, showcase their achievements, and be an authority on personal and professional interests.
reference
Pros of Weebly
 Quick and easy to build a website
 Good looking templates to make your site professional
 Solid e-commerce tools that is fully integrated into the website builder
Cons of Weebly
 Not designed for complex e-commerce needs
 Limited number of designer-calibre templates
 Page restrictions for Free and Starter plans
Open source WordPress is the most popular online publishing platform, currently powering more
than 20% of the web. [10]
Pros of Wordpress
 Low price
 Search engine optimization friendly
 It’s simple and well known
 Open source
Cons of Wordpress
 Security is an issue because of it being Opensource
 Lack of flexibility
 Similarity can be an issue as some sites can look the same due to the limited number of free
themes
After much research I decided the best CMS to use would be Wordpress.com, this was because of
how simple and well established it is as a brand. Another reason that sold me on using Wordpress
was the addition that It allowed you to have multiple users at a time which of course would come in
handy when giving rights to other committee member. This meant that I can continue as the main
admin of the webpage and each year give new contact details to the new members of the
committee. One more reason I chose to use Wordpress was because of its extensive plugin range as
a key part of my site is maintainability it has become essential to make sure everything can be used
simply without me needing to be there to teach. On the other hand, one of the major concerns for
using Wordpress was that it had security issues so with my site I have tried to add as many “small”
measures as I can e.g. comments have to be accepted onto the page beforehand.
34 | P a g e
5.2) Ecommerce Plugins
As one of the main reasons of the site was to sell items I had to make sure the correct Ecommerce
plugin was chosen. Even before I conducted any research I had already one in mind which I had
heard worked before but felt it still necessary to conduct research in case a better option was
available. The 3 I chose to research more where Woocomerce, WP E-Commerce and Jigoshop.
WooCommerce is the most popular WordPress eCommerce plugin. And it's available for free. Packed
full of features, perfectly integrated into your self-hosted WordPress website. [11]
Pros of Woocomerce
 Free
 Popular
 Easy to maintain
 Professional look and feel
Cons of Woocomerce
 Minimal number of features and extensions
 Issue adding password strength to users account
 Additional Features at Cost
 Lack of other languages
The WP eCommerce Plugin is everything you need to sell anywhere! Convert visitors to
customers with a beautiful online store and a secure shopping cart. Powering over 55,696 stores,
WP eCommerce is one of the most relied upon open-source solutions for business owners across the
globe. [12]
Pros of WP E-Commerce
 WordPress widget support
 Fully customizable using custom HTML and CSS
Cons of WP E-Commerce
 Poor rating
 Poor support
 Very basic and the need to customize is essential.
35 | P a g e
Well established e-commerce platform that combines broad functionality, easy migration options
and professional support packages. [13]
Pros of Jigoshop
 Multiple shipping methods
 Secure and highly customizable
 An ever-growing support community
 Detailed reports of sales, orders and store performance
Cons of Jigoshop
 Very similar to Woocomerce
When considering which E-commerce to use even from the beginning Woocomerce was the winner
simply because of its reputation and the fact it had been recommended to me but a close second
was Jigoshop simply because of its similarity to Woocomerce but I discovered Woocomerce had
more extra features. They key things that stood out to me when choosing Woocomerce was the
support it had with the plugin and how flexible the plugin could be by allowing users to simply view,
edit and remove products. Two of the biggest concerns with Woocomerce was its issue with adding
a strength bar to its password this meant that I would have to make sure the passwords thatr are
chosen are as secure as they can be and secondly the fact Woocomerce only supports limited
languages could be an issue in the future but for now it was resolved simply because the team is
based solely where GBP are used.
36 | P a g e
5.3) Theme
The main points of my site was to inform and promote the team, as I did research early on I found a
lot of other basketball related sites “boring” with these themes and this made me want to pick a
theme that was aesthetically pleasing also was simple and easy enough to navigate. I ended up
narrowing it down to 3 potential themes that I thought worked well.
Padhang
My issues with this theme that made me decide against using it was the colour scheme it was too
dark and mysterious for what I was going for and personally the white background on the black did
not work well for making the information stand out.
37 | P a g e
Twenty 10
My issue with this film was the opposite of the other. In the fact I thought the theme was boring and
did not really sell the idea of the team just from the preview.
Mystile – The theme chosen
This theme was chosen because of how well it would work with Woocomerce as it was a Wootheme.
The colour scheme I thought was simple but not harsh on the eye that it made you squint and the
location of the navigation bar was another selling point because of how easy and accessible it
looked.
38 | P a g e
5.4) Plugins used
5.4.1) Akismet
Akismet checks your comments against the Akismet Web service to see if they look like spam or not
and lets you review the spam it catches under your blog's "Comments" admin screen.
Major features in Akismet include:
Automatically checks all comments and filters out the ones that look like spam.
Each comment has a status history, so you can easily see which comments were caught or cleared by
Akismet and which were spammed or unspammed by a moderator.
URLs are shown in the comment body to reveal hidden or misleading links.
Moderators can see the number of approved comments for each user.
A discard feature that outright blocks the worst spam, saving you disk space and speeding up your
site. [14]
5.4.2) ATWI Interviewer
A simple plugin that aids to create a post with the style of a Q&A interview. You can create blocks of
question and answer with text colour, font weight and text align configurable in the option page.
[15]
5.4.3) Photo Gallery
Photo Gallery is an advanced plugin with a list of tools and options for adding and editing images for
different views. It is fully responsive. The product includes plugin for adding image galleries and
albums to posts and pages, as well as multiple widgets. You can add images, providing detailed
descriptions and tags, organize the galleries into different albums.
The plugin allows displaying galleries/albums within the following views:
 Thumbnails gallery view
 Masonry gallery view for multi-size thumbnails (commercial version)
 Mosaic gallery view (commercial version)
 Slideshow
 Image Browser for single image display with a possibility of switching between images
 Compact Album view
 Masonry Album view (commercial version)
 Extended Album view for displaying albums with descriptions
 Blog Style gallery view (commercial version) [16]
I used this plugin for simply adding pictures that could be easily viewed from an external screen
39 | P a g e
5.4.4) Spider event calendar
Spider Event Calendar is a highly configurable plugin which allows you to have multiple organized
events in a calendar. This plugin is one of the best WordPress Calendars available in the WordPress
Directory.
This plugin was used to have a calendar displayed on the site that the users could click on and view
past and future games including information about the game e.g. score or short bio of what
happened in the game [17]
5.5) Plugins nearly used
5.5.1) Team rosters vs ATWI Interview
The MSTW Team Rosters plugin manages rosters for multiple teams. It provides roster tables with
built-in formats for high school, college, and professional teams as well as custom roster formats for
baseball. [18]
I originally tried to change the plugin slightly by using only specific questions that sounded more
neutral rather than baseball questions, but the issue didn’t change as all the questions where related
to baseball. This plugin probably would have worked better than the ATWI interview simply because
it would have been much easier to maintain but the questions couldn’t be changed which meant I
had to use another plugin completely.
5.5.2) BuddyPress vs Custom Facebook Feed vs Icon
BuddyPress - BuddyPress is a suite of components that are common to a typical social network, and
allows for great add-on features through WordPress's extensive plugin system. [19]
Custom Facebook Feed - Display a completely customizable, responsive and search engine
crawlable version of your Facebook feed on your website. Completely match the look and feel of the
site with tons of customization options! [20]
My original plan was to use a plugin to help promote our Facebook group on the site which would
have been perfect for a plugin like BuddyPress. However, a problem that I noticed, was our group
settings on the Facebook group were too strict to stop spam profiles in getting into the group which
made displaying information on the site difficult. I overcame this by simply inserting the Facebook
logo with a link to the group that will then allow users to request to join the group.
40 | P a g e
6) Testing and evaluation
6.1) Testing
I recently conducted some test to make sure certain aspects of my site were working correctly the
tests where essential because I had to make sure my site was ready to be used by the public. The
results can be found below:
1. Can a user return to the home page from other pages?
Pass – The user has access to a few ways to return to the home page these include clicking
Aberystwyth basketball, home page or meet the team (as the home page is a static page)
2. Can two items be added to the cart and the final sum change?
Pass – After adding a second item the cart amount will adjust. First picture shows a balance of
£35.00 for 1 item well the second shows the balance of £42.00 after a second item is added
41 | P a g e
3. Can a user register without a valid email address
Pass – A message is displayed asking the user to input a valid email address
4. Can a user contact the President without entering the correct information on the contact us
page?
Pass – A message is displayed informing them of the error
42 | P a g e
5. Can a comment be added to the appropriate page?
Pass – Yes they can after being approved by the admin (a security protocol I put in place to
prevent spam)
6. Does the sort by button work?
Pass – the sort by will make the appropriate changes
43 | P a g e
7. Can nothing be added to the cart?
Pass – A message is displayed saying “value must be greater than or equal to 1”
8. Can a user create an account with an invalid email address?
Fail – I checked to make sure the email address was invalid and the site still went on to create an
account for the email address
44 | P a g e
Stronly Agree Agree
Disagree Strongly Disagree
6.2) Evaluation
For the final evaluation I made sure to ask 3 of the original evaluators back as I wanted them to see
the changes I had made and be critical where necessary. Also, the fact that they had seen the site
beforehand I think would really help me if any major changes needed to be made. The last 3 I asked
were 3 brand new people who had not seen the site before. All users where asked the same
questions. The users were:
Marcus – Computer science student (aged 20)
Adam – History student and on current committee (21)
Sue – Housewife/next to no tech knowledge (36)
Luke – Law Student (31)
Jan – Coach of team (age unknown)
Kristian – International politics student and on the current committee (22)
I asked them all to perform a range of tasks on my site on their own within a 10 minute time limit.
The tasks where:
1. Create an account
2. Add 1 item to the cart and procedde to checkout
3. Add 2+ items to the cart and procede to the checkout
4. Delete an item from the cart
5. Leave a comment on a page (task I had to be involved in to allow the comments)
6. Flick through Gallery pictures
7. Click on May 17th
in Upcoming fixtures and write down the information displayed
Once all tasked had been completed I asked each user another set of questions and asked them to
respond appropriately. I also gave them the option to add any extra comments if they felt necessary
1. Is the site easy to navigate?
Strongly Agree 6
Agree
Disagree
Strongly Disagree
Luke – The theme is a really good match it isn’t too much of an eye soar
Jan – The information is easy to read and very noticeable
45 | P a g e
Strongly Agree Agree Disagree Strongly Disagree
2. Does the website have a professional feel?
Strongly Agree 1
Agree 4
Disagree 1
Strongly Disagree
Marcus – I do not think the site has a professional
feel because I think you need to site to be more
welcoming than seem like a business/professional
site
Sue – The site looks like it does exactly as it’s
supposed to
3. Can you easily view the past and future games scheduled on the Upcoming fixtures page?
Strongly Agree 4
Agree 2
Disagree
Strongly Disagree
Marcus – Personally I would prefer more GPS sort of
function that will really allow you to know where you
have been
Adam – all the information is easy to read and makes
sense, the addition of photos is good as well
Jan – the information is good just the text on the
calendar can be a little hard to read
4. I was able to add more than 1 product to the cart?
Strongly Agree 6
Agree 0
Disagree 0
Strongly Disagree 0
Kristian – I loved how the basket was at the very top
of the page, that way it didn’t distract you at all
Strongly Agree Agree Disagree Strongly Disagree
Strongly Agree Agree Disagree Strongly Disagree
46 | P a g e
5. It was easy to log out?
Strongly Agree 0
Agree 2
Disagree 4
Strongly Disagree 0
Marcus – I found it a little hard to log out, I knew
that you could log out by going onto the accounts
page but it would have been nice to have another
option maybe on top of the page as well
Sue – The way to log out was OK but needed
another way to log out as going through all the pages became a bit of a hassle
6. Can you easily add a comment?
Strongly Agree 3
Agree 3
Disagree 0
Strongly Disagree 0
Kristian – The pages that allowed comments seemed
appropriate to have a comment
Luke – The simplicity of adding a comment made it
actually fun to comment
Strongly Agree Agree Disagree Strongly Disagree
Strongly Agree Agree Disagree Strongly Disagree
47 | P a g e
7) Achievements
Aberystwyth Men’s basketball page can be accessed at: www.aberystwythbasketball.com
When a user enters the site they will be welcomed with:
48 | P a g e
This will be the same page as the Meet the team page, when the user hovers over meet the team
they will have a selection of submenus:
Which when clicked on will allow the user to view a small interview like page with the current team
members:
49 | P a g e
Another part of the menu will be the shop:
But if the user is looking for something more precise there are sub menu options of clothing and
accessories
Once one of the pages is selected there will be an option on the page to sort by popularity, average
rating, newness, and price: low to high, and price: high to low
50 | P a g e
If the user selects an item on the page they will be given a product overview:
And if they are happy with the item they will be able to add It to the cart with a message displayed
saying they have done so:
The cart can be viewed from the top of the page, allowing the user to keep track of what is in there
and how much the total is:
51 | P a g e
Another way to find the item they want is to search for it at the top of the page:
Once they are happy with the items they can proceed to checkout where a final cart page will
appear with all the items the user wants, price, quantity, total cost and also any other costs involved
including subtotal and delivery:
52 | P a g e
Once they are fully happy with the items they will be allowed to proceed to checkout which will ask
for personal details including bank details as well as another display of items you are wanting to
purchase:
The user will then be able to pay via PayPal:
53 | P a g e
After they are finished with the shop the user will also be able to view upcoming fixtures:
When the user finds the date they are looking for they will be able to click on it and have a range of
information displayed about the fixture:
54 | P a g e
When finished they will be able to view the Gallery that will hold all the up to date pictures of the
team:
55 | P a g e
When an image is selected they will be given another display were it will make it easier for them to
view all the pictures in the Gallery:
On certain sections of the site the user will be able to leave comments on the page, which will be
moderated by the admin:
But the comments will need to be moderated by an admin:
56 | P a g e
The user will also be able to register an account with us by using an email address and password:
The user will then be sent an email to confirm the account:
57 | P a g e
Once registered the user will be able to edit their billing address and shipping address as well as edit
there account details:
58 | P a g e
Once registered the user will be able to easily access the previous information easy from the account
page:
If the user does forget there password, they can simply click on lost your password, which will then
request that they enter the email address used to register with:
59 | P a g e
If the user needs to contact the President of the team the contact us page under my account will
help:
Once on the page the user will be instructed to enter their name, email address and message:
60 | P a g e
And finally if the user is interested heavily in the team on the contact us page is a Facebook icon that
will allow the user to be redirected to the Facebook group associated with the group:
61 | P a g e
8) Critical Analysis
Overall I am happy with my project. I was given a brief and I really feel that I met all of the
requirements. The chance to create a working e-commerce site was exciting but also challenging.
This opportunity has ultimately given me the chance to create a site that can easily help other
committee members for the future and really lower the work load. This will allow them to
concentrate on their studies whilst also providing sufficient time to the society.
I think my business analysis section was very strong and it really gave me a good stand point for my
site. It enabled me to imagine the site before it was created and also allowed me to think about who
will benefit from the site and how to maximise their experience on the site. I thought that my rich
picture was strong really giving a good view into the stakeholders, the breakdown of them allowed
me to think further about other stakeholders and once the information was on the page I found the
other information just fell in place. I made some serious changes to my typical users as I had initially
written them without talking about what the users can do. My use case also needed changing as I
originally designed it with what pages I had planned in mind, I made the adjustment and made it
more about what the users will be able to do on the site. I found my use case section difficult as use
case diagrams have never been something I excelled in, but I overcame this on this report by
drawing them on paper beforehand and re-wording them to sound more like what the users can do.
The research I did really helped me plan out what I expected from my site, it gave me the chance to
take the advantages and disadvantages of other basketball related sites.
In the design phase, I found it extremely difficult to effectively draw the rough the plans for my site.
Due to the fact that I lack the ability to confidently use a drawing software, I ended up designed a
very rough template on Wordpress itself. This for me, worked best because it gave me a chance to
play about with Wordpress and also was easy to edit when I needed to. One of the major reasons I
think my site is a success is my early user evaluation I think it was very detailed as I tried to cover as
much as possible with what little site I had, with their feedback it really gave me an insight into what
needed to be changed and what could work really well, this also applies for the later evaluation
except a lot that helped me was that I used 3 of the same people who really gave good constructive
criticism.
The database section of the site I found difficult paperwork wise, on the site it was easy as
Wordpress is in charge of all that, I struggled to find the databases for Woocomerce as I could not
access them and in the end I had to use another person’s image and discuss the similarities. The
Wordpress databases were not as bad as they were default and not much work was needed to
actually access them.
I was very happy with my content management system but of course I would notmind going back
and trying out another as well. I found Wordpress easy to install once I had a host, as well the
dashboard is very simple to use and everything is well explained it just takes some times getting
used to what things will do to your site so it became important to preview the changes before
publishing the work. As maintainability is a massive part of my site I had to make sure all features of
the site were easy to use which was easy with Wordpress, of course this meant I had to make sure
the plugins I used were the best for required job which took some extra research but overall I think
all my plugins will be easy to use for people who are not confident with computers
62 | P a g e
If I was given more time to complete the project, I would have liked to make the site more detailed.
This could have been done in two ways; the first being a site that would be dedicated to all teams in
Aberystwyth. This would have meant a lot of data would have been needed to make the site a
success as well as a lot of security features as a lot of committee members would have access to the
site compared to the 4 that will have access now. The second route would have been a site devoted
to just basketball teams in Aberystwyth. This would include local team and the girls’ team, with this
I would have explored more features allowing basketball-related news on the site and a key feature
would have to be the tidiness of the site.
I would definitely use Wordpress again, but also would not mind testing out other features of other
content management systems. I do think that a content management system is the best way to go
for building a site for novice and also experts I think the features involved will easily cut working
time for anyone.
63 | P a g e
9) References
1) Shropshire Warriors -http://www.warriorsbasketball.co.uk/ - accessed 06/02/2015
2) Newcastle Eagles - http://www.newcastle-eagles.com/ - accessed 06/02/2015
3) Sticky menu research -http://www.smashingmagazine.com/2012/09/11/sticky-menus-are-
quicker-to-navigate/ - access 18/02/2015
4) Wordpress database http://codex.wordpress.org/Database_Description
5) Example piece
6) Content Management System - en.wikipedia.org/wiki/Content_management_system –
Accessed 24/4/2015
7) Weebly - http://www.weebly.com/ - accessed 24/4/2015
8) Drupal - https://www.drupal.org/ - accessed 24/4/2015
9) Wix - http://www.wix.com/ - accessed 24/4/2015
10) Wordpress - wordpress.com – accessed 24/4/2015
11) Woocomerce - http://www.woothemes.com/woocommerce/ - accessed 24/4/2015
12) WP Ecommerce - https://wpecommerce.org/ - accessed 24/4/2015
13) Jigoshop - https://www.jigoshop.com/ - accessed 24/4/2015
14) Akismet - https://akismet.com/ - accessed 29/4/2015
15) ATWI Interviewer – info on plugin on Wordpress plugin dashboard – accessed 29/4/2015
16) Photo Gallery - info on plugin on Wordpress plugin dashboard – accessed 29/4/2015
17) Spider event calendar - info on plugin on Wordpress plugin dashboard – accessed 29/4/2015
18) Teamrosters - info on plugin on Wordpress plugin dashboard – accessed 30/4/2015
19) Buddypress - info on plugin on Wordpress plugin dashboard – accessed 30/4/2015
20) Custom Facebook Feed - info on plugin on Wordpress plugin dashboard – accessed

Weitere ähnliche Inhalte

Andere mochten auch (11)

Programa de sociologia de la alimentación.
Programa de sociologia de la alimentación.Programa de sociologia de la alimentación.
Programa de sociologia de la alimentación.
 
Trabalho de conclusão de curso ied
Trabalho de conclusão de curso iedTrabalho de conclusão de curso ied
Trabalho de conclusão de curso ied
 
Ecuaciones
EcuacionesEcuaciones
Ecuaciones
 
Pravin+design+engineer
Pravin+design+engineer Pravin+design+engineer
Pravin+design+engineer
 
C.V English
C.V EnglishC.V English
C.V English
 
Resume
ResumeResume
Resume
 
shawn.rainbolt.it240.finalproject.week9
shawn.rainbolt.it240.finalproject.week9shawn.rainbolt.it240.finalproject.week9
shawn.rainbolt.it240.finalproject.week9
 
Coding System
Coding SystemCoding System
Coding System
 
First lesson
First lessonFirst lesson
First lesson
 
C Whitefeather VITAE
C Whitefeather VITAEC Whitefeather VITAE
C Whitefeather VITAE
 
data communication using unmanned aerial vehicle
data communication using unmanned aerial vehicledata communication using unmanned aerial vehicle
data communication using unmanned aerial vehicle
 

Ähnlich wie CS39930, Final Report, Ben Morgan

For this task i analysed the website
For this task i analysed the websiteFor this task i analysed the website
For this task i analysed the website
ZainJanjuaLSC
 
BradSprintDeliverable
BradSprintDeliverableBradSprintDeliverable
BradSprintDeliverable
Brad Thompson
 

Ähnlich wie CS39930, Final Report, Ben Morgan (20)

Lo3
Lo3Lo3
Lo3
 
Unit 35 LO3
Unit 35 LO3Unit 35 LO3
Unit 35 LO3
 
Tiger Mom Argumentative Essay. Online assignment writing service.
Tiger Mom Argumentative Essay. Online assignment writing service.Tiger Mom Argumentative Essay. Online assignment writing service.
Tiger Mom Argumentative Essay. Online assignment writing service.
 
REPORT
REPORTREPORT
REPORT
 
For this task i analysed the website
For this task i analysed the websiteFor this task i analysed the website
For this task i analysed the website
 
IA workshop
IA workshopIA workshop
IA workshop
 
Essay Attention Grabbers. Online assignment writing service.
Essay Attention Grabbers. Online assignment writing service.Essay Attention Grabbers. Online assignment writing service.
Essay Attention Grabbers. Online assignment writing service.
 
BradSprintDeliverable
BradSprintDeliverableBradSprintDeliverable
BradSprintDeliverable
 
Notes Version - NonProfit Website Fundraising Foundations - ESCHouston 2013 A...
Notes Version - NonProfit Website Fundraising Foundations - ESCHouston 2013 A...Notes Version - NonProfit Website Fundraising Foundations - ESCHouston 2013 A...
Notes Version - NonProfit Website Fundraising Foundations - ESCHouston 2013 A...
 
Notes8
Notes8Notes8
Notes8
 
Unit 35 - LO4
Unit 35 - LO4Unit 35 - LO4
Unit 35 - LO4
 
Unit 13 LO5
Unit 13 LO5Unit 13 LO5
Unit 13 LO5
 
DavinRunnerstrom_IAReport.pdf
DavinRunnerstrom_IAReport.pdfDavinRunnerstrom_IAReport.pdf
DavinRunnerstrom_IAReport.pdf
 
Notes8
Notes8Notes8
Notes8
 
Title
TitleTitle
Title
 
What We Should Be Talking About When We Talk About SEO
What We Should Be Talking About When We Talk About SEOWhat We Should Be Talking About When We Talk About SEO
What We Should Be Talking About When We Talk About SEO
 
SiteSell Services Presentation
SiteSell Services PresentationSiteSell Services Presentation
SiteSell Services Presentation
 
Website designing company in mumbai
Website designing company in mumbaiWebsite designing company in mumbai
Website designing company in mumbai
 
How to earn money online
How to earn money online How to earn money online
How to earn money online
 
Facebook for Business
Facebook for BusinessFacebook for Business
Facebook for Business
 

CS39930, Final Report, Ben Morgan

  • 2. 1 | P a g e TABLE OF CONTENTS Table of contents………………………………………………………………………………………………………………………Page 1 1) Abstract………………………………………………………………………………………………………………………………Page 2 2) Backgroud…………………………………………………………………………………………………………………………..Page 3 3) Analysis……………………………………………………………………………………………………………………………….Page 4 3.1) Stakeholders………………………………………………………………………………………………………….Page 4 3.2) Typical Users………………………………………………………………………………………………………….Page 6 3.3) Use Case………………………………………………………………………………………………………………..Page 7 3.4) Related Material……………………………………………………………………………………………………Page 9 4) Design………………………………………………………………………………………………………………………………...Page 11 4.1) Web Structure……………………………………………………………………………………………………..Page 11 4.1.1) Overview of Web Hierarchy………………………………………………………………….Page 11 4.2) Individual Page Details…………………………………………………………………………………………Page 12 4.3) Databases…………………………………………………………………………………………………………….Page 24 4.3.1) Table relationships………………………………………………………………………………Page 24 4.3.1.1) WordPress……………………………………………………………………………Page 24 4.3.1.2) Table descriptions………………………………………………………………..Page 25 4.3.2.1) WooComerce……………………………………………………………………….Page 26 4.3.2.1) Table Descriptions………………………………………………………………..Page 27 4.4) Early User Evaluation…………………………………………………………………………………………..Page 28 5) Implementation…………………………………………………………………………………………………………………..Page 32 5.1) Content Management System……………………………………………………………………….......Page 32 5.2) E-commerce Plugin……………………………………………………………………………………………..Page 32 5.3) Theme…………………………………………………………………………………………………………………Page 36 5.4) Plugins used………………………………………………………………………………………………………...Page 39 5.4.1) Akismet………………………………………………………………………………………………..Page 39 5.4.2) ATWI Interview…………………………………………………………………………………….Page 39 5.4.3) Photo Gallery……………………………………………………………………………………….Page 39 5.4.4) Spider Event Calendar………………………………………………………………………….Page 40 5.5) Plugins considered……………………………………………………………………………………………….Page 40 5.5.1) Team Rosters vs ATWI Interviewer……………………………………………………….Page 40 5.5.2) BuddyPress vs Custom Facebook Feed vs Icon……………………………………..Page 40 6) Testing and Evaluation………………………………………………………………………………………………………..Page 41 6.1) Testing…………………………………………………………………………………………………………………Page 41 6.2) Evaluation……………………………………………………………………………………………………………Page 45 7) Achievements……………………………………………………………………………………………………………………..Page 48 8) Critical Analysis……………………………………………………………………………………………………………………Page 62 9) References………………………………………………………………………………………………………………………….Page 64
  • 3. 2 | P a g e 1) Abstract Aberystwythbasketball.com is a site dedicated to the Aberystwyth Men’s Basketball team and promoting the team to new heights. The team started back in 1992 by Christian Brown. The site has an e-commerce element, which will allow viewers/potential players the chance to purchase gear related to the team. The committee of the time will have access to the site and will be in charge of keeping stocks maintained and adjusting prices where needed. Because the site will be used by others, whom may be less computer-literate, I have chosen to create my site using WordPress. I feel WordPress allows those who lack experienced with website development a chance to understand what they are doing. As the site requires an option to be able to purchase items, I will be using a plugin called Woocomerce that provides for stock, prices and a range of other related applications to buying and selling. During the business analysis, I made sure all of the stakeholders would benefit from the site and looked into how the site would benefit them. I also created a rich picture that would display how the stakeholders would benefit from the site and what sort of access will be needed. I then went onto discuss what typical users will be able to do with the site and what they can expect to happen. I displayed this by designing a use case diagram. Finally, I did some research into a range of different sites; first looking into another local team and secondly researching a professional team. This enabled me to appreciate what the pros and cons where of their respective sites. Whilst doing the design, I frequently made adjustments to designs I had done on paper, making sure the changes I was making benefited the site. After completion of the prototype, it gave me a broad insight into what the site will look like and how the pages will work. I went onto design an early user evaluation simply because it gave me an insight into what would work well and what would not. This feedback led to a range of changes that only benefited the site. A massive advantage of using WordPress, and one of the main reasons I decided to create my site using it, is that it pre-defines the databases meaning less time could be spent on them. For the testing part, I used 3 people from the early user evaluation and then 3 subsequent people. I asked them all to complete tasks on the site within 10 minutes and then proceeded to ask them another set of questions about the site and inputted their data onto charts. In the achievements section I used screenshots to show all aspects of my site and show all features that could be used with the site. In the final section, critical analysis, I reflected on everything I had done. I considered what worked well and what I found hard and how I overcame the problems. I also discussed ideas for what I could do with the site if I had more time.
  • 4. 3 | P a g e 2) Background I created a website to help with the elected committee’s small jobs. At the time, these included promoting the team, sorting the team’s financial position and also general administration relating ot the running of the team in general. The current team is made up of 12 to 14 team members and a handful of players who are just casual players. The team are coached by a full-time lecturer here at the university, Jan Ruzicka, who gives up his free time to help the team out. At the moment, the site allows people a chance to get to know current team players. This aspect of the site is achieved through interview-like questions that are not only concentrated on the basketball side, but also gives an insight into the personality of the players and their likes and dislikes. The site is also designed with a shop in mind which will allow viewers to purchase gear related to the team. The main aspects of my site will be to advertise the team and also give additional help to the committee as being such a small club compared to rugby or football a lot of the work needed to remain a club with the university can be a little overwhelming. The main point of the site will it will hopefully offer clear information on our club and promote us even more. The site has an easy to use contact us page that will allow people to send emails directly to the president of the time. Another feature of my site is it will heavily appeal to people wanting to play for the club and support the team. It is for that reason that the page will give the users a chance to register and also a chance to buy items related to the team. As mentioned previously, another feature is a “meet the team” that will allow potential players to get to know the current team. It feature personal information with players and coaches and provide a picture of the player. Even though the site at the moment is limited to just one team, there is potential for a huge upscale of the site in the future. However, this does not prevent other people from viewing the site and get in contact with reference to trying out a new sport (as this is what we heavily promote throughout the team). As Aberystwyth is such a small town in Wales, meaning the team is relatively small, I really feel this will give the team a chance to easily promote themselves in a modern way via the site but also it will help the committee with a lot of jobs that can be very repetitive. Maintenance after the site is live is key for my site as making sure the site can be used by people who do not know much about web design and also by our coach who is not overly computer literate.
  • 5. 4 | P a g e www.aberystwythbasketball.co.uk Interested players Current team members Coach Committee Advertise on University page President Vice-president Treasurer Competition Intermediates 3) Business Analysis 3.1) Stakeholders
  • 6. 5 | P a g e Coach The coach will need access to the site to see who have expressed an interest in the team. The coach also does not have access to social media, so this site will be a great way for him to have an exclusive insight into future players. Current team members The site will benefit current team players by allowing them to get to see people who have expressed an interest in the sport and also getting to view details on upcoming games. Also, they will be able to get to view interview-like questions about their team mates and also find out information regarding the socials on Wednesday. Advertise on University page We would hope, as we are representing the university that they would be open to the idea of supporting/advertising our website that will not only benefit them but also massively help us expand ourselves as a team and attract more members. This would, in turn, lead to more customers attending the student union on our socials. Intermediaries/Old members/Friends of the team Word of mouth is obviously very important to the team and also to increasing the numbers we have on the team. We also already have a successfully made group on Facebook with over 10 members; we hope to expand on this through being more heavily involved with social media trends which the university students start. Also included will the support of friends and old members who will be used to promote events such as “old boys” and will be tasked with keeping people interested via social media. Interested players Potential players will have to make sure they are interested in the team and we need to makes sure that we offer them a professional looking site that makes them want to join the team. Also, we will need to make sure all of our content is up-to-date so that they can benefit as much as possible. Committee – including president, vice president and treasurer The site will need to be easily accessible and easy to use because in future years so to provide for a situation where the current team is confident in using IT. The committee will also need a strong presence on the site so that they can see who is registered and who has paid. The committee will work in such a way that the president will teach the vice president and treasurer and so on with each new president passing on knowledge to the next. Competition We have one direct competitor which is a local team simply because they can easily attract the players we are aiming at. However, I would also say the other surrounding teams are more in-direct competition as we want users of our site to be committed and interested in our team.
  • 7. 6 | P a g e 3,2) Typical User As our site is a university page, the typical ages of users can vary, but for the most part my users will be male, simply because it is a men’s team. The addition of females later on is a possibility. 18 to 24 is the average age of Aberystwyth University students, however, of course our page will welcome mature students as well. For those who have also have a passion/played basketball before, the site will give them the chance to gather information and get to meet what could be there future team mates. In regards to a typical user we already have a limited audience in the fact we can only aim at university students. Our typical user can include a more mature student as well as occasionally we do get interest but as the same as other students they will have the same access to information. Another user type to consider will be people who are not very experienced with technology. For people who fit into that category, I intend to offer a basic site that will be easy to use and all text will be very visible and the text will be a good size as well. Regardless of the level of experience of the users, they will all have access to the same features. This will include registering with the site by using an email address and password format. They will also be able to view the gallery of pictures that will be aimed to be updated weekly with all the latest photos going in the album. In regards to the people running the site, I want the site to be easy to use, one of the reasons why I have chosen to use WordPress, with the site I want to make sure it is easy to use and that important information can be edited. But a massive advantage of being a university site is that the majority of the time our committee/admin will be aged 18 to 24 which means they will have substantial knowledge of computers. Of course some basic training will be needed to show them how to use the plugins and how to update them when necessary, but this should not be time-consuming. I also want my site to be easily accessed via handheld devices. This will mean the site will have to be mobile friendly and easily viewable on a small screen which can easily be implemented through WordPress. I also would like their information to be secure so they can purchase goods from the store.
  • 8. 7 | P a g e 3.3) Use case Diagram Read about current players See upcoming games and past Contact the current president Sign in/register Find out about the club Scroll through gallery Edit Details (associated with account) Leave comments (certain pages) Join the club Purchase items related to team Update team information Update fixtures Insert up to date pictures Read about current players Viewers of the page will be able to read answers to short interview-like questions posed to current team players. This enables viewers of the site to get an insight into current player’s personalities. The questions they will be able to see will include favourite player, favourite food etc. See upcoming games and past New and future players will be able to see when the next scheduled, including tip-off time and the location of the game. On a weekly basis, the page will be updated with the scores of the game with the chance of a small bio of what happened in the game (depending on time). Contact the current president The page will have a simple contact page that will require the user to enter their name and email address as well as the message that will be directed to the current president’s Aberystwyth email address. Also, the site will feature a Facebook icon allowing them access to the group made on Facebook. Sign in/register This will allow users to register their email address (which will be saved into a database) and offer a more personal view of the webpage. If the user needs to register the page will ask for basic information like Aberystwyth email address and a password. This will also show the committee that you have expressed an interest in our team. Potential player Committee member/admin
  • 9. 8 | P a g e Edit details Once registered on the page the interested party will be able to edit their information that they specified earlier. Find out about the team The home page and also meet the team page will have information on the team schedule including training time and a brief history of the team. Scroll through the gallery Everyone will have access to a simple gallery that will allow them to see all the latest pictures involving the team. Purchase items related to the team (t-shirts, bands, kits and membership) Our team currently charges £15.00 to register. Potential new team plyers will be able to digitally download a file that will need printing off and brought to the next session they attend as proof of purchase. Also there will be a fully working shop that will allow you purchase other goods that are related to the team. Update team information With WordPress I will have access to the dashboard that will allow the committee to change certain information regarding the team. For example, if a new player makes the team we will then “interview” them and have their details placed on the site. Update fixtures Because our fixtures change every year this will be a page that will need a lot of “care”. The admin staff will have sole access to this page and will need to keep it up-to-date with locations and times of the games. Update pictures Admins will simply be able to add from their desktop new pictures of the team.
  • 10. 9 | P a g e 3.4) Related sites I spent some time researching other sites and also checking out other features of these sites to gain some inspiration in to what I want on my site. I found some good sites but I found the majority of the sites where bad sites as a recurring issue I have noticed is the sites look “amateurish”. www.shropshirewarriors.co.uk [1] – an issue I found with this site is how basic it looks. I would not say this is a good site at all because all of the information seems very compact and looks like the information was entered in a rush. With WordPress you have an option to select themes, so I intend to select the right one for my site and offer a very professional site. I also intend to use sites like this one as an example of ways to not do the site. I will say a feature I do like about the site is that important information scrolls across the website (see red arrow)
  • 11. 10 | P a g e www.newcastle-eagles.com [2] – This site is of a professional team in the BBL (British Basketball League). I really like this site as it uses its team colours as the background, and all the information is easy to read and easy to access. I also really like the way they advertise their social media sites , I think it is noticable but doesn’t take anything away from the site. This is the sort of template I want to use in regards to my site. This is similar to what I want on my site, and I find this site has done it very well offering a small player profile and also an entertaining interview. The reason I want this on my site is because I want my team mates to really know the people they are playing with.
  • 12. 11 | P a g e 4) Design 4.1) Web structure 4.1.1) Hierarchy Overview Aberystwyth Men’s Basketball page will have a single navigation bar at the top of every page that will allow users to easily spot and also navigate to other pages within the site. This main navigation bar will include all the main links which are homepage, upcoming games, meet the team, about, shop, gallery, basket, and account/login and contact us. The navigation bar I have chosen to use is a standard graphical [3] one that will have a rollover effect once the user rolls over the image. I have chosen this one as I think it takes full advantage of the user having to look through the website compared to other navigation bars such as sticky that will follow the user on the webpage. I see this as a disadvantage as my website is aiming to sell a team and I want my users to intake all the information on each page As you will be able to see from my Hierarchy table the shop menu will have a sub menu of clothing and accessories and the meet the team will have a sub menu of player bios. These will all be sub-menus.
  • 13. 12 | P a g e 4.2) Individual Page details I have given each page a unique number that refers to the hierarchy diagram. Each page on the website delivers different information to the user. Page ID: 1 Homepage Page Information: This page will act as the main hub of the page. It will allow users easy access to other pages through the easily noticeable navigation bar. It will also have quick details such as upcoming games and also a small sample from the shop. Page generation: information for upcoming games will be generated from a database. The picture at the top of the page will be pre uploaded and will remain the same unless changed by an admin in the future. Other links: Users will have access to the main navigation bar as well as some links in the footer e.g. contact us and about (these pages will feature in both the main navigation bar and also the footer). Every page will be accessible from this page User interface: The home page will be the first page the users will see. This page is important to the whole site as it will be static which will mean all the information on meet the team (Page ID 2) will be displayed on this page as well. I wanted to make the site aesthetically pleasing and especially easy to navigate with a navigation bar that stands out. I chose this theme because of its simplicity, the colours are not too harsh on the eyes but the text still stands out and is noticeable. WordPress allows you to easily use search engine optimisation, I have done this by using key words throughout my site.
  • 14. 13 | P a g e Page ID: 2 Meet the team Information on page: This page will have a selection of names ranging from players to the coaches involved with the team. Page generation: The names will be stored in a database Other links: Users will have access to the main navigation bar as well as some links in the footer e.g. contact us and about (these pages will feature in both the main navigation bar and also the footer). The players and coaches names will be ‘clickable’ which will lead to another page User interface: This page will be linked with the homepage allowing for a static homepage, so all information edited here will also be displayed on the first page Page ID: 2.1 Player Bios
  • 15. 14 | P a g e Information on page: This page will give the user a detailed/fun interview with the player they have clicked on from “meet the team”. It will have such information as the name, age, years played and some funny interview questions. Page generation: The current season’s player’s information will be stored in a database. The information will be added backend by an admin and will be edited yearly. Other links: Users will have access to the main navigation bar as well as some links in the footer e.g. contact us and about (these pages will feature in both the main navigation bar and also the footer). User interface: a simple picture will be used and with the use of a plugin there will be an assortment of questions and answers.
  • 16. 15 | P a g e Page ID: 3 Shop Page information: Will show the available products within the online store. Page generation: Page is generated by information in the database. Products will be added by an admin in the backend when they are available, they will include details such as price, title, image and more. Other links: Users will have access to the main navigation bar as well as some links in the footer e.g. contact us and about (these pages will feature in both the main navigation bar and also the footer). The shop page will be exclusively used for shop items. The shop will hold all items available and you will be able to filter the results. I have chosen the same theme as I feel it offers a professional finish to the site. The shop is a parent page (see image below).
  • 17. 16 | P a g e Page ID: 3.1 and 3.2 Clothing and accessories
  • 18. 17 | P a g e Page information: Items that have been categorized will be stored here, for example clothing products will show in clothes (5.1) and accessories such as wristbands will be shown in accessories (5.2) Page generation: Page is generated by information in the database. Products will be added by an admin in the backend when they are available, they will include details such as price, title, image and more. Other links: Users will have access to the main navigation bar as well as some links in the footer e.g. contact us and about (these pages will feature in both the main navigation bar and also the footer). User interface: Both screens use the same theme throughout, I made 2 sub categories (child) because I feel when the user wants to purchase items they get a more personalised look if they are only looking at t shirts or accessories, there is an option to add more categories in the future. Page ID: 4 Upcoming fixtures Information on page: This page will hold information for upcoming games (source BUCS website) it will hold information such as; location, time and opponent. Page Generation: The upcoming games are stored into a database, which will be added at the start of the season as will be accessible from the Bucs website. This page will retrieve this information and display it Other links: Users will have access to the main navigation bar as well as some links in the footer e.g. contact us and about (these pages will feature in both the main navigation bar and also the footer). There will also be an external link on this page to the actual Bucs page. User interface: This page will be a simple page that will have a large calendar on the page that will have all important key dates for Aberystwyth Men’s Basketball e.g. Varsity, Super teams and next
  • 19. 18 | P a g e games. The second image shows what happens when you select a date, a pop up will appear and the user will be able to see information regarding the game. Page ID: 5 Galleries Page information: This page will include some pictures of the team that are taken at certain periods throughout the season. Page generation: Images are stored in the wp_posts table with a post_type of “attachment”. Therefore the galleries will be generated by information stored in the database. Other links: Users will have access to the main navigation bar as well as some links in the footer e.g. contact us and about (these pages will feature in both the main navigation bar and also the footer). User interface: Same theme used throughout, gallery page will have next to zero text as I feel the page is self-explanatory, the main point of the page will be all the pictures of the team this includes; practice and games and any other photos seemed necessary.
  • 20. 19 | P a g e Page ID: 6 Cart and 6.1 Confirm Page information: Items that have been added from the shop including clothes and accessories will be storied here. Page generation: The shopping bags content is not generated from a database but instead uses the user’s session to store the information. The items are then displayed till they are removed or by placing an order Other links: Users will have access to the main navigation bar as well as some links in the footer e.g. contact us and about (these pages will feature in both the main navigation bar and also the footer). User interface: same theme used as the other pages. Once the item is added to the cart as shown at the top of the page, it displays a range of options for the cart page including information on the item you have purchased, a chance to change the quantity purchased, price, and finally a chance to add a coupon (subject to availability)
  • 21. 20 | P a g e Page ID: 7 My account/login Page information: depending on the user’s situation, a different button will appear here. If the user has used the site the button will be “my account” but if the user hasn’t used the site before it will be “login”. Login page: Will give a simple way for the user to register with the site My account: when logged into your account you will be able to view transaction history, edit billing details, update personal information and reset your password Page generation: pages will be generated by the database Other links: Users will have access to the main navigation bar as well as some links in the footer e.g. contact us and about (these pages will feature in both the main navigation bar and also the footer). Page ID: 7.1 Register Page information: Page will display a form asking for the users Aberystwyth University email address and a ‘create a password’ form. Page generation: page forms will be created by the database Other links: Users will have access to the main navigation bar as well as some links in the footer e.g. contact us and about (these pages will feature in both the main navigation bar and also the footer). The same theme will be used as other pages. The user will be able to register with the site by simply inputting an appropriate password and email.
  • 22. 21 | P a g e Page ID:7.2 Reset password Page information: User will be asked for their current password, as well as 2 fields (one new password and confirm password) asking for their new password Page generation: page forms will be created by the database Other links: Users will have access to the main navigation bar as well as some links in the footer e.g. contact us and about (these pages will feature in both the main navigation bar and also the footer). User interface: Simple process to retrieve their forgotten password in that the user will just have to enter the email address they registered with and a new password will be emailed to them Page ID: 7.3 Login Page information: similar to register (8.1), the page will display a form asking for the Aberystwyth University email address and password and then will log the user on. Page generation: page forms will be created by the database. We will have access so we can monitor who is interested in the team. Other links: Users will have access to the main navigation bar as well as some links in the footer e.g. contact us and about (these pages will feature in both the main navigation bar and also the footer).
  • 23. 22 | P a g e Page ID: 7.4 Logout Page information: a simple message will appear asking if the user logged in is the person it is meant to be Page generation: page forms will be created by the database Other links: Users will have access to the main navigation bar as well as some links in the footer e.g. contact us and about (these pages will feature in both the main navigation bar and also the footer). Page ID: 7.5 Account information/settings Page information: will hold the account logged in details, which will be editable Page generation: page forms will be created by the database Other links: Users will have access to the main navigation bar as well as some links in the footer e.g. contact us and about (these pages will feature in both the main navigation bar and also the footer). User interface: will display all the security information in regards to delivery and a simple edit button will appear next to the item the user wants to change
  • 24. 23 | P a g e Page ID: 8 Contact us Page information: Will have the committee members email address and titles, the coaching staff’s email address and finally a link to our external page on social media Page generation: Other links: Users will have access to the main navigation bar as well as some links in the footer e.g. contact us and about (these pages will feature in both the main navigation bar and also the footer). User Interface: After entering their name, email and message it will be directly sent to the president at the time university email address. There will also be a social media icon that will allow users to be redirected to the Facebook group.
  • 25. 24 | P a g e 4.3) Database structure 4.3.1) Table relationship 4.3.1.1)Wordpress relationship database The database will be a key part of my website for Aberystwyth Men’s Basketball. The database will hold a lot of key information in the back-end of the site, whilst users will have access to the front end of the site features. One of the reasons I chose to use WordPress is because during installation it pre-defines the general database and tables within it (Source: http://codex.wordpress.org/Database_Description) [4]
  • 26. 25 | P a g e 4.3.1.2 Table descriptions wp_options – contains general WordPress options wp_commentmeta – when a user makes a comment it features information called meta data and it is stored in this database wp_comments – when a user leaves a comment it is stored here wp_links – holds information related to the links entered into the links feature e.g. my site will have an external link to social media page. wp_postmeta – each post made on the site will hold meta data, they will be stored here wp_post – the main data of the posts are stored here. Also pages and navigation menu items are stored in this table wp_terms – holds the caterogies for posts, links and tags for posts wp_term_relationshops – when a post is made on the site, it will be catergorised, this table will show the relationship wp_term_taxonomy – This table describes the taxonomy (category, link, or tag) for the entries in the wp_terms table wp_usermeta – each user of the site features information called meta data and it is stored here wp_users – the list of users is stored here
  • 27. 26 | P a g e 4.3.2.1) Woocomerce tables Woocomerce is a separate plug in for Wordpress that transforms your WordPress into a small to medium sized e-commerce site. I have chosen to use this as it is popular and easy to use and was also recommend to me. In addition, it really offers the features that I need for my site shop. With this plug-in I have gained the ability to sell my goods to consumers, whilst it being easy to handle all the listings and checkout options. As well as this it allows us to manage stocks and quickly change any pricing. Another reason for the choice was the simplicity of the plugin which really allowed people who were not confident with computers a chance to easily understand it as everything is well explained within the plug in. I had issues in obtaining the actual databases, so I ended up doing some extra research and discovering that a lot of the tables will be similar so I took these from the example given to us. The tables are accurate for my own databases and don’t offer much information in regards to the relationships between them [5]
  • 28. 27 | P a g e 4.3.2.2) Table Descriptions Woocomerce_attribute_taxonomies – stores user defined attributes which are used to create taxonomies Woocomerce_termmeta – used for the custom ordering of catergories Woocomerce_downloadable_product_permissions – stores the users and download permissions Woocomerce_order_items – ordered items are stored here, makes them easily query able for reports Woocomerce_order_itemmeta – ordered item meta is stored in this table Woocomerce_tax_rates – tax rates are stored inside 2 tables making tax queries simple and efficient Woocomerce_tax_rate_locations – each rate can be applied to more than one postcode
  • 29. 28 | P a g e 4.4) Early user evaluation As recommended I have chosen 5 people to test out my site, all the people involved have a range of different skills on a technical level. I wanted to use the typical users I suggested but also expand on them and allow more people to test my actual content. I have also included myself in the questions as I want a self-evaluation of the site. The people I selected are: Marcus – Computer science student (aged 20) Adam – History student and on current committee (21) Allen – Warehouse manager/minimal tech knowledge (39) Sue – Housewife/next to no tech knowledge (36) Mollie – Law and Politics student/ minimal tech knowledge (20) Ben – Computer science/site creator (23) These where selected because of their difference in age and also there knowledge of computers, I have also selected men and women as I want a balanced view on the interface. I gave each user access to the template site and asked them 11 questions and then finally to write a short paragraph of the pros and cons of my site so far. I then also have done a self-evaluation of the site using my old hierarchy diagram as reference. Rather than write out what every user said about my site I will summarise what they have said and include all key points of the answers given. The questions I intend to ask are: 1. Can you access the shop and use the sub menus in the correct way? e.g. precisely look at accessories 2. Can you easily create an account after purchasing an item? Also are the questions easy to understand? 3. Is the method of changing your password easy? 4. Do you think it is necessary to have comments enabled on the gallery? 5. Can you purchase an item? 6. Can you delete an item from the cart? 7. Are the team bios easy to understand? 8. Is the calendar the best option for viewing upcoming games? If not would you recommend another way 9. Do you feel secure using the payment method? 10. Would you include an about page? 11. Write a short paragraph expressing pros and cons of the design. 1. Can you access the shop and use the sub menus in the correct way? E.g. precisely look at accessories
  • 30. 29 | P a g e All testers noticed right away how easy it was for them to not just access the shop but also see the shop, which a lot of credit is due the theme I selected. They also said the use of sub menus really made their shopping experience feel like other shop related sites. Marcus did also suggest adding a membership page which I actually intend to implement. Ben – I find using sub menus is exactly what my site needs because I hope to in the future have a lot more items in the shop available and also implement the women’s team into my site this might mean my sub menus will have to have sub menus so they would look like Shop>Men’s/Women’s>Accessories etc. 2. Can you easily create an account after purchasing an item? Also are the questions easy to understand? Sue, Allen and Mollie both found it easy to create an account after purchase and both similarly said the questions asked are similar to other sites. On the other hand Marcus and Adam both asked what about users who want to register but not purchase any items? Ben – I chose the unorthodox way of registering simply because people who will access my site will be users who know exactly what they are looking for, this is why I believe registering them after a purchase is better as the main part of my site is to inform. 3. Is the method of changing your password easy? Once the testers gained access to their account page they all said it is easy to change the password of their account. Ben – I used a simple method of sending a new password to their registered email address 4. Do you think it is necessary to have comments enabled on the gallery? Mixed answers with this question Adam, Marcus and Mollie all said comments are necessary as it offers the chance for users to interact with the site. Allen and Sue both said they are not necessary because when people access the gallery page the reason they are going on there is to look at pictures not write comments Ben – Personally I like the idea of not having any comments enabled because as stated above you go onto a gallery page to look at photos and not really write comments, but the idea of users interacting with my site does intrigue me so this will have to be something I look into in the future. 5. Can you purchase an item? All testers had no issues adding an item to the cart and purchasing the item selected. Both Allen and Mollie stated that the items where easily viewable on all pages thanks to the basket at the top right of the page Ben – The cart menu at the top of the page is a personal favourite of my site I find it gives users a chance to easily track what they have ordered. Thanks to WooComerce the purchasing of items
  • 31. 30 | P a g e is as simple as adding the item the cart and following the distinctive buttons to the final checkout page 6. Can you delete an item from the cart? All testers found it very easy to delete an item, no one had any trouble in locating the item they had purchased and deleted it Ben – Plenty of ways to view what you have brought and very simple to delete the required product, this will be one part of my page I don’t intend to change as I think it’s already very simple. 7. Are the team bios easy to understand? 3 testers said the method in place of a sub-page with all players on and then being able to click on their individual names works well because it gives you a unique look into each player. Marcus and Adam both suggested having another sub-menu that will allow you to select the player from the menu bar. Ben – An issue I am finding with this part is that the player bios page looks very bland and even with the addition of all the players I feel it will still looks bland. I did also consider implementing another sub menu of all the individual players but I feel that sub menu will heavily dominate the page and take the users eye away from key information. 8. Is the calendar the best option for viewing upcoming games? If not would you recommend another way All testers said that the calendar works fine with the idea of the page, Marcus and Mollie both liked how to calendar dominated the page as it really drew your eye to the information on the calendar. Ben – After seeing the tester’s evaluation I was surprised because I was originally going to use an event style design rather than an actual calendar. 9. Do you feel secure using the payment method? All testers had no issues with the payment method simply because of the reputation of PayPal, they knew there money would be secure well using this method of payment Ben – I wanted to use PayPal as a method of paying simply because of their reputation, there logo is easily recognisable as well and really instantly earns the trust of the user. 10. Would you include an about page? Surprising in that no one thinks the addition of an about page is necessary. They all basically stated that they think with the Meet the Team page its perfect opportunity to include all information that could be on the about page on this page instead Ben – At the start of design I did contemplate using an about page as this is kind of a standard of a lot of other webpages, but after going through design I noticed that I could easily move the
  • 32. 31 | P a g e information on the about page to the meet the team page (a page that should be heavily accessed) 11. Write a short paragraph expressing pros and cons of the design. Adam – The site design is simple. The colour scheme is not overly exciting but it really works well with the information on the site. My biggest criticism would be that the site only aims at people wanted to play for the team and buy items, the idea of only being able to register after purchasing does not work for me. Mollie – great colour scheme and the menu is easy to navigate, I also liked the sub menus as this really gave you a quick look into what you want. I think the home page needs a lot of work done to it as this is the main page and it seems a little boring at the moment. Marcus – colour scheme works good, the idea of the information on the side of all the pages does not work for me because sometimes it can be a little distracting. I also was not a fan of not being able to register without purchasing something. I think the idea Ben suggested of adding membership to the shop would work really well for his team and the webpage and will also make the idea of registering after a purchase more valid Allen – Great designs and a very simple to use site. All the features Ben suggested seem okay I think another test would be a good idea after the actual site is created to see if there is anything else to add Sue – The site is easy to navigate thanks the menu bar and the cart on all the pages really works well because it allows you to track your purchases on every page. The colour scheme selected is average because I feel you should use the University colours rather than an off-white colour. There is no actual problem with the colour selected because it is not very harsh on the eyes. I found the evaluation very helpful because it really gives you a deep and in-depth look into the site. I intend to take all the information gathered and work on the areas people have recommended. I am also going to look to run 2 separate evaluations after the creation of my site, the first being with the same people who took part in this evaluation because I want a second opinion after implementation and secondly 5 more different users because they will be new to the site and will not have seen the design that means they get more freedom and will be harsher on criticism.
  • 33. 32 | P a g e 5) Implementation 5.1) Content management system A content management system (CMS) is a computer application that allows publishing, editing and modifying content, organizing, deleting as well as maintenance from a central interface. Such systems of content management provide procedures to manage workflow in a collaborative environment.[6] This said after some research I decided the best system to use would be a content management system because it would really help with the maintainability in the future of the site, and would really help with the promoting and selling of products There were 4 content management systems that I looked into the first being Drupal, the second being Wix the third one being Weebly and finally Wordpress.com. All of these vary in what they can do. [7] Drupal is an open source content management platform powering millions of websites and applications. It’s built, used, and supported by an active and diverse community of people around the world. [8] Pros of Drupal:  Drupal architecture is secure and security updates are timely  You can build any website with Drupal. It’s quite adaptable.  Lots of Video trainings available.  Strong search engine optimization capabilities Cons of Drupal:  Large learning curve, compared with Wordpress  Difficult to Install  Even minor updates can cause major headaches Wix.com is a leading cloud-based web development platform with millions of users worldwide. We make it simple for everyone to create a beautiful, professional web presence. No creative limits, no coding skills needed to get your business online. [9] Pros of Wix  Wix offers more than 280 beautiful templates customising  Wix has a diverse App Market with premium and free add-ons to your site.  The free version offers you complete access to all of the tools you need to build a successful website Cons of Wix  Once you choose a template, you're stuck with it.  With a free subscription comes Wix ads and no access to ecommerce tools.
  • 34. 33 | P a g e Weebly gives millions of people a surprisingly easy and affordable way to create a site that is as unique as they are. With a Weebly site, people can start their own business, communicate with their clients, showcase their achievements, and be an authority on personal and professional interests. reference Pros of Weebly  Quick and easy to build a website  Good looking templates to make your site professional  Solid e-commerce tools that is fully integrated into the website builder Cons of Weebly  Not designed for complex e-commerce needs  Limited number of designer-calibre templates  Page restrictions for Free and Starter plans Open source WordPress is the most popular online publishing platform, currently powering more than 20% of the web. [10] Pros of Wordpress  Low price  Search engine optimization friendly  It’s simple and well known  Open source Cons of Wordpress  Security is an issue because of it being Opensource  Lack of flexibility  Similarity can be an issue as some sites can look the same due to the limited number of free themes After much research I decided the best CMS to use would be Wordpress.com, this was because of how simple and well established it is as a brand. Another reason that sold me on using Wordpress was the addition that It allowed you to have multiple users at a time which of course would come in handy when giving rights to other committee member. This meant that I can continue as the main admin of the webpage and each year give new contact details to the new members of the committee. One more reason I chose to use Wordpress was because of its extensive plugin range as a key part of my site is maintainability it has become essential to make sure everything can be used simply without me needing to be there to teach. On the other hand, one of the major concerns for using Wordpress was that it had security issues so with my site I have tried to add as many “small” measures as I can e.g. comments have to be accepted onto the page beforehand.
  • 35. 34 | P a g e 5.2) Ecommerce Plugins As one of the main reasons of the site was to sell items I had to make sure the correct Ecommerce plugin was chosen. Even before I conducted any research I had already one in mind which I had heard worked before but felt it still necessary to conduct research in case a better option was available. The 3 I chose to research more where Woocomerce, WP E-Commerce and Jigoshop. WooCommerce is the most popular WordPress eCommerce plugin. And it's available for free. Packed full of features, perfectly integrated into your self-hosted WordPress website. [11] Pros of Woocomerce  Free  Popular  Easy to maintain  Professional look and feel Cons of Woocomerce  Minimal number of features and extensions  Issue adding password strength to users account  Additional Features at Cost  Lack of other languages The WP eCommerce Plugin is everything you need to sell anywhere! Convert visitors to customers with a beautiful online store and a secure shopping cart. Powering over 55,696 stores, WP eCommerce is one of the most relied upon open-source solutions for business owners across the globe. [12] Pros of WP E-Commerce  WordPress widget support  Fully customizable using custom HTML and CSS Cons of WP E-Commerce  Poor rating  Poor support  Very basic and the need to customize is essential.
  • 36. 35 | P a g e Well established e-commerce platform that combines broad functionality, easy migration options and professional support packages. [13] Pros of Jigoshop  Multiple shipping methods  Secure and highly customizable  An ever-growing support community  Detailed reports of sales, orders and store performance Cons of Jigoshop  Very similar to Woocomerce When considering which E-commerce to use even from the beginning Woocomerce was the winner simply because of its reputation and the fact it had been recommended to me but a close second was Jigoshop simply because of its similarity to Woocomerce but I discovered Woocomerce had more extra features. They key things that stood out to me when choosing Woocomerce was the support it had with the plugin and how flexible the plugin could be by allowing users to simply view, edit and remove products. Two of the biggest concerns with Woocomerce was its issue with adding a strength bar to its password this meant that I would have to make sure the passwords thatr are chosen are as secure as they can be and secondly the fact Woocomerce only supports limited languages could be an issue in the future but for now it was resolved simply because the team is based solely where GBP are used.
  • 37. 36 | P a g e 5.3) Theme The main points of my site was to inform and promote the team, as I did research early on I found a lot of other basketball related sites “boring” with these themes and this made me want to pick a theme that was aesthetically pleasing also was simple and easy enough to navigate. I ended up narrowing it down to 3 potential themes that I thought worked well. Padhang My issues with this theme that made me decide against using it was the colour scheme it was too dark and mysterious for what I was going for and personally the white background on the black did not work well for making the information stand out.
  • 38. 37 | P a g e Twenty 10 My issue with this film was the opposite of the other. In the fact I thought the theme was boring and did not really sell the idea of the team just from the preview. Mystile – The theme chosen This theme was chosen because of how well it would work with Woocomerce as it was a Wootheme. The colour scheme I thought was simple but not harsh on the eye that it made you squint and the location of the navigation bar was another selling point because of how easy and accessible it looked.
  • 39. 38 | P a g e 5.4) Plugins used 5.4.1) Akismet Akismet checks your comments against the Akismet Web service to see if they look like spam or not and lets you review the spam it catches under your blog's "Comments" admin screen. Major features in Akismet include: Automatically checks all comments and filters out the ones that look like spam. Each comment has a status history, so you can easily see which comments were caught or cleared by Akismet and which were spammed or unspammed by a moderator. URLs are shown in the comment body to reveal hidden or misleading links. Moderators can see the number of approved comments for each user. A discard feature that outright blocks the worst spam, saving you disk space and speeding up your site. [14] 5.4.2) ATWI Interviewer A simple plugin that aids to create a post with the style of a Q&A interview. You can create blocks of question and answer with text colour, font weight and text align configurable in the option page. [15] 5.4.3) Photo Gallery Photo Gallery is an advanced plugin with a list of tools and options for adding and editing images for different views. It is fully responsive. The product includes plugin for adding image galleries and albums to posts and pages, as well as multiple widgets. You can add images, providing detailed descriptions and tags, organize the galleries into different albums. The plugin allows displaying galleries/albums within the following views:  Thumbnails gallery view  Masonry gallery view for multi-size thumbnails (commercial version)  Mosaic gallery view (commercial version)  Slideshow  Image Browser for single image display with a possibility of switching between images  Compact Album view  Masonry Album view (commercial version)  Extended Album view for displaying albums with descriptions  Blog Style gallery view (commercial version) [16] I used this plugin for simply adding pictures that could be easily viewed from an external screen
  • 40. 39 | P a g e 5.4.4) Spider event calendar Spider Event Calendar is a highly configurable plugin which allows you to have multiple organized events in a calendar. This plugin is one of the best WordPress Calendars available in the WordPress Directory. This plugin was used to have a calendar displayed on the site that the users could click on and view past and future games including information about the game e.g. score or short bio of what happened in the game [17] 5.5) Plugins nearly used 5.5.1) Team rosters vs ATWI Interview The MSTW Team Rosters plugin manages rosters for multiple teams. It provides roster tables with built-in formats for high school, college, and professional teams as well as custom roster formats for baseball. [18] I originally tried to change the plugin slightly by using only specific questions that sounded more neutral rather than baseball questions, but the issue didn’t change as all the questions where related to baseball. This plugin probably would have worked better than the ATWI interview simply because it would have been much easier to maintain but the questions couldn’t be changed which meant I had to use another plugin completely. 5.5.2) BuddyPress vs Custom Facebook Feed vs Icon BuddyPress - BuddyPress is a suite of components that are common to a typical social network, and allows for great add-on features through WordPress's extensive plugin system. [19] Custom Facebook Feed - Display a completely customizable, responsive and search engine crawlable version of your Facebook feed on your website. Completely match the look and feel of the site with tons of customization options! [20] My original plan was to use a plugin to help promote our Facebook group on the site which would have been perfect for a plugin like BuddyPress. However, a problem that I noticed, was our group settings on the Facebook group were too strict to stop spam profiles in getting into the group which made displaying information on the site difficult. I overcame this by simply inserting the Facebook logo with a link to the group that will then allow users to request to join the group.
  • 41. 40 | P a g e 6) Testing and evaluation 6.1) Testing I recently conducted some test to make sure certain aspects of my site were working correctly the tests where essential because I had to make sure my site was ready to be used by the public. The results can be found below: 1. Can a user return to the home page from other pages? Pass – The user has access to a few ways to return to the home page these include clicking Aberystwyth basketball, home page or meet the team (as the home page is a static page) 2. Can two items be added to the cart and the final sum change? Pass – After adding a second item the cart amount will adjust. First picture shows a balance of £35.00 for 1 item well the second shows the balance of £42.00 after a second item is added
  • 42. 41 | P a g e 3. Can a user register without a valid email address Pass – A message is displayed asking the user to input a valid email address 4. Can a user contact the President without entering the correct information on the contact us page? Pass – A message is displayed informing them of the error
  • 43. 42 | P a g e 5. Can a comment be added to the appropriate page? Pass – Yes they can after being approved by the admin (a security protocol I put in place to prevent spam) 6. Does the sort by button work? Pass – the sort by will make the appropriate changes
  • 44. 43 | P a g e 7. Can nothing be added to the cart? Pass – A message is displayed saying “value must be greater than or equal to 1” 8. Can a user create an account with an invalid email address? Fail – I checked to make sure the email address was invalid and the site still went on to create an account for the email address
  • 45. 44 | P a g e Stronly Agree Agree Disagree Strongly Disagree 6.2) Evaluation For the final evaluation I made sure to ask 3 of the original evaluators back as I wanted them to see the changes I had made and be critical where necessary. Also, the fact that they had seen the site beforehand I think would really help me if any major changes needed to be made. The last 3 I asked were 3 brand new people who had not seen the site before. All users where asked the same questions. The users were: Marcus – Computer science student (aged 20) Adam – History student and on current committee (21) Sue – Housewife/next to no tech knowledge (36) Luke – Law Student (31) Jan – Coach of team (age unknown) Kristian – International politics student and on the current committee (22) I asked them all to perform a range of tasks on my site on their own within a 10 minute time limit. The tasks where: 1. Create an account 2. Add 1 item to the cart and procedde to checkout 3. Add 2+ items to the cart and procede to the checkout 4. Delete an item from the cart 5. Leave a comment on a page (task I had to be involved in to allow the comments) 6. Flick through Gallery pictures 7. Click on May 17th in Upcoming fixtures and write down the information displayed Once all tasked had been completed I asked each user another set of questions and asked them to respond appropriately. I also gave them the option to add any extra comments if they felt necessary 1. Is the site easy to navigate? Strongly Agree 6 Agree Disagree Strongly Disagree Luke – The theme is a really good match it isn’t too much of an eye soar Jan – The information is easy to read and very noticeable
  • 46. 45 | P a g e Strongly Agree Agree Disagree Strongly Disagree 2. Does the website have a professional feel? Strongly Agree 1 Agree 4 Disagree 1 Strongly Disagree Marcus – I do not think the site has a professional feel because I think you need to site to be more welcoming than seem like a business/professional site Sue – The site looks like it does exactly as it’s supposed to 3. Can you easily view the past and future games scheduled on the Upcoming fixtures page? Strongly Agree 4 Agree 2 Disagree Strongly Disagree Marcus – Personally I would prefer more GPS sort of function that will really allow you to know where you have been Adam – all the information is easy to read and makes sense, the addition of photos is good as well Jan – the information is good just the text on the calendar can be a little hard to read 4. I was able to add more than 1 product to the cart? Strongly Agree 6 Agree 0 Disagree 0 Strongly Disagree 0 Kristian – I loved how the basket was at the very top of the page, that way it didn’t distract you at all Strongly Agree Agree Disagree Strongly Disagree Strongly Agree Agree Disagree Strongly Disagree
  • 47. 46 | P a g e 5. It was easy to log out? Strongly Agree 0 Agree 2 Disagree 4 Strongly Disagree 0 Marcus – I found it a little hard to log out, I knew that you could log out by going onto the accounts page but it would have been nice to have another option maybe on top of the page as well Sue – The way to log out was OK but needed another way to log out as going through all the pages became a bit of a hassle 6. Can you easily add a comment? Strongly Agree 3 Agree 3 Disagree 0 Strongly Disagree 0 Kristian – The pages that allowed comments seemed appropriate to have a comment Luke – The simplicity of adding a comment made it actually fun to comment Strongly Agree Agree Disagree Strongly Disagree Strongly Agree Agree Disagree Strongly Disagree
  • 48. 47 | P a g e 7) Achievements Aberystwyth Men’s basketball page can be accessed at: www.aberystwythbasketball.com When a user enters the site they will be welcomed with:
  • 49. 48 | P a g e This will be the same page as the Meet the team page, when the user hovers over meet the team they will have a selection of submenus: Which when clicked on will allow the user to view a small interview like page with the current team members:
  • 50. 49 | P a g e Another part of the menu will be the shop: But if the user is looking for something more precise there are sub menu options of clothing and accessories Once one of the pages is selected there will be an option on the page to sort by popularity, average rating, newness, and price: low to high, and price: high to low
  • 51. 50 | P a g e If the user selects an item on the page they will be given a product overview: And if they are happy with the item they will be able to add It to the cart with a message displayed saying they have done so: The cart can be viewed from the top of the page, allowing the user to keep track of what is in there and how much the total is:
  • 52. 51 | P a g e Another way to find the item they want is to search for it at the top of the page: Once they are happy with the items they can proceed to checkout where a final cart page will appear with all the items the user wants, price, quantity, total cost and also any other costs involved including subtotal and delivery:
  • 53. 52 | P a g e Once they are fully happy with the items they will be allowed to proceed to checkout which will ask for personal details including bank details as well as another display of items you are wanting to purchase: The user will then be able to pay via PayPal:
  • 54. 53 | P a g e After they are finished with the shop the user will also be able to view upcoming fixtures: When the user finds the date they are looking for they will be able to click on it and have a range of information displayed about the fixture:
  • 55. 54 | P a g e When finished they will be able to view the Gallery that will hold all the up to date pictures of the team:
  • 56. 55 | P a g e When an image is selected they will be given another display were it will make it easier for them to view all the pictures in the Gallery: On certain sections of the site the user will be able to leave comments on the page, which will be moderated by the admin: But the comments will need to be moderated by an admin:
  • 57. 56 | P a g e The user will also be able to register an account with us by using an email address and password: The user will then be sent an email to confirm the account:
  • 58. 57 | P a g e Once registered the user will be able to edit their billing address and shipping address as well as edit there account details:
  • 59. 58 | P a g e Once registered the user will be able to easily access the previous information easy from the account page: If the user does forget there password, they can simply click on lost your password, which will then request that they enter the email address used to register with:
  • 60. 59 | P a g e If the user needs to contact the President of the team the contact us page under my account will help: Once on the page the user will be instructed to enter their name, email address and message:
  • 61. 60 | P a g e And finally if the user is interested heavily in the team on the contact us page is a Facebook icon that will allow the user to be redirected to the Facebook group associated with the group:
  • 62. 61 | P a g e 8) Critical Analysis Overall I am happy with my project. I was given a brief and I really feel that I met all of the requirements. The chance to create a working e-commerce site was exciting but also challenging. This opportunity has ultimately given me the chance to create a site that can easily help other committee members for the future and really lower the work load. This will allow them to concentrate on their studies whilst also providing sufficient time to the society. I think my business analysis section was very strong and it really gave me a good stand point for my site. It enabled me to imagine the site before it was created and also allowed me to think about who will benefit from the site and how to maximise their experience on the site. I thought that my rich picture was strong really giving a good view into the stakeholders, the breakdown of them allowed me to think further about other stakeholders and once the information was on the page I found the other information just fell in place. I made some serious changes to my typical users as I had initially written them without talking about what the users can do. My use case also needed changing as I originally designed it with what pages I had planned in mind, I made the adjustment and made it more about what the users will be able to do on the site. I found my use case section difficult as use case diagrams have never been something I excelled in, but I overcame this on this report by drawing them on paper beforehand and re-wording them to sound more like what the users can do. The research I did really helped me plan out what I expected from my site, it gave me the chance to take the advantages and disadvantages of other basketball related sites. In the design phase, I found it extremely difficult to effectively draw the rough the plans for my site. Due to the fact that I lack the ability to confidently use a drawing software, I ended up designed a very rough template on Wordpress itself. This for me, worked best because it gave me a chance to play about with Wordpress and also was easy to edit when I needed to. One of the major reasons I think my site is a success is my early user evaluation I think it was very detailed as I tried to cover as much as possible with what little site I had, with their feedback it really gave me an insight into what needed to be changed and what could work really well, this also applies for the later evaluation except a lot that helped me was that I used 3 of the same people who really gave good constructive criticism. The database section of the site I found difficult paperwork wise, on the site it was easy as Wordpress is in charge of all that, I struggled to find the databases for Woocomerce as I could not access them and in the end I had to use another person’s image and discuss the similarities. The Wordpress databases were not as bad as they were default and not much work was needed to actually access them. I was very happy with my content management system but of course I would notmind going back and trying out another as well. I found Wordpress easy to install once I had a host, as well the dashboard is very simple to use and everything is well explained it just takes some times getting used to what things will do to your site so it became important to preview the changes before publishing the work. As maintainability is a massive part of my site I had to make sure all features of the site were easy to use which was easy with Wordpress, of course this meant I had to make sure the plugins I used were the best for required job which took some extra research but overall I think all my plugins will be easy to use for people who are not confident with computers
  • 63. 62 | P a g e If I was given more time to complete the project, I would have liked to make the site more detailed. This could have been done in two ways; the first being a site that would be dedicated to all teams in Aberystwyth. This would have meant a lot of data would have been needed to make the site a success as well as a lot of security features as a lot of committee members would have access to the site compared to the 4 that will have access now. The second route would have been a site devoted to just basketball teams in Aberystwyth. This would include local team and the girls’ team, with this I would have explored more features allowing basketball-related news on the site and a key feature would have to be the tidiness of the site. I would definitely use Wordpress again, but also would not mind testing out other features of other content management systems. I do think that a content management system is the best way to go for building a site for novice and also experts I think the features involved will easily cut working time for anyone.
  • 64. 63 | P a g e 9) References 1) Shropshire Warriors -http://www.warriorsbasketball.co.uk/ - accessed 06/02/2015 2) Newcastle Eagles - http://www.newcastle-eagles.com/ - accessed 06/02/2015 3) Sticky menu research -http://www.smashingmagazine.com/2012/09/11/sticky-menus-are- quicker-to-navigate/ - access 18/02/2015 4) Wordpress database http://codex.wordpress.org/Database_Description 5) Example piece 6) Content Management System - en.wikipedia.org/wiki/Content_management_system – Accessed 24/4/2015 7) Weebly - http://www.weebly.com/ - accessed 24/4/2015 8) Drupal - https://www.drupal.org/ - accessed 24/4/2015 9) Wix - http://www.wix.com/ - accessed 24/4/2015 10) Wordpress - wordpress.com – accessed 24/4/2015 11) Woocomerce - http://www.woothemes.com/woocommerce/ - accessed 24/4/2015 12) WP Ecommerce - https://wpecommerce.org/ - accessed 24/4/2015 13) Jigoshop - https://www.jigoshop.com/ - accessed 24/4/2015 14) Akismet - https://akismet.com/ - accessed 29/4/2015 15) ATWI Interviewer – info on plugin on Wordpress plugin dashboard – accessed 29/4/2015 16) Photo Gallery - info on plugin on Wordpress plugin dashboard – accessed 29/4/2015 17) Spider event calendar - info on plugin on Wordpress plugin dashboard – accessed 29/4/2015 18) Teamrosters - info on plugin on Wordpress plugin dashboard – accessed 30/4/2015 19) Buddypress - info on plugin on Wordpress plugin dashboard – accessed 30/4/2015 20) Custom Facebook Feed - info on plugin on Wordpress plugin dashboard – accessed