Jawad Project Documentation 1

Final Year Project Documentation 2011
Infinity Gaming
Page 1

Chapter 1: Introduction to Project System
1.0 Introduction
Infinity Gaming is an online computer game retail store, where users review and buy games. A very good example of a similar system is TheSoftwareBoutique which is also an online computer game retail store. Once users buy a product from them, they will then deliver the selected product to their customer house. The function of this website is to let users purchase computer games through an online market. User can just sign in, select a game add it to their cart and then purchase it. Once purchased, the game will be then delivered to their door steps. The system is tailored made to suite our target users, who are PC Gamers. The system provides a cheaper and faster alternative to buy games through an online market. The system runs using a database in the background which stores all users data like, Profile, name, address and phone number. The database is created using Microsoft SQL Server 2008. The system itself is created using Microsoft Visual Studio 2008 using C# (C-Sharp) as the core programing language in the system. On top of that, the system uses a dynamic viewing, Image Gallery Called Highslide JS to display all images in the website. The system also has videos that users can view. The system is tailored for gamers, making all information easily accessible. Users can do some research even before they purchase the product from Infinity Gaming. More over the product is sent to the customer.
Infinity Gaming
Page 2

1.1 Background
This system is essential for all game developers. With this system, piracy can be drastically curbed with two major reasons: Game prices are cheaper than actual market price. Fast and time saving. Compared to a physical store, the online store will have an abundant amount of stock and also delivery straight to the customers residence for better user experience. Game prices are cheaper than actual market price; as we do not have a physical store, many of the price on the games can be reduced. Furthermore, since the system is an online based E-commerce it saves time finding for what users are looking for. It also gives users a unique Choice to buy classical games which cannot be found from physical stores. Moreover, the system also provides: Daily Promotions. Developers Promotion. Having collaboration with developers, we are able to provide many promotions, on our products; bringing price down and providing better user experience.
Infinity Gaming
Page 3

1.2 System Description Features
User Registration, Login & Logout The system allows user to create an account by registering on our system. With the account and information stored in the data base. Users then can login to access their account information and log out.
Dynamic Image Gallery This system uses a dynamic Image Gallery to allow users to view images posted on the website. This Image Gallery is called HighSlide JS, which uses Java Script to execute its functions.
Video Playback The system has an integrated video playback using a plugin to control the video playback. Each game will have one video which will show a short trailer of the game.
Shopping Cart Like many online shopping site, this one also has a functional shopping cart that allows users to insert as many product as they like. Users can then also delete any items from the shopping cart as they please.
Promotion Banner A small banner on the top showing current promotions.
Administration Privileges The system will have a section for administrator, so that the admin can add and delete items
Infinity Gaming
Page 4

Best Selling Items (Top 5) The system will automatically arrange the top 5 bestselling games.
Polling The system will have an integrated polling system, so that users can rate each game. Polling system will use Java Script to control the ratings.
Search Engine The system will also have an integrated contextual search engine, which will display all results within in the criteria.
Infinity Gaming
Page 5

1.3 System tools/ Programming Languages
Tools Used
This system is developed around two sections of tools; primary tools used in developing the system and secondary tools to help with visual styling. Primary Tools: Microsoft SQL Server 2008. Microsoft Visual Studio 2008. Secondary Tools: Adobe Photoshop CS 5. Adobe After Effects CS5. Adobe Illustrator CS5. Adobe Premier CS5 HighSlide JS. Primary tools used in this system are basically the database which runs using the Microsoft SQL Server 2008 in the background handling all database inputs and queries. The core tool for developing the system is Microsoft Visual Studio 2008, which is basically the server running the entire system. Using this, we develop everything in the system, layout to complicated code running the system and integrating with the database. The secondary tools are used mainly for visual presentation and making the system presentable and appealing to users.
Infinity Gaming
Page 6

Tools and functions
Primary tools Microsoft SQL Server 2008 The SQL server is used for developing the database, which handles all queries done in the system. For example, adding and deleting items in the shopping cart and searching for a specific product using the built in search.
Microsoft Visual Studio 2008 Visual Studio is used to develop and run the entire system. All coding used are (C# language). Microsoft Visual Studio and Microsoft SQL Server both, work hand in hand to keep the system running. Visual studio is also used for all debugging in the system, if the system happens to have any bugs.
Infinity Gaming
Page 7

Secondary Tool Adobe Photoshop CS5
Adobe Illustrator CS5 Illustrator is used to create all the buttons, templates and visual layouts in the system. Illustrator is also used to create logos; using vectorized images, which do not loose their quality even when zoomed into many times.
Adobe After Effects CS5 After Effects is used to create a custom video for the Infinity Gaming Title, which then is appended in front of every video for each product.
Adobe Premier CS5 Premier is used to edit videos which are later incorporated into the system.
HighSlide JS HighSlide is used to create the visual gallery and thumb nail view that users will use to check out all related images associated with each product tittle.
Infinity Gaming
Page 8

Benefits of using these tools The Primary tools are practically the core of the system; database to store and fetch data and visual studio to run and display all data. Since, the primary tools are Microsoft based, integration between the database and server is not complicated. The secondary tools are used mainly for visual and presentation proposes.
Infinity Gaming
Page 9

1.4 Conclusion
This system can drastically reduce piracy; games being sold really cheap. Users who are into buying original games will find them self-pulled in immediately due to the low price and quantity of products.
Infinity Gaming
Page 10

Chapter 2: Literature Review
2.1 Objective Review
Review One
Game Review Game reviewing is an essential tool for gamers as it helps provide an in depth information for each game/product. It also helps gamers define the area of interest; example if a gamer is interested in a First Person Shooter he/she can read reviews on that specific field and select a title of their likings. Review is not purely based on text. Gamers can check out visual trailers to get a better experience on each game. There are two major fields which are covered during a review. Game reviewing covers this major expects: In-depth review. Technical review.
In-depth review An in-depth review should cover all major aspect of each title. Each review should talk on how the story of the game is told, what gameplay category the game is under and what the final conclusion is then by giving each game a proper rating. All-in-all, the final say is what gives gamers assurance on whether the game is good and worth spending money on or, it is bad and not worth the effort, time and money.
Infinity Gaming
Page 11

Technical Review In a technical review, the reviewer will speak about how the game is developed: What are the major features of the game that makes it different from others? The game engine used. Technology developed specifically for the game. Which platform is the game design for? System specification required to play the game. Major Features What makes each game different from the other are the features packed in the game. Example; Call of Duty gives users the ability to play with many different weapons in a small area compared to Battlefield 3, which gives users the ultimate experience, introducing complete destruction in the environment and able users to use vehicles like Tanks, Jeeps and even Jets.
The Engine The engine is the soul and heart of the game. It is what the game runs on and gives that unique experience to players. Game destruction, environmental detail and physics are all produced, rendered by the engine when the game is being played.
Platform Usually games are developed based on user demand. Ether it is for the PC or for the console, the review on each are about the same but the overall quality of the game play differs from one another. Console games are limited to the ability of the, ability of the console hardware which cannot be upgraded unlike the PC, which can be upgraded at any given time.
Infinity Gaming
Page 12

System Specification System specification review is basically tells users that the game requires a certain degree of hardware specification; Minimum and recommended specifications. This has to be met in order for the game to run smoothly. Example: Minimum requirements for Battlefield 3 OS: Windows Vista or Windows 7. Processor: Core 2 Duo @ 2.0GHz. RAM: 2GB. Graphic card: DirectX 10 or 11 compatible Nvidia or AMD ATI card. Graphics card memory: 512 MB. Hard drive: 15 GB for disc version or 10 GB for digital version.
Battlefield 3 specification [online] Available at: < http://bf3blog.com/battlefield-3-system-requirements/> [Accessed 6.october.2011]
Recommended system requirements for Battlefield 3 OS: Windows 7 64-bit. Processor: Quad-core Intel or AMD CPU. RAM: 4GB. Graphics card: DirectX 11 Nvidia or AMD ATI card, GeForce GTX 460, Radeon Radeon HD 6850. Graphics card memory: 1 GB. Hard drive: 15 GB for disc version or 10 GB for digital version.
Battlefield 3 specification [online] Available at: < http://bf3blog.com/battlefield-3-system-requirements/> [Accessed 6.october.2011]
Infinity Gaming
Page 13

Major Categories in game reviews All games are categorized based on four major categories: First Person Shooter (F.P.S). Real Time Strategy (R.T.S). Role Playing Game (R.P.G). Massive Multiplayer Online Role Playing Game (M.M.O.RP.G). First Person Shooter (F.P.S)
Battlefield 3 In-game footage [computer game] available at: <http://www.videogamer.com/pc/battlefield_3/screenshot-11.html> [Accessed 6.October.2011]
A First Person Shooter (FPS) game is basically a Point of View type of game; the world is viewed as what the character is looking at. Basically, what the player sees is the world from the characters eyes and the weapon his/her characters are carrying. Most FPS games are mainly combat or warfare type of games, it is a typical point and shoot game, which involves a fast paced and high intense games play; forcing players to think outside the box and have superbly quick reflexes. Games such as Battlefield 3, Counter Strike, Modern Warfare and many more deliver such anticipation and experience to players. FPS games are highly popular among the gaming industries and are the majority games played by PC gamers in particular. Reason being; players are able to have freedom to move their characters just by a flick of their wrist using the mouse and unlimited control using the keyboard. Such games are only able to deliver this high octane experience on the PC as console players are limited by the amount of space on their controllers and complicated button combinations to pull off a maneuver.
Infinity Gaming
Page 14

Real Time Strategy (R.T.S)
Starcraft 2 In-game footage [computer game] available at: < http://www.blugga.com/2010/07/29/starcraft-ii-finally-launched/> [Accessed 6.October.2011] In a Real Time Strategy (RTS), as another type of war-game; basically RTS games are like board games or like chess. RTS requires players to think and strategies to create, conquer and destroy. Players position and maneuver units under their control and create structures to build their army/units.
In a typical RTS, it is possible for players to create/build units in the masses, but this is generally limited by the amount of resources which is a requirement in order to make progress in the game. These resources are intern harvested at special points, positioned trough out the entire map; possessing certain types of units and structures devoted to this purpose. All-in-all an RTS requires players to strategies on their tactics, in order to over throw their opponents. Players can decide whether they want to, take it slow and gather resources; this would lead to a big unit position but will also compromise their fundamental defenses if the player were to be attacked very early in the game.
Infinity Gaming
Page 15

Role Playing Game (R.P.G)
Mass Effect 2 In-game footage [computer and console game] Available at: < http://tom2network.com/wp-content/uploads/2011/01/Mass-Effect-2-2.jpg> [Accessed 7.October 2011]
In a Role Playing Game (RPG), players take up roles of their characters and their life story in the game. RPG game is like a big story book; where the game is told chapter by chapter. Players progress based on a storyline. An RPG game gives player the ability to control, back and forth between characters. Each character plays an individual role to the story line, by helping the main character. Each character is given different abilities and players decide which combination is the best for a specific situation.
Infinity Gaming
Page 16

Massive Multiplayer Online Role Playing Game (M.M.O.RP.G)
World of Warcraft [computer game] Available at: < http://wow.joystiq.com/tag/all-the-worlds-a-stage/> [Accessed 7.October 2011]
Massive Multiplayer Online Role Playing Game (M.M.O.R.P.G), are based online for players all around the world to join and play. Nearly all MMORPGs feature a character progression system in which players earn experience points for their actions and use those points to reach character "levels", which makes them better at whatever they do. Traditionally, combat with monsters and completing quests for NPCs, either alone or in groups, are the primary ways to earn experience points. The accumulation of wealth (including combat-useful items) is also a way to progress in many MMORPGs, and again, this is traditionally best accomplished via combat. The cycle produced by these conditions, combat leading to new items allowing for more combat with no change in gameplay, is sometimes pejoratively referred to as the level treadmill, or 'grinding'. The role-playing game Progress Quest was created as a parody of this trend.
Infinity Gaming
Page 17

Example of review website Ign.com
Ign.com [Game review website] Available at: < www.ign.com> [Accessed 7.October 2011]
Ign.com is a very famous online gaming review website. They cover from games to cheats and also have forum called WIKI which users can access to find detailed documented instruction on how to play a specific game. Ign is known for its accurate game rating and comprehensive and in-depth review to all their games shown on the website.
Infinity Gaming
Page 18

Review Two
Promote product Online promotion of products is not something that comes easy and thus it requires possessing a lot expertise as well as many skills. Even though the Internet is considered the best means by which online marketing can be done because it offers the possibility to reach a far wider audience than conventional promotional avenues, you still need to know your way around if you are to enjoy the fruits of your hard work. Today, the online space is considered as being a global village and normal boundaries have become more or less blurred. Still, to tap into this worldwide market you still need to know what is the best means to promote your products online Promoting a product in this case PC games, basically requires a good layout and design which will impress the target audience on its first glance. A proper way to promote a product should consist of these elements: Attractive design. Easy and simple navigation. Simple layout Proper use of color
Attractive design In order to promote a product, attractiveness is everything. Keeping things simple form and minimalistic; not having too much information on a single page, yet only providing important information. Design should always please users whom have visited the. Having use of proper space and proper use of fonts is also a really important aspect. Having the layout spaced out evenly throughout the entire design and maintaining consistency will not confuse users and keep then focused on the product in mind.
Infinity Gaming
Page 19

Easy and simple navigation For users, they want websites to be clear, concise and straight to the point. Users can navigate easily and efficiently, with very clear directions. Many buttons that we see online does not get the users to where they want to be, and this is very time consuming, and would throw them off all together, and so the website will not be used as its full intended.
Simple layout With a very simple layout; simple meaning functional, it visually communicates well with the users. Everything is not scattered everywhere and clustered. A simple, well organized layout, is easy on the eyes and mind. When a person goes on the internet, he has one intention in mind, and with the simplicity of a layout, he can achieve that easily. It should follow the theme of the products but it should be done professionally and well thought of.
Proper use of color As we can see, many websites (mostly the websites which are free), shows very poor choice of colors for their layouts. Black background with long white sentences just hurts the eyes. A user wants to read the information easily without having to strain their eyes and get a headache. It should be of a legible font and the colors should not contrast each other too much. If you were to use contrasted colors, make sure there isnt too much text on it. It has to be of a soft tone when a viewer reads the message/information. Color is symbolism. We say someone who is jealous is "Green with envy". Someone who is sad is said to be "Blue." When we are angry, we see red." Colors affect us psychologically. They can stimulate our appetite or suppress it. They can make us happy, excited, angry or sad. An example to this will be; Warm Colors Red: Red is one of the most powerful and attention-getting colors. Red symbolizes passion and fire, love and lust. It has been proven to raise blood pressure and cause perspiration. Red reflects energy and can motivate an individual to take action. It can also symbolize war, violence, blood, and aggression. Pink, however, is the softer side of red. Pink is romantic, calming and feminine. [cited] [Choosing the Perfect Colors for Your Web Site (2003)]
Infinity Gaming
Page 20

Review Three
User Authentication User authentication is the core to provide protection of private data/information online. The ways in which someone may be authenticated fall into three categories, based on what are known as the factors of authentication: something you know, something you have, or something you are. Each authentication factor covers a range of elements used to authenticate or verify a person's identity prior to being granted access, approving a transaction request, signing a document or other work product, granting authority to others, and establishing a chain of authority. Security research has determined that for a positive identification, elements from at least two, and preferably all three, factors be verified [cited] [Federal Financial Institutions Examination Council (2008)]. The three factors (classes) and some of elements of each factor are: Ownership factors: Something the user has (e.g., wrist band, ID card, security token, software token, phone, or cell phone) [cited] [Federal Financial Institutions Examination Council (2008)] Knowledge factors: Something the user knows (e.g., a password, pass phrase, or personal identification number (PIN), challenge response (the user must answer a question) [cited] [Federal Financial Institutions Examination Council (2008)]
Security All websites which deals with online transaction would have a level of security to protect user information up to a certain degree. Transaction websites would usually provide security between these two types: HTTPS (Hypertext Transfer Protocol Secure) SSL (Secure Socket Layers) [cited] [Federal Financial Institutions Examination Council (2008)]
Infinity Gaming
Page 21

HTTPS HTTPS or Hypertext Transfer Protocol Secure is a combination between Secure Socket Layers (SSL) and Transport Security Layers (TSL). With this combination, security is provided through encryption. HTTPS is used worldwide; it does not take up much bandwidth and eases transaction connection. When visiting a website to purchase or order a product the HTTPS functions is activated. When the user is ready to order, the user will be given a Web page order form with a Uniform Resource Locator (URL) that starts with https://. When the user clicks "Send," to send, the page back to the catalog retailer, the browser's will then use the HTTPS layer to encrypt it. [cited] [HTTPS (HTTP over SSL or HTTP Secure) (2000)] The acknowledgement that the user receives from the server will also travel in encrypted form, arrive with an https:// URL, and be decrypted for you by the browser's HTTPS sub layer. The effectiveness of HTTPS can be limited by poor implementation of browser or server software or a lack of support for some algorithms. Furthermore, although HTTPS secures data as it travels between the server and the client, once the data is decrypted at its destination, it is only as secure as the host computer. [cited] [HTTPS (HTTP over SSL or HTTP Secure) (2000)]
Infinity Gaming
Page 22

How does HTTPS work? HTTP operates at the highest layer of the OSI (Open Systems Interconnection) Model, the Application layer; but the security protocol operates at a lower sub layer, encrypting an HTTP message prior to transmission and decrypting a message upon arrival. Strictly speaking, HTTPS is not a separate protocol, but refers to use of ordinary HTTP over an encrypted SSL/TLS connection. Everything in the HTTPS message is encrypted, including the headers, and the request/response load. [cited] [Simplified SSL - About Secure Sockets Layer and HTTPS (2007)]
SSL Secure Sockets Layer, a protocol used for transmitting private documents via the Internet. SSL uses a cryptographic system that uses two keys to encrypt data, a public key known to everyone and a private or secret key known only to the recipient of the message. Both Netscape Navigator and Internet Explorer support SSL, and many Web sites use the protocol to obtain confidential user information, such as credit card numbers. SSL is also used in VO-IP (Voice over Internet Protocol) calls and online transaction. Not all websites use SSL, due to the load it requires the servers to handle and the amount of High level of bandwidth require by the user to access the web page. [cited] [Simplified SSL - About Secure Sockets Layer and HTTPS (2009)]
Infinity Gaming
Page 23

How does SSL Work?
Verising [Online web security and encryption] Available at: < http://www.verisign.com/ssl/ssl-information-center/how-ssl-security-works/> [Accessed 7.October 2011]
Cryptography SSL protects confidential information using cryptography. Sensitive data is encrypted across public networks to achieve a high level of confidentiality. Primarily, PKI utilizes asymmetric cryptography that is considered more secure than symmetric cryptography. Simply, asymmetric algorithms use one key for encryption of data, and then a separate key for decryption. Asymmetric algorithms are stronger than symmetric algorithms because even if the encryption key is learned in one direction, the third party still needs to know the other key in order to decrypt the message in the other direction. [cited] [How Does Secure Socket Layer (SSL or TLS) Work (2009)]
Infinity Gaming
Page 24

Public and Private Keys SSL, generally speaking, takes advantage of the strengths of both public-key and symmetrickey encryption technologies. Public-key technologies both securely authenticate clients and servers and exchange trade secret symmetric keys used in the encryption sessions. SSL certificates in particular have a public key and a private key; a public key to encrypt information and the private key to decipher it. When a browser points to a secured domain, a secure sockets layer handshake authenticates the server and the client and establishes an encryption method and a unique session key. They can begin a secure session that guarantees message privacy and message integrity. [cited] [How Does Secure Socket Layer (SSL or TLS) Work (2007)]
Infinity Gaming
Page 25

Review Four
Provide purchasing options Users should be able to buy products that they have selected. Websites now a day provide the easy shopping using a software called a Shopping Cart. Shopping cart software is software used in e-commerce to assist people making purchases online. The software allows online shopping customers to accumulate a list of items for purchase, described metaphorically as "placing items in the shopping cart". Upon checkout, the software typically calculates a total for the order, including shipping and handling (e.g., postage and packing) charges and the associated taxes, as applicable. This shopping cart software also provides users to edit items on the fly. E.g., Users can add in multiple items and they can use the shopping cart to calculate how much the total cost will be, if the user decides to remove items; it can be done by just clicking on the remove/delete item button. The shopping cart will then re-calculate the amount.
Polling The polling system allows users to rate each product/game based on their own experience. This usually involves the use of java scripts. With polling, users are able to understand with further detail if the specific product is worth buying. Its a simple system but an effective way to show the quality of a product.
Infinity Gaming
Page 26

2.1 System Implementation
Function One
User Login & Logout Logging in is usually used to enter a specific page, which trespassers cannot see. Once the user is logged in, the login token may be used to track what actions the user has taken while connected to the site. Logging out may be performed explicitly by the user taking some action, such as entering the appropriate command, or clicking a website link labeled as such. It can also be done implicitly, such as by the user powering off his or her workstation, closing a web browser window, leaving a website, or not refreshing a webpage within a defined period. In the case of web sites that use cookies to track sessions, when the user logs out, sessiononly cookies from that site will usually be deleted from the user's computer. In addition, the server invalidates any associations with the session, making any session-handle in the user's cookie store useless. This feature comes in handy if the user is using a public computer or a computer that is using a public wireless connection. As a security precaution, one should not rely on implicit means of logging out of a system, especially not on a public computer, instead one should explicitly log out and wait for the confirmation that this request has taken place. Logging out of a computer when leaving it is a common security practice, preventing unauthorized users from tampering with it. There are also people who choose to have a password-protected screensaver set to activate after some period of inactivity, requiring the user to reenter their login credentials to unlock the screensaver and gain access to the system.
Implementation The User login and logout uses the database to store all registered information from the user once they register them self. The login is coded using C#. Using session check the system is able to recognize each and every individual login and show the appropriate welcome message E.g., if a user named Sam logs in, the system will show Welcome Sam on each and every page.
Infinity Gaming
Page 27

Function Two
Search The search Engine will use a contextual search method, where the user will type in ether a specific name of a product or the exact name. The system will then use key words or Tags/flags as we call it to cross check the queries with the database. Once a match is found; the result will be shown. The result will be in a hyperlink form, where user can click and go directly to the product page. This method involves minimal coding and does not require complicated algorithm. The down side is, if the users query does not match the tags/flags specified in the database; no result error will be shown. Implementation The Search Engine module will search an entire page also dynamic pages for matching keyword or a phrase and will count how many times the keyword or phrase are found on the page, and display the results with the highest matches first. The module will search all files with the extensions that you can easily place the extension name into the web.config file where indicated. Files or folders that you don't want searched can be placed in the web.config where indicated, so these files and folders are not searched. Also now you can choose the encoding of your choice.
Infinity Gaming
Page 28

Function Three
http://highslide.com/ [Web Image Galary] Available at: < http://highslide.com/ [Accessed 07 October 2011]
Dynamic Image Gallery The dynamic image gallery uses Highslide JS, which uses Java script and CSS to execute its functions. Highslide JS Gallery is a unique way of modern presentation of any kind of products pictures. It allows the whole content of web site to be more attractive and user friendly.
Implementation Using CSS herder tags and anchor points, together with Highslide it is able to create very dynamic image gallery which has functions like extend to zoom; makes thumbnail pictures extended to full resolution once clicked on. Highslide also works with a java core where it is used to bring out all the visual presentation like drop shadows and translucency.
Infinity Gaming
Page 29

2.3 Studies on Existing System
Example System One Gameon.com.my
gameon.com.my [Online Game retail Website] Available at: < www.gameon.com.my> [Accessed 08 November 2011]
The Website Gameon.com is an online game retail website, where they sell their product online and will then deliver it to the customers doorsteps. Gameon deals not just with PC games but also with console games to ensure their target market is achieved. Gameon is simple in its design and functionality. Each product has a small introduction to it and has a video to show users trailers to show them some insight to the product before buying it.
The Layout Costumers whom visit their website will right away see how well structured and well organized the website is; all contents are well within reach and there is no confusion going on. The logo is clearly presented at the top right hand side of the screen. Moving down, the main navigation buttons as well as the search engine are located right below the logo and are clear and simple to understand. Infinity Gaming Page 30

On the right hand side of the screen, there is the shopping cart information where users who have placed items into to shopping cart can review it from the home/master page itself. Just on the left hand side, below the logo is located the welcome message bar and the user login. Below it, there is another search engine; this is a bit redundant because users can just click on the other search bar which is located in the navigation pane and search from there. There is also the category browser which consists of drop boxes. Users can click on a genre of their choice and select a specific field, E.G., User can select PC games then select Shooter for all shooter titles. Moving further down, there is the upcoming product list and the buying and contact information section. Lastly, each product has its little own review/synopsis on each product (once click on) and a small game trailer video to show users what the product is like also meshing it up with a little user feedback and star polling rating system. The layout on Gameon.com.my is perfectly placed all around with the use of proper spacing and a very modest and decent color scheme.
Functionality The website has all the basic function of an e-commerce shopping site. Which consist of: User Login & Logout User Registration Shopping cart Search Engine Promotional flash player
User Login & Logout Gameon uses the basic login and logout system; clicking on Signup will redirect users to the login page. It also uses session check to produce the apporiate welcome message for each user, E.G., If user John logins, the system will display a welcome message saying Welcome John.
Infinity Gaming
Page 31

User Registration
gameon.com.my [Online Game retail Website] Available at: < http://www.gameon.com.my/webshaper/store/createAccount.asp> [Accessed 08 November 2011]
User registration on Gameon is a bit lengthy but is this information is required because Gameon deals with delivery of products. The registration page is really clean and well organized; asking only important information related to the user, E.G., Name, phone number, password and password confirmation, etc. The registration page is also uses field-check to ensure that the password and email field is filled in properly.
Infinity Gaming
Page 32

Shopping cart
Gameon shopping cart is really impressive. It allows users to add products to it with out actually logging in. This helps for those who only wish to buy a product but are not interested in registering for the website. The shopping cart also allows users to change the quantity of the product on-the-fly which is very useful for users whom wish to buy in bulk. All the users have to do is select the amount and click on update cart and the cart will instantly update without refreshing the page. Once done, users can proceed with checkout; guest or registered members. The shopping cart will hold information for guest users until they proceed to check out and make the payment. Registered users on the other hand, can review their shopping details in their account information.
Infinity Gaming
Page 33

Search Engine
Gameon has two different search. One is the quick search bar and the other one is a advance search. Both search work in the same mannor; contexual search based on tags or flags set in the database. The only difference the two search on Gameon is, the advance search lets the user select the the catogary , manufacturer, price and even Stock-keeping unit number. Once a quire is submitted, the result is shown in a vertical tile form where each thumbnail image of each product is shown. Users can then select the product which they were searching for and go directly to the page.
Infinity Gaming
Page 34

Promotional flash player
The promotional method chosen by gameon is using a flash player showing static promotional images. The player just loops four different promotional images automatically; taking advantage of the flash players built in loop function. Its very simply yet it is really effective because it relays the message perfectly without any confusion in between. Pros The website is very well structured, all the content is within reach and there is no confusion of any sort. The use of space, arrangement and color are all very well done. It is not messy and it is easy on the eyes when looking it the website. The shopping cart in the system is really well made, very user centric and also does not require user to login to actually buy the product.
Con Although Gameon is very well structured but there are still a few problems in it. To begin with, the search is not exactly accurate; finding a product with the use of a broad search will relay over hundreds of irrelevant results. The other problem is the positioning of the Sign in button; its too small to see and it is using almost the same color of the background pane.
Conclusion Gameon is very well built, everything is in the proper place with the use of proper content. Although it might have some small flaws, it is still a really well made website which is very user centric and very easy to navigate through.
Infinity Gaming
Page 35

Example System Two TheSoftwareButiq.com
http://www.tsb.com.my/ [Online Game retail Website] Available at: < http://www.tsb.com.my/> [Accessed 08 November 2011]
The Website The Software Boutique or better known as TSB is also another very well-known website. TBS website is pretty straight forward website; Click, add to cart and purchase. There are no advertisements or confusing contents on the website; clean and combatable to the eye. The website shows all the content up front. There are no drop boxes used on the website.
The Layout The layout used by TSB is very simple. On the very top, right hand side of the screen is the Logo and on the right hand side is the search bar and shopping cart, below it is the navigation pane, which consists of Promotion, my account, How to order, Contact us and Feedback; very simple, very easy to use and navigate. Moving down, both on left and right hand side of the screen are located are small boxes which contains information of specific product; designed using CSS (Cascading Style Sheets). The on the right hand side, are used for product navigation.
Infinity Gaming
Page 36

Each category is segregated into separate and respective sections; for easy navigation. On the left hand side of the screen are located the login rewards and theme control. And in the middle of the screen are located the products and the promotional flash screen. Lastly, each product has its little own review/synopsis on each product (once click on) and a small game trailer video to show users what the product is like. TSB basic color scheme is simply the use of black and yellow all around but the website has a lot of berating space which does not stress the users eyes. Functionality The website has all the basic function of an e-commerce shopping site. Which consist of: User Login & Logout User Registration Shopping cart Search engine Promotional flash player User Login & Logout The user login and logout system for TSB is pretty straight forward. Just click on the login text, located on the left hand side of the screen and proceed with entering the login details. Sadly TSB website is not using session check which means there is no welcome message shown to the users on any of the pages. Only after the user logs in; is able to use all the functions of the website.
Infinity Gaming
Page 37

User Registration
The user registration system on TSB is also really simple, requiring the standard particulars like Username, Password and Contact information. The user registration page does not contain any field checking so users will not know if any details are keyed in wrongly until they hit submit. Not having any field checking does make registering for TSB a bit of a hassle as, users are to re-enter their password every time the any detail is wrongly keyed in.
Infinity Gaming
Page 38

Shopping cart
TSB shopping cart is really simple same as the one used at Gameon.com. It allows users add products into the cart then if they wish, they can simply update the cart by changing the quantity value and hitting on the update button. The biggest drawback to TSB shopping cart or any method of purchasing a product, is that, they user is required to make a User Account; else users cannot purchase any product. The shopping cart is also bundled up with TBS My GamerPoints where user buy products online and get rewards; the lay out becomes cramped without much breathing space.
Search Engine TSB only has one simple quick search bar located on the top left hand side of the screen. Its a simple contextual search engine where once a quire is submitted; the result is shown in a vertical tile with a row of two products in each column. Thumbnail image of each product is shown. Users can then select the product which they were searching for and go directly to the page. The search does work well when it comes to using abbreviated forms for example if a user were to search a product titled Need for Speed, he only needs to enter NFS and the results will be shown.
Infinity Gaming
Page 39

Promotional flash player
The promotional method chosen by TSB is using a flash player showing static promotional images. The player just loops four different promotional images automatically; taking advantage of the flash players built in loop function. Its very simply yet it is really effective because it relays the message perfectly without any confusion in between. Just above the player there is also a banner showing updated on current products.
Pros The Software Boutiques website is built for simplicity. There is allot of breathing room in the layout and no confusing contents; everything is in place. The search engine works well with the system, pulling out the right quires.
Cons The Software Boutique chose to go with a very easy and simple design which works. Unfortunately it does have some major drawback. Firstly, the user must register to buy products; some users would just want to buy the product and leave.
Conclusion The Software Boutique system is a bit on the down side due to the reason that users are restricted from buying products without logging in. Apart from that, the structure of the system is really good and user friendly.
Infinity Gaming
Page 40

Example System Three www.gamestation.co.uk
http://www.gamestation.co.uk/ [Online Game retail Website] Available at: < http://www.gamestation.co.uk/> [Accessed 08 November 2011]
The Website Gamestation.co.uk (Gamestation) is a very well-known online Game and console retail store. Gamestation does not just deal with products being sold in the United Kingdom but, all around the world. Comparing to Gameon and The Software Boutique, Game station is really made like a world class website. Just the layout is made to be all around Gaming for the hard core gamers. Gamestation is just packed with features which are very useful for their target market.
Infinity Gaming
Page 41

The Layout Layout used by Gamestation is simply amazing, just looking at it; users will know that this website is made for hardcore gamers. The layout is not following the conventional layout which is top, left and right with the content in the middle. Gamestation uses a top down design where on the very top right hand side of the screen is located the logo baring the name of Gamestation along that row, is the search bar. In that same row is the shopping cart; using CSS (Cascading Style Sheets) when hovered over details of the cart would be shown. Moving down, there is the flash player promotion banner and below that are the products. The products are arranged in three separate categories. Which are Promotion, Best sellers and Cheaper than ho-ho-ho. Once the user clicks on a specific product, he/she will be redirected to that specific products page. The product page is quite simple; one big image of the product, below it is a small image gallery; which only comes up when the image is click on. Right beside the image is the product details and a small video trailer. Above that are some useful tabs; Overview, Product details, User review and Articles. All this tabs load with in the page, which does not require the whole page to refresh. Just below the selected product page are more products which are recommended to the user. This products have a features called quick view; using CSS, user just click on the product and a small over view of that product pops up without even leaving the page.
Infinity Gaming
Page 42

Functionality Gamestation has all the basic function of an e-commerce shopping site. Which consist of: User Login & Logout User Registration Shopping cart Search engine Promotional flash player
User Login & Logout The user login for Gamestation is apparently hidden away with in a drop box; hard to find. Once on to the user is redirected to the login page, which then is pretty straight forward to login. Just enter the username and password which the user has registered with. Apparently only once the user has logged in then only he/she is able to use this features: Express Checkout Privileged Promotions Latest news & reviews Set up price and stock alerts via email Create your own wish list
Infinity Gaming
Page 43

User Registration
The registration page on gamestation is really neat and well structured. Gamestation requires registration page, requires the normal details like Display Name, First Name, Last Name, E-mail and Confirmation E-mail. Since gamestation delivers outside of the United Kingdom, they require you to select a Region and key in the users Address and the Postal\ZIP code. The user can only proceed to complete the registration once he/she click on the find address and the system actually recognizes the address; good since gamestation does not actually deliver to all over the world. Game station also uses field-check for every registration details entered.
Infinity Gaming
Page 44

Shipping Cart
Gamestation shopping cart is really simple same as the one used at Gameon.com and on The Software Boutique. It allows users add products into the cart then if they wish, they can simply update the cart by changing the quantity value and hitting on the update button. The layout of Gamestations shopping cart is really clean and simple; showing the product that is placed in the cart using a thumbnail image of the selected product.
Search Engine Gamestation offers a really good search engine; contextual search engine. This is able to bring back results even with the use of very short keywords E.G, user can search for a product with the tittle Assasins Creed but they just have to enter AC into the search engine and the proper result would be shown. The results are shown in a layout designed to be individual boxes in a grid; showing price, tittle and category.
Infinity Gaming
Page 45

Promotional Flash Player
Gamestation integrates the user of a simple flash player and merges it with really nice graphics and images. This flash player banner has a Pause/Play function which users can control. The player just loops four different promotional images automatically; taking advantage of the flash players built in loop function. Its very simply yet it is really effective because it relays the message perfectly without any confusion in between. Pros Gamestations system is really well built. Its layout is made to look really hardcore really targeting the hardcore gamers. Everything on the system works really well, the search engine is fantastic as it retrieves quires even with the shortest abbreviations. The shipping cart is also really well made, just hovering over it; users are able to see details of the product placed inside it without even having to leave the page.
Con Sadly no matter how well built a system is or how perfectly it is designed, there will always be a flaw in it. Gamestations biggest flaw is the location of the Login and User Registration. It is practically hidden away and takes some time to find out where it is. This leaves users wondering; how do they buy products if they cant register or login to the system.
Conclusion All-in-all Gamestation delivers the best and for its users. Using the best layout together with functions which benefits the users when buying or checking out a product and complimenting with the best user of color and space for almost zero confusing elements and easy navigation.
Infinity Gaming
Page 46

2.4 Conclusion
Comparing all the current available system to Infinity Gaming it seems to show that all the basic functions must be covered: User Login and Logout Search Shopping Cart Promotional Banner Those are the basic elements which should be covered and must not be left out of the system. Additional functions like: Image Gallery Dynamic Search Advance Java script content Would give a plus point to the system. Functions like this make it easy for users to use the system and also keep them coming back because of its usability. Looking back and comparing the three available systems Gameon, The Software Boutique and Gamestation I have found that to make a system work; does not require to have advance functions having the most basic and simplest function would work and still go a long way. This is how the three systems work and are able to sell their products. Gameon.com Gameon uses all the basic features bundling it with an easy to navigate layout, makes it able to please its users. TheSoftwareBoutique.com The Software Boutique uses the most basic function even the layout is really basic; just showing what the user wants. But the system is not confusing and very easy to navigate through Gamestation.com Gamestation delivers the very best of both functions and visual styling. It sets the par on how a high end e-commerce system in this field of commerce. Infinity Gaming Page 47

Chapter 3: System Design
3.0 Introduction
Infinity Gaming is an online computer game retail store, where users can read review and buy games online. Once users buy a product from them, they will then deliver the selected product to their customer house. The Infinity Gaming system runs on a ASP.NET framework. The entire system runs on Microsoft Visual Studio 2008 which is the server that hosts the Infinity Gaming website. The system also has a back end database which stored all the user information and also product information this is all running on the Microsoft SQL server 2008. The entire system is coded using the C# language. Reason why this language was chosen was due the fact that it has dynamic capabilities and is also a well-structured language, which is easy to read and is not messy. Infinity Gaming has everything that a proper online e-commerce website should have in order to function. It cover all basic aspects of the function: User Login and Logout User Registration Videos Images Shopping Cart Check Out Promotional Banner Infinity Gaming also covers a few extra functions like : Administrator Page Dynamic Image Gallery Dynamic Image Viewing Infinity Gaming is developed by gamers for gamers in order to provide the best experience to users when they enter to buy a product. This is the reason why Infinity Gaming is only limited to PC games instead of Console based games.
Infinity Gaming
Page 48

3.1 Overall system design
Infinity Gaming
Image Home Page The Website Infinity Gaming is an online computer game retail store, where users review and buy games. A very good example of a similar system is TheSoftwareBoutique which is also an online computer game retail store. Once users buy a product from them, they will then deliver the selected product to their customer house. The function of this website is to let users purchase computer games through an online market. User can just sign in, select a game add it to their cart and then purchase it. Once purchased, the game will be then delivered to their door steps. The Layout The layout for Infinity Gaming is based on a minimalism concept where everything is in its most minimalistic form simple to its core. Everything in the system is easy to view and easy to navigate through. The background for the system is just a simple wood gradient with a blue and silver tone. The entire layout is controlled using the MasterPage and Cascading Style Sheets (CSS).
Infinity Gaming
Page 49

The Dynamic logo is located on the very top right hand side of the screen. Along that row to the left of the screen are located six buttons; Home, Cart, Products, Search, Gallery and About Us. Moving down to the center of the page is the content layout. This part of the system layout displays all content information, E.G, navigating to the Product page, the center layout will display the product page, which involves Videos Images and a small review to the product. To the left of the screen from the center page is the User Login & Logout, Registration, Contact Us Field and at the bottom developer links. At the very bottom is located the developer links, which users can use to check out developer websites.
Home Page
Image Home Page The entire system is controlled by a Master Page the Logo, Buttons and User Login is all consistently located in their respected location . The home page is where users can read the latest news. Since Its consisting of a Promotional banner which shows products on sale located on the very top of the page. The home page also has images and videos of latest news in the gaming industrys.
Infinity Gaming
Page 50

Login
Insert Login successful and Login Fail There is no user login & logout page in the Infinity Gaming website, instead the login is located on each and every page. If the user enters an invalid login id, he/she will be prompted an error message telling them that the login attempt was not successful and they will have to try again (image left of screen). If the user has successfully logged in he will be shown the welcome screen and then will be able to check their shopping cart(image right of screen).
Infinity Gaming
Page 51

Registration
Insert Registration Page The registration page consist of seven individual fields. Which all must be entered in order to complete the registration. If the user does not enter anything in the any of the fields an error message account the empty field will be prompted, E.G, if the user leaves all the field empty and clicks save an error saying Name field cannot be left empty would be prompted. The error check works for all the fields. Once the user fills in all the fields then only he/she is able to proceed with the registration.
Infinity Gaming
Page 52

Product
Insert Product Page The product page only displays what is needed which are the products represented by their images. The products are arranged five in a row and based on two titles which are Upcoming Games and Old Games. Clicking on any of this images, will navigate the user to the respected page.
Infinity Gaming
Page 53

Cart
Insert Shopping Cart The shopping cart page consist of a very simple design following the minimalism concept. It displays the current user who has logged into the system. The shopping cart itself, consist of a table which displays Order ID, Product ID, Title and Price (RM). Each time a user click on Buy from the product page the cart will be updated. Below the shopping cart table is the calculate button which will calculate the total price based on the entries in the cart. The checkout is located at the very bottom is located the Check Out button.
Infinity Gaming
Page 54

Search
Insert Search Page The search used by infinity gaming is based on a contextual search method. It brings in results based on the context that is entered. The search result is displayed with an image then its tittle just below it. Both the image and tittle are clickable and on click will redirect the users to the respected page.
Infinity Gaming
Page 55

Product: Grid
Insert Product: Grid The insert above shows one of the products. This page is where users can purchase their product. Here users can view a short video trailer, view images related to the product using a dynamic image viewing script called High Slide. Just below the images is the synopsis of the product and below that is the table Product Details showing the purchasing information of the product and the Buy button.
Infinity Gaming
Page 56

Gallery
Insert Image Gallery The image gallery used at Infinity Gaming is very unique. Once a user click on any image located in the gallery page, a big image of that image will appear with an auto playing gallery below it. The gallery layout is pretty simple. The full size of the image is displayed together with its title and number of current image, in the middle together with a control box for the gallery. Below it is the vertical image tile for all the images in the entire gallery, which users can click on and view the bigger image of right there and then, without ever having to leave the page.
Infinity Gaming
Page 57

About Us
Insert About Us Page Infinity Gaming
Infinity Gaming
Page 58
Infinity Gaming
Page 59
Infinity Gaming
Page 60

Jawad Project Documentation 1

Transféré par

Informations du document

Description originale:

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Jawad Project Documentation 1

Transféré par

Droits d'auteur :

Formats disponibles

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Promotion Banner A small banner on the top showing current promotions.

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Insert About Us Page Infinity Gaming

Final Year Project Documentation 2011

Final Year Project Documentation 2011

Vous aimerez peut-être aussi