Typing program

Interface Design

The C# typing program user interface includes the following components: a text box to display text for the user to type, information boxes to show the time spent, the number of correct and in incorrect keys pressed, a button to reload the program, two buttons to select the lessons, and the key pad to receive the keys pressed. To accomplish the user interface design step, some controls and components are used. These controls and components include a Form, a RichTextBox, four TextBoxs, a panel, a MenuStrip, a Timer,  and a number of Buttons and Labels as shown in the table below:
Controls and Components Property setting
Form Backcolor: CadeBlue
FormBorderStyle: None
Name: Typingform
RichTextBox Font: Candara, 15.75pt, style=Bold, Italic
Name: txtbox
TextBox Name: textBox1
TextBox Name: txtcorrect
TextBox Name: txtincorrect
TextBox Name: txttime
Panel Name: panel1
MenuStrip item Text: &Exit
Name: exitToolStripMenuItem
MenuStrip item Text: &Minimize
Name:minizeToolStripMenuItem
Timer timer1
Button Text: Esc
Name: bntesc
Button Text: F1
Name: bntf1
Button Text: F2
Name: bntf2
Button Text: F3
Name: bntf3
Button Text: F4
Name: bntf4
Button Text: F5
Name: bntf5
Button Text: F6
Name: bntf6
Button Text: F7
Name: bntf7
Button Text: F8
Name: bntf8
Button Text: F9
Name: bntf9
Button Text: F10
Name: bntf10
Button Text: F11
Name: bntf1
Button Text: F1
Name: bntf11
Button Text: F12
Name: bntf12
Button Text: Num
Name: bntnumlk
Button Text: Insert
Name: bntfinsert
Button Text: Delete
Name: bntdelete
Button Text: Pause
Name: bntfpause
Button Text: `
Name: bntaccent
Button Text: 1
Name: bnt1
Button Text: 2
Name: bnt2
Button Text: 3
Name: bnt3
Button Text: 4
Name: bnt4
Button Text: 5
Name: bnt5
Button Text: 6
Name: bnt6
Button Text: 7
Name: bnt7
Button Text: 8
Name: bnt8
Button Text: 9
Name: bnt9
Button Text: 0
Name: bnt0
Button Text: -
Name: bntminus
Button Text: =
Name: bntequal
Button Text: Backspace
Name: bntbackspace
Button Text: Tab
Name: bnttab
Button Text: Q
Name: bntq
Button Text: W
Name: bntw
Button Text: E
Name: bnte
Button Text: R
Name: bnte
Button Text: T
Name: bntt
Button Text: Y
Name: bnty
Button Text: U
Name: bntu
Button Text: I
Name: bnti
Button Text: O
Name: bnto
Button Text: P
Name: bntp
Button Text: [
Name: bntopenbrace
Button Text: ]
Name: bntclosebrace
Button Text: \
Name: bntbackslash
Button Text: Caps Lock
Name: bntcaps
Button Text: A
Name: bnta
Button Text: S
Name: bnts
Button Text: D
Name: bntd
Button Text: F
Name: bntf
Button Text: G
Name: bntg
Button Text: H
Name: bnth
Button Text: J
Name: bntj
Button Text: K
Name: bntk
Button Text: L
Name: bntl
Button Text: ;
Name: bntsemi
Button Text: '
Name: bntquote
Button Text: Enter
Name: bntenter
Button Text: Shift
Name: bntshiftleft
Button Text: Shift
Name: bntshifleft
Button Text: Z
Name: bntz
Button Text: X
Name: bntx
Button Text: C
Name: bntc
Button Text: V
Name: bntv
Button Text: B
Name: bntb
Button Text: N
Name: bntn
Button Text: M
Name: bntm
Button Text: ,
Name: bntcomma
Button Text: .
Name: bntpoint
Button Text: /
Name: bntforwardslash
Button Text: Shift
Name: bntshiftright
Button Text: Ctrl
Name: bntctrlleft
Button Text: Fn
Name: bntfn
Button Text:Alt
Name: bntctaltleft
Button Text:(space)
Name: bntspacebar
Button Text: Alt
Name: bntaltright
Button Text: Ctrl
Name: bntctrlright
Button Text: Reload
Name: bntreload
Button Text: Lesson1
Name: bntlesson1
Button Text: Lesson2
Name: bntlesson2
Label Backcolor:CadeBlue 
Text: (space)
Label Text: Time spent in second:
Label Text: Number of correct keys pressed:
Label Text: Number of incorrect keys pressed:
Label Text: ~
Name: lblaccent
Label Text: !
Name: lbl1
Label Text: @
Name: lbl2
Label Text: #
Name: lbl3
Label Text: $
Name: lbl4
Label Text: %
Name: lbl5
Label Text: ^
Name: lbl6
Label Text: &
Name: lbl7
Label Text: *
Name: lbl8
Label Text: (
Name: lbl9
Label Text: )
Name: lbl0
Label Text: -
Name: lblminus
Label Text: +
Name: lblequal
Label Text: {
Name: lblopenbrace
Label Text: }
Name: lblclosebrace
Label Text: :
Name: lblsemi
Label Text: "
Name: lblquote
Label Text: | 
Name: lblbackslash
Label Text: <
Name: lblcomma
Label Text: >
Name: lblpoint
Label Text: ?
Name: lblforwardslash




Comments




This website intents to provide free and high quality tutorials, examples, exercises and solutions, questions and answers of programming and scripting languages:
C, C++, C#, Java, VB.NET, Python, VBA,PHP & Mysql, SQL, JSP, ASP.NET,HTML, CSS, JQuery, JavaScript and other applications such as MS Excel, MS Access, and MS Word. However, we don't guarantee all things of the web are accurate. If you find any error, please report it then we will take actions to correct it as soon as possible.