generated from virtual-labs/ph3-exp-template
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #3 from virtual-labs/testing
Testing
- Loading branch information
Showing
180 changed files
with
11,833 additions
and
54 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,24 +1,24 @@ | ||
| ## Introduction | ||
|
|
||
|
|
||
| <b>Discipline | <b>Fill your discipline name here | ||
| <b>Discipline | <b>Department of Design | ||
| :--|:--| | ||
| <b> Lab | <b> Fill your lab name here | ||
| <b> Experiment| <b> Fill your experiment name and number here | ||
| <b> Lab | <b> Creative Design, Prototyping & Experiential Lab | ||
| <b> Experiment| <b> Prototyping of TV Remote Control Panel | ||
|
|
||
| ### About the Experiment | ||
|
|
||
| Fill a brief description of this experiment here | ||
| This experiment teaches you to design a prototype of a TV Remote Control using the standard buttons provided | ||
|
|
||
| <b>Name of Developer | <b> Fill the name of experiment owner here | ||
| <b>Name of Developer | <b> Dr. SANTOSH BISWAS | ||
| :--|:--| | ||
| <b> Institute | <b> | ||
| <b> Email id| <b> | ||
| <b> Department | | ||
| <b> Institute | <b> IIT Guwahati | ||
| <b> Email id| <b> santosh_biswas@iitg.ac.in | ||
| <b> Department | Computer Science & Engineering | ||
|
|
||
| ### Contributors List | ||
|
|
||
| SrNo | Name | Faculty or Student | Department| Institute | Email id | ||
| :--|:--|:--|:--|:--|:--| | ||
| 1 | . | . | . | . | . | ||
| 2 | . | . | . | . | . | ||
| 1 |Hrishikesh Baruah | Project Staff | Computer Science & Engineering | IITG | hrishikeshbaruah@rnd.iitg.ac.in | ||
| 2 |Sudarshana Sarma | Project Staff | Computer Science & Engineering | IITG | sudarshana91@rnd.iitg.ac.in |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,7 @@ | ||
| ### Aim of the experiment | ||
| ### After performing this experiment | ||
|
|
||
| 1. You will know the funcational, usability and aesthetic requirements for a control panel design. | ||
|
|
||
| 2. You will understand the design guidelines to be followed for desinging a control panel. | ||
|
|
||
| 3. You will be able to create and analyse a prototype of TV remote control panel. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1 @@ | ||
| ## Experiment name | ||
| ## Prototyping of TV Remote Control Panel |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,28 @@ | ||
| ### Procedure | ||
| 1.Identify various functions/buttons/elements that you require on your TV remote control panel. | ||
|
|
||
| 2.Clearly specify function and label of each button on the panel. | ||
|
|
||
| 3.Find operational sequences for carrying out various tasks on your remote. | ||
|
|
||
| 4.Freeze a list of all buttons finally required in your panel layout. | ||
|
|
||
| 5.After you press Click Here in simulator tab a prototype builder environment will be available to you. | ||
|
|
||
| 6.This prototype builder consists of | ||
|
|
||
| a.Panel sheet (in center)– Central area with panel cutout for creating layout. | ||
|
|
||
| b.Control button tool box (at right side) - Contains control buttons that can be dragged. | ||
|
|
||
| c.Function keys (on top)– for placing grids, freezing/unfreezing panel sheet, clearing the panel sheet and finally exiting the program. | ||
|
|
||
| 7.We recommend you to draw a pencil sketch of the layout to be designed before you start. Chose one or combination of the principles like operational sequence principle, frequency of use principle or centre of attention principle. | ||
|
|
||
| 8.Start dragging keys from tool box and placing them on the panel sheet. Drag relevant labels and place them appropriately. | ||
|
|
||
| 9.Make use of a grid by pressing appropriate function button on the top. Drag and place various controls in a logical orderly way. | ||
|
|
||
| 10.Once you are done, you can freeze the panel to avoid further changes. Cross check with a reference sample layout. Please note, there is no one correct solution. There could be many layouts that are equally good. | ||
|
|
||
| 11.Compare the standard solution with your prototype and list down the differences in your designed configurations. | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,5 @@ | ||
| ### Link your references in here | ||
| ### URL's | ||
|
|
||
| 1.Minimalistic and intuitive interface design guidelines for consumer electronics devices http://www.jot.fm/issues/issue_2007_03/column5.pdf | ||
|
|
||
| 2.Why Consumer Products Have Inferior User Experience? http://www.useit.com/alertbox/20040315.html |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,210 @@ | ||
| a{ | ||
| color: blue; | ||
| } | ||
|
|
||
| .text{ | ||
| background-image: url("../images/timer.png"); | ||
| background-repeat: no-repeat; | ||
| width: 70px; | ||
| height: 35px; | ||
| color: white; | ||
| padding: 0 0 0 10px; | ||
| border: 0; | ||
| margin-left: 100px; | ||
| margin-top: 50px; | ||
| } | ||
|
|
||
| .index{ | ||
| width: 800px; | ||
| height: 600px; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| background-color: #71BE9E; | ||
| margin-top: 20px; | ||
| } | ||
|
|
||
| .slide{ | ||
| width: 600px; | ||
| height: 600px; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| background-color: #71BE9E; | ||
| margin-top: 20px; | ||
| padding-top: 40px; | ||
| } | ||
|
|
||
| .content{ | ||
| width: 750px; | ||
| height: 550px; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| margin-top: 0; | ||
| padding: 20px; | ||
| font-size: 20px; | ||
| text-align: justify; | ||
| line-height: 2; | ||
| } | ||
|
|
||
| .content a{ | ||
| text-decoration: underline; | ||
| font-size: 25px; | ||
| } | ||
|
|
||
| .content a:hover{ | ||
| text-decoration: none; | ||
| color: black; | ||
| font-size: 25px; | ||
| } | ||
|
|
||
| .container{ | ||
| width: 1000px; | ||
| height: auto; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| margin-top: 0; | ||
| padding: 0; | ||
| } | ||
|
|
||
| .graph1{ | ||
| width: 1000px; | ||
| height: 750px; | ||
| background-color: #E0EAEA; | ||
| margin-top: 50px; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| } | ||
|
|
||
| .letter{ | ||
| width: 600px; | ||
| height: 250px; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| margin-top: 0; | ||
| } | ||
|
|
||
| .block { | ||
| float: left; | ||
| font-size: 190pt; | ||
| height: 200px; | ||
| margin-left: 50px; | ||
| margin-right: 50px; | ||
| margin-top: 0; | ||
| margin-bottom: 10px; | ||
| padding: 0; | ||
| text-align: center; | ||
| width: 200px; | ||
| } | ||
|
|
||
| .color{ | ||
|
|
||
| float: left; | ||
| height: 250px; | ||
| margin-bottom: 10px; | ||
| margin-left: 50px; | ||
| margin-top: 20px; | ||
| padding: 0; | ||
| text-align: center; | ||
| width: 200px; | ||
| } | ||
|
|
||
| .color1{ | ||
| float: left; | ||
| height: 250px; | ||
| margin-bottom: 10px; | ||
| margin-left: 50px; | ||
| margin-top: 20px; | ||
| padding: 0; | ||
| text-align: center; | ||
| width: 200px; | ||
| } | ||
|
|
||
| .button{ | ||
| width: 500px; | ||
| height: 120px; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| } | ||
|
|
||
| .buttons{ | ||
| width: 600px; | ||
| height: auto; | ||
| margin-top: 20px; | ||
| margin-bottom: 10px; | ||
| } | ||
|
|
||
| .sam{ | ||
| width:200px; | ||
| height:100px; | ||
| font-size:30px; | ||
| margin-right: 48px; | ||
| margin-top: 10px; | ||
| } | ||
|
|
||
| .diff{ | ||
| width:200px; | ||
| height:100px; | ||
| font-size:30px; | ||
| margin-left: 48px; | ||
| margin-top: 10px; | ||
|
|
||
| } | ||
|
|
||
| .nxt{ | ||
| width:200px; | ||
| height:100px; | ||
| font-size:25px; | ||
| margin-left: 20px; | ||
| margin-top: 10px; | ||
| } | ||
|
|
||
| .next{ | ||
| width: 100%; | ||
| height: 250px; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| margin-top: 20px; | ||
| background-color: white; | ||
| } | ||
|
|
||
| .rotate { | ||
| -moz-transform: rotate(270deg); | ||
| float: left; | ||
| height: 20px; | ||
| margin-left: -90px; | ||
| margin-top: 280px; | ||
| position: absolute; | ||
| width: 220px; | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| .graph{ | ||
| width: 501px; | ||
| height: 502px; | ||
| float: left; | ||
| margin-left: 30px; | ||
| } | ||
|
|
||
| .obs{ | ||
| width: 400px; | ||
| height: auto; | ||
| float: right; | ||
| text-align: justify; | ||
| margin-right: 10px; | ||
| } | ||
|
|
||
| .coor{ | ||
| height: auto; | ||
| margin-left: -80px; | ||
| margin-top: -10px; | ||
| width: auto; | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| .myDiv{ | ||
| color: red; | ||
| text-align: center; | ||
| width: 200px; | ||
| height: 30px; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| .spinner | ||
| { | ||
| list-style: none; | ||
| display: inline-block; | ||
| line-height: 0; | ||
| vertical-align: middle; | ||
| } | ||
|
|
||
| .spinner input | ||
| { | ||
| font-size:7; | ||
| border-width: 0px; | ||
| height: 12; | ||
| width: 12; | ||
| } |
Oops, something went wrong.