Welcome to miXXerS!

Welcome to miXXerS! This is the blog portfolio for the online social network site miXXerS, by our group Networx7. miXXerS connects music lovers, party/concert goers, musicians, DJs and Party producers all in one place. On this blog you can find information about our proposed site and we have utilised background research, social network theory and a user survey to inform its development.

Screen Shot 2015-04-24 at 10.08.37 PM

You can peruse the site or click on the categories or the tag cloud on the right to find posts specifically related to the topics you are looking for as there are a total of 52 posts from team members Kay, Keisha, Chang, Yash, Shirlyn and Liam (Click on the links to read each of our posts).

Topics covered include:

  • Welcome and project brief
  • Analysis of existing similar tools
  • Related academic work/social network theories
  • Links to related news items in the tech media
  • User Survey
  • Mockups
  • Scenarios and Personas
  • Web maps and Storyboards
  • Tech demos
  • miXXerS Graph
  • UML diagrams
  • Overview of standards and protocols
  • Social / Ethical / Privacy considerations
  • Political, Economic, Legal and Technological context
  • Overview of pitch to dragons den panel

Thanks for reading. 🙂

Web maps and Storyboards (Finalized!)

Here are the finalized Web maps and Storyboards that I did for the group which considers not only the design of the websites and the features we can provide but also addresses any social, legal or ethical issues that may arise when it is used.

< Click to enlarge >

 

< Click to enlarge >

< Click to enlarge >

 

< Click to enlarge >

< Click to enlarge >

 

< Click to enlarge >

< Click to enlarge >

 

< Click to enlarge >

< Click to enlarge >

 

miXXerS3_5

< Click to enlarge >

 

< Click to enlarge >

< Click to enlarge >

 

< Click to enlarge >

< Click to enlarge >

 

< Click to enlarge >

< Click to enlarge >

 

< Click to enlarge >

< Click to enlarge >

 

 

Mockup Demo and Prototype of miXXerS

I built a prototype for our social website (miXXerS). Below are some screenshots with simple descriptions. (Double click the picture to see the legible one).

We also did a demonstration video of our prototype website. This video is narrated by our team member Liam. Thanks for recording Liam!

Homepage: part 1

Screen Shot 2015-04-24 at 10.07.38 PMScreen Shot 2015-04-24 at 10.08.20 PMScreen Shot 2015-04-24 at 10.08.37 PMScreen Shot 2015-04-24 at 10.08.57 PM

 

The navigation bar and carousel effect (made by Javascript). The carousel is made of three pictures and each picture has some context with a link button.

Homepage: part 2

Screen Shot 2015-04-24 at 10.09.39 PMScreen Shot 2015-04-24 at 10.10.00 PM

 

Three headings show the newest party, popular DJs and musicians and popular music automatically. You can click the “view detail” button to view the detailed information for each heading below.

Party page:

Screen Shot 2015-04-24 at 10.11.01 PM Screen Shot 2015-04-24 at 10.11.35 PM

 

This page shows the parties that will happen soon. Each party event is listed by theme, time, location. You click the “Search on Google Map” link for to search for the location. You can also find out where a DJ or musician will be playing and buy ticket either via paypal links or external ticket sites like Eventbrite or Ticketmaster. The DJ and Musician’s name is a link so you view her/his profile.

DJ page:

Screen Shot 2015-04-24 at 10.12.15 PM Screen Shot 2015-04-24 at 10.12.35 PM

 

This page show each DJ’s profile. His name, the genres of his music, occupation(s), Instruments and year active. There is a “Events” link, this link navigate to event page. There is also a feature that allows you to book the DJ/musician’s services.

Event page:

Screen Shot 2015-04-24 at 10.12.54 PM

 

This page shows the events this DJ will attend. You can click for more detailed information for each event.

Find music page:

Screen Shot 2015-04-24 at 10.13.22 PM

 

This page is used for users to find the music they want. Input the name in search bar to find the music or to click the alphabet.

About us page: Those that are checking out the demo of our site can find out more about us here!

Screen Shot 2015-04-24 at 10.13.43 PM Screen Shot 2015-04-24 at 10.14.06 PM

 

 

 

 

 

Survey Results

I collected the survey results to see how potential users view our potential service. This provided us with information that informed the development of our site. The results are  summarised below. So far our total response is 94 though only 32 people have completed the survey. You can find the survey here.

Question 1.1 : Age Group

Clock image to largen

< click image to enlarge >

Ages vary between 16 to over 30 though, more opinions of teenagers would have given a better balance to the survey. This survey may reflect the opinions of adults.

 

Question 1.2 : Gender

q2

< click image to enlarge >

The balance between men and women is ideal. the survey may reflect unbiased opinions at least from view point of gender. This is useful information as we would like to provide information on the gender mix at events which is useful to party producers but also to users who attend the event, as this sometimes affects the decision to attend, especially for young people. Think Ladies Free Night!

Question 1.3 : What is your country of origin?

q3

< click image to enlarge >

The survey consists of 10 countries. Although those variety will give us international viewpoints, there is no English origin. Although the web site will be implemented in UK, this survey may not reflect the opinions of domestic users, but reflect international views of users living in UK.

 

Question 1.4 : How often do you attend concerts/parties?

q4

< click image to enlarge >

The average times those surveyed attended concerts/parties is 6 or less. The potential users of the site will be those attending parties at least “1 or more times per month”, which is 9 out of 32. although it is assumable almost everyone will listen to some music, attending music events are different from just listening to music.

Question 1.5 : How do you access music? Select all that apply.

q5

< click image to enlarge >

This is a multiple choice question and people could tick boxes more than once. As expected YouTube is used by 1/3 of people. Highlighting the importance of not just music but video. 40% of people use some kind of downloading service which is a mainstream way of accessing to music today. The ability for people to add their YouTube Videos to the site will be useful as well as the ability for them to upload videos directly from their mobile. Though ensuring copyright is adhered too will be problematic.

Question 1.6 : Do you find these services satisfactory?

q6

< click image to enlarge >

It looks like almost all have no problem with the way they access music, there are only two opinions about previous tools. it doesn’t help me to discover good songs. It only features and advertises popular songs not the music of my taste.” and “can’t download music and always my favourite videos are erased.” Those are also complaints on the inability to customising music by their own taste.  By giving freedom of selection of music taste on miXXerS, we may attract many potential users.

 

Question 1.7 : How do you discover new music? Select all that apply.

q7

< click image to enlarge >

Here we enjoy variety of answers as it is also multiple choices. Finding new music from social media gained 20%, which is comparatively a rather large share of replies. There is enough potential to enlarge this share by creating a useful site. We also can add people answering “By going to concerts operas.” if we succeed to take them to our site by providing enough concert information. Other reply “Blogs” could potentially be included into our site.

Question 1.8 : Do you find these services satisfactory?

q8

< click image to enlarge >

Written answers are “discovering new music is always difficult unless you have friends who knows a lot about the music.” “Because I still find it hard to find out about good new/ unknown artists” and “It would be nice to have a forum that could make new and innovative music more accessible instead of being lost in the clutter”. This sounds like finding new music is not easy since existing media may provide unfiltered information of new songs only. People need to have customized information which our site may provide. It seems that users are also constantly searching for new artists and new music, so being able to more easily have access to this via the miXXers site would be important. Connecting the dots between music and musical events will be an important component for this and so we believe miXXerS is on the right track.

Question 1.9 : Would you consider using a service that combines the following:

Being able to listen to new and existing music online,

Connecting with musicians and DJs and,

Provision of information about their upcoming events,

Connecting with friends and people with similar music/event taste?

q9

< click image to enlarge >

It is nice that almost 80% people agreed to use the service such that our site will provide.

 

 

 

 

Question 1.10 : What features would you suggest for such an online service?

The following are replies.

  1. Real-time
  2. Music-oriented social media, like Instagram as being the picture/photo-oriented one.
  3. Less public social connections but more private social connection
    if my favourite musician will come to my area, I d like to know that asap to get a ticket. Maybe they should send me an email of notification for events in a particular area.
  4. An online community or forum which show the different genres and artistes for ease of searching. The community would give people a stronger reason to stay connected.
  5. Try before you buy
  6. The tracks, live chat with artistes and dJs as well other fans.
  7. Short impression of the atmosphere, artist and their music. In a short film or so, that can experience right away, and get in the mood. And then book with one clic.
  8. music, gossip, promotion
  9. better sound quality, longer duration of watching/listening youtube.
  10. Spotify, Facebook
  11. Unsure. But an ability to pay and receive music instantly or to trial listening before buying would be good.
  12. Isn’t this similar to Soundcloud and Spotify? It does not seem like a new service.
  13. Suggested bands/artists based on your own tastes
  14. User friendly interface, compatibility with other social networking sites.
  15. Suggesting similar artists according to the music gender
  16. Come out with lyrics
  17. Advertise on YouTube, Facebook and in the MV.
  18. The music sound is clear and high quality
  19. Posts on the inspiration behind musical pieces; feature song or artist of the day
  20. Geared towards getting to know the individual behind the music
  21. Music being played on and on with different music generation.
  22. Ability to download

By examining those 22 answers to 6 categories, it is said that there are two major categories people may concern; “social media function” and “music quality”. As for social media function, people needs other factors to their music site such as “more private”. they prefer a friendly site even it is for music. Another aspect, “music quality”  is also important. they concern quality of music when they listen/download. The third popular category “customized music taste” includes “Suggesting similar artists,” “posts on the inspiration behind musical piece” that are not officially provided. Those answers will will influence the future development of our site. The music and social site required now should cover those three factors.

q10

< click image to enlarge >

  • Customized music taste
  • Faster flow of
  • information on musicians
  • Better music quality
  • Social media function
  • Better usability

 

 

 

Based on the results of the survey we will have to continually improve on privacy to ensure the reputation of the site maintains in tack. We will also have to be innovative and explore new ways to integrate the musical experience both online and offline at events, in a genuinely social and integrated and mobile way. We would also like to undertake further research to help us continually improve the service and successfully evolve.

Use of the World Wide Web: A brief look at standards and protocols

Standards in particular have become frequently associated with the trend of endorsing a set of standardised best practices in recent years. Web standards are formal, non-proprietary standards and specifications that describe aspects of the web. The largest set of web standards are produced by the World Wide Web Consortium (W3C), an international industry consortium dedicated to “leading the Web to its full potential”. W3C develops a number of specifications to enhance the the interoperability of web-related products, including a number of very famous W3C standards, particularly for web design, such as HTML5, CSS3, JavaScript and DOM. It is almost certain that these standards, along with many others, would appear within the miXXerS website (many are already in use within the prototype website developed and talked about in earlier blogs).

Protocols govern the rules for data exchange within or between computers and are essential for many systems throughout the internet. Systems that communicate, do so via well-defined formats (protocol) for exchanging messages. There are a vast number of communication protocols which serve different requirements, some of which, like TCP/IP are very famous and widely used. The International Organization for Standardization (ISO) are an organisation that are very relevant within the communication protocols world. Likewise with standards, there are a number of protocols that would be used within miXXerS, particularly if it grew to be large. These protocols are even more essential as security becomes an even bigger issue than it already should be.

miXXerS Graph

The graph represents relationships (edges or links) between miXXerS users and helps to illustrate the path length between them. Users and DJs/Musicians are connected by event, music, chat and RSS. Graph theory concepts will be used to help understand how our users are connected and what clusters have formed. This illustrates what a social graph for miXXerS could look like. You can read more about this in Keisha’s posts Capitalising on Clustering, Triadic Closure & Centrality For miXXerS and Maximising The Network Effect

graph

<Click to enlarge>

 

Unified Modeling Language: A software design approach to miXXerS

Although UML is normally is often used for object-orientated design, it can be worth it to create UML for other applications too. Pictured below is a ‘use case’ diagram. Use case diagrams are representations of a user’s interactions with the system. The system in this diagram is the miXXers social network. The green bubbles represent use cases, things the user could do within miXXers. The lines link actors (in this case a generic user of miXXerS) and the use cases they have access to. Lines can also occur between use cases  in order to indicate relationships between them. An extend for example, is used to indicate a use case conditionally adds steps to another use case. Although not used here, there are many other types of UML diagrams which could be used to model structures, relationships and communications.

 

miXXers

< Click to enlarge >

 

miXXerS Website Development Theory

The miXXerS Web Application is about the sharing of anything that is related to Music. A registration/login system is implemented so that only registered users are able to post/edit/delete/rate/comment on recipes. Moreover, music can be organised by categories, users can view any music update that under a specific category.

Cookies: Our website uses “cookie” technology. A cookie is a small data file that is placed on the hard drive of your device such as laptop or mobile browsers when you a website. A “session cookie” expires immediately when you end your session (i.e., close your browser). The cookie allows us to recognize you or/and your device when you return to our website. You can disable cookies at any time by using your browser options; however, if you do not register with us, we will not able to recognize you as our miXXerS member.

Technology and Techniques to develop the miXXerS Website:

Technology and Technique