|
|||||||||
|
|
|||||||||
| Project Description: | |||||||||
Groupit is a learning activity.Using this game the user can match information card with the correct category. There will be an unlimited number of cards and minimum of eight categories are added.During the game the total number of cards, mistakes and elapsed time are calculated and then it will be displayed after end of the game. |
|||||||||
| Create Group-It page before information is entered: | |||||||||
|
1. You can create new groupit activity. 2. You can create a minimum of two and maximum of eight categories. 3. To delete a category and all the cards for that category,click the "Delete Category" button. 4. To delete a single card, you have to delete all the information from that particular card. 5. The Add more cards buttons used to add infinite number cards for that particular category. 6. The Add category button used to add new category. |
|||||||||
 |
|||||||||
| Screen 1 | |||||||||
| Edit Group-It page, as it looks after entering information: | |||||||||
This page helps to modify the existing content, add new card information and add new category for groupit activity. |
|||||||||
 |
|||||||||
| Screen 2 | |||||||||
| Play Page during game: | |||||||||
| 1. The number of remaining cards counts down during the game as each card moves to the correct category box. 2. The card information will appear in the box under the correct category when the player clicks anywhere in the correct box. 3. The next card will then appear in the card stack. 4. When the card information moves to the correct box, that box will flash with a green background, for only a fraction of a second, as an indication of a successful pick. If the wrong box is clicked the box will flash with a red background and it will be counted as a mistake. 5. The player can click on Skip to next card for any card in the stack and the next card will appear in the stack. This will not count as a mistake and the card that was skipped will remain in the stack. Skipped cards will appear again after all other cards in the stack are shown for the first time and will continue to cycle until moved to the correct category. 6. The ? icon by each category name will provide information about the category when the user click ?.icon. To hide facts information user clicks again in ? icon. 7. When all cards have been moved to the correct category boxes, the game ends. |
|||||||||
 |
|||||||||
| Screen 3 | |||||||||
| End of the game : | |||||||||
|
1. At the end of the game Next Card buttons appear under each category box.By clicking the Next Card button, players will be able to see the information for each card that was correctly moved to that category box. 2. At the end of the game user get the number of mistakes made by him and the time taken to complete the game. 3. The Start new game button will allow the player to start a new game at any time.The new game should begin with the cards “shuffled” to a new random order. |
|||||||||
 |
|||||||||
| Screen 4 | |||||||||
| Technical specification: | |||||||||
|
In this project we are using AJAX concept to get card information from database.We are using AJAX for avoid page refreshing after every request from a webpage. |
|||||||||
|
