006_Introduction to Help

  • Upload
    magsbol

  • View
    214

  • Download
    0

Embed Size (px)

Citation preview

  • 8/7/2019 006_Introduction to Help

    1/79

    006 Help Provider in C#.Net

    Prepared by: Rogelio V. del Cano

    Estimated Duration: 6 Hours

  • 8/7/2019 006_Introduction to Help

    2/79

    006 Help Provider in C#.Net 2

    Objectives

    At the end of this module, studentsshould be able to:

    Create help files with table of contents andfull search text feature

    Use the HelpProvider and Help objects

    Add an About Box

  • 8/7/2019 006_Introduction to Help

    3/79

    006 Help Provider in C#.Net 3

    How do you ask for help?

  • 8/7/2019 006_Introduction to Help

    4/79

    006 Help Provider in C#.Net 4

    Free Help Compiler

    Download from Microsoft the free helpcompiler.

    Search for htmlhelp.exe

    Install after download.

  • 8/7/2019 006_Introduction to Help

    5/79

    006 Help Provider in C#.Net 5

    Take a Screen shot of your Form

  • 8/7/2019 006_Introduction to Help

    6/79

    006 Help Provider in C#.Net 6

    Edit it in Paint

  • 8/7/2019 006_Introduction to Help

    7/79

    006 Help Provider in C#.Net 7

    Save the Image as JPG File

  • 8/7/2019 006_Introduction to Help

    8/79

    006 Help Provider in C#.Net 8

    Create an HTML File

    Customer Form

    Customer Form

    The Customer Form is part of the File Maintenance pull down menu, which allows the user to add, modify, and search for a customer. The form displays a record one at a time by using the navigation button. It has seven buttons

    that are positioned at the right side of the form. These buttons are Add, Edit, Save, Cancel,Search, Delete, and Close (See Buttons Description below.)

  • 8/7/2019 006_Introduction to Help

    9/79

  • 8/7/2019 006_Introduction to Help

    10/79

    Create a New Document

    Insert a 4 x 10 table

    006 Help Provider in C#.Net 10

  • 8/7/2019 006_Introduction to Help

    11/79

    Increase the Height of the 1st

    Row:

    006 Help Provider in C#.Net 11

    Note: The height of the first row must be equivalent to the size of at least two rows.

  • 8/7/2019 006_Introduction to Help

    12/79

  • 8/7/2019 006_Introduction to Help

    13/79

    Improve the Table Shading

    Click Borders and Shading

    006 Help Provider in C#.Net 13

  • 8/7/2019 006_Introduction to Help

    14/79

  • 8/7/2019 006_Introduction to Help

    15/79

  • 8/7/2019 006_Introduction to Help

    16/79

    Select the Alternating Rows

    Select the second row

    Hold down the Control key

    Continue selecting the other rows

    006 Help Provider in C#.Net 16

  • 8/7/2019 006_Introduction to Help

    17/79

    Select Alternating Rows

    Right-click insideof any one of theselected rows

    Click TableProperties

    006 Help Provider in C#.Net 17

  • 8/7/2019 006_Introduction to Help

    18/79

  • 8/7/2019 006_Introduction to Help

    19/79

    Click the Shading Tab

    Click the ShadingTab

    Select Dark Blue,Text 2, Lighter80%

    006 Help Provider in C#.Net 19

  • 8/7/2019 006_Introduction to Help

    20/79

  • 8/7/2019 006_Introduction to Help

    21/79

    006 Help Provider in C#.Net 21

    Type the Following:

    Input Control Description Required Data Type

    Customer No. Automatically generated by

    the system.

    Yes Number

    Surname The last name of the

    customer.

    Yes String

    First Name The given name of the

    customer.

    Yes String

    Middle Initial The middle initial of thecustomer

    Yes String

    Address The complete home location

    of the customer

    Yes String

    Telephone No. The landline or the mobile

    phone number of the

    customer.

    Yes String

    Birth Date The month, day, and year

    the customer was born.

    Yes Date / Time

    Customer Status The description of the

    customers business activity.

    Yes String

    Registration Date The month, day, and year

    the customer was enlisted

    into the database.

    Yes Date / Time

  • 8/7/2019 006_Introduction to Help

    22/79

    006 Help Provider in C#.Net 22

    Type the Following:

    Input Control Description Required DataType

    Customer No. Automatically generated by the system. Yes Number

    Surname The last name of the customer. Yes String

    First Name The given name of the customer. Yes String

    Middle Initial The middle initial of the customer Yes String

    Address The complete home location of the customer Yes String

    Telephone

    No.The landline or the mobile phone number of the customer. Yes String

    Birth Date The month, day, and year the customer was born. YesDate /

    Time

    CustomerStatus

    The description of the customers business activity. Yes String

    Registration

    DateThe month, day, and year the customer was enlisted into the database. Yes

    Date /

    Time

  • 8/7/2019 006_Introduction to Help

    23/79

    006 Help Provider in C#.Net 23

    Edit the HTML File

    Insert these lines.

  • 8/7/2019 006_Introduction to Help

    24/79

    Result

    006 Help Provider in C#.Net 24

  • 8/7/2019 006_Introduction to Help

    25/79

    006 Help Provider in C#.Net 25

    Buttons Descriptions (3 cols & 8rows)

    D l h hi hli h d i

  • 8/7/2019 006_Introduction to Help

    26/79

    Delete the highlighted portion

    from image001 up to image007:

    006 Help Provider in C#.Net 26

  • 8/7/2019 006_Introduction to Help

    27/79

    Insert the following:

    006 Help Provider in C#.Net 27

    Insert these lines.

  • 8/7/2019 006_Introduction to Help

    28/79

    Result:

    006 Help Provider in C#.Net 28

  • 8/7/2019 006_Introduction to Help

    29/79

    006 Help Provider in C#.Net 29

    Summary of Files

    1.CustomerIntro.htm2.CustomerIntro.JPG

    3.CInputControls.htm4.CInputControls.JPG

    5.ButtonsDescriptions.htm6.ButtonsDescriptions.JPG

  • 8/7/2019 006_Introduction to Help

    30/79

    006 Help Provider in C#.Net 30

    Desired Output

  • 8/7/2019 006_Introduction to Help

    31/79

    006 Help Provider in C#.Net 31

    Desired Output

  • 8/7/2019 006_Introduction to Help

    32/79

    006 Help Provider in C#.Net 32

    Desired Output

  • 8/7/2019 006_Introduction to Help

    33/79

    006 Help Provider in C#.Net 33

    Launch HTML Help Workshop

  • 8/7/2019 006_Introduction to Help

    34/79

  • 8/7/2019 006_Introduction to Help

    35/79

    006 Help Provider in C#.Net 35

    Help Development Cycle

  • 8/7/2019 006_Introduction to Help

    36/79

    006 Help Provider in C#.Net 36

    Create a New Help Project

    Click the New button from the toolbar

    Click Project, then OK

    Wizard appears, click the Next button

    Click the Browse button to locate where you want to

    save your project Type CustomerHelp in the File Name

    Click Open

    It goes back to the Wizard

    Click the last option, HTML Files (*.htm) Click the Add button, select your 3 .htm files

    Click Next, then Finish

  • 8/7/2019 006_Introduction to Help

    37/79

    006 Help Provider in C#.Net 37

    Check the Output

  • 8/7/2019 006_Introduction to Help

    38/79

    006 Help Provider in C#.Net 38

    Change Project Options

    Click the Change ProjectOptions

    From the General Tab,

    type Customer Help inthe Title

    Select CustomerIntro.htmfrom the Default File

  • 8/7/2019 006_Introduction to Help

    39/79

    006 Help Provider in C#.Net 39

    Change Project Options (cont.)

    Click the CompilerTab

    Check Compile full-text

    Click OK

  • 8/7/2019 006_Introduction to Help

    40/79

    006 Help Provider in C#.Net 40

    Table of Contents

    Click the Contents Tab

    Ensure that Create a newcontents file is selected

    Click OK Edit the default file name

    to: Customer Table ofContents

    Click Save

  • 8/7/2019 006_Introduction to Help

    41/79

    006 Help Provider in C#.Net 41

    Contents Tab Tools

  • 8/7/2019 006_Introduction to Help

    42/79

    006 Help Provider in C#.Net 42

    Table of Contents (cont.)

    Click Insert a Page

    In the entry title, type,Introduction

    Click the Add button Select CustomerForm, click

    OK

    Click OK again

  • 8/7/2019 006_Introduction to Help

    43/79

    006 Help Provider in C#.Net 43

    Table of Contents (cont.)

    Click Insert a Heading

    Answer No for the question, Do youwant to insert

    In the Entry Title, type, Input

    Click OK

    Click Insert Page

    In the Entry Title, type, Input Controls

    Click Add, Select Input Controls, thenOK

  • 8/7/2019 006_Introduction to Help

    44/79

    006 Help Provider in C#.Net 44

    DIY for Buttons

    Use Buttons for heading

    Use Description for the page

  • 8/7/2019 006_Introduction to Help

    45/79

  • 8/7/2019 006_Introduction to Help

    46/79

    006 Help Provider in C#.Net 46

  • 8/7/2019 006_Introduction to Help

    47/79

    006 Help Provider in C#.Net 47

    How to Integrate the *.chm to C#?

    1. Add a HelpProvider object to yourfrmCustomer

  • 8/7/2019 006_Introduction to Help

    48/79

    006 Help Provider in C#.Net 48

    How to Integrate the *.chm to C#?

    1. Add a HelpProvider object to yourfrmCustomer

    2. Rename it to helpProviderCustomer

  • 8/7/2019 006_Introduction to Help

    49/79

  • 8/7/2019 006_Introduction to Help

    50/79

    006 Help Provider in C#.Net 50

    How to Integrate the *.chm to C#?

    How to Integrate the * chm to C#?

  • 8/7/2019 006_Introduction to Help

    51/79

    006 Help Provider in C#.Net 51

    How to Integrate the .chm to C#?(cont.)

    1. Go the Load event of the frmCustomer2. Put your cursor after the last line

    3. Type the following:

    helpProviderCustomer.HelpNamespace =

    Application.StartupPath + @"\CustomerHelp.chm";4. In the meantime, copy your CustomerHelp.chm to the

    \bin\debug and \bin\release folders

    5. Run your program, load frmCustomer, press F1

    6. Note: Copy the help provider line code to the Activated event

    of the Customer form

  • 8/7/2019 006_Introduction to Help

    52/79

  • 8/7/2019 006_Introduction to Help

    53/79

    006 Help Provider in C#.Net 53

    Warning!

    If the location of thefolder is too deep,the help file may not

    display correctly. To correct this

    limitation, transferyour folder close to

    the root.

  • 8/7/2019 006_Introduction to Help

    54/79

    006 Help Provider in C#.Net 54

    mdiMain Complete Menu Items

  • 8/7/2019 006_Introduction to Help

    55/79

  • 8/7/2019 006_Introduction to Help

    56/79

    On Click of the Disclaimer Menu

  • 8/7/2019 006_Introduction to Help

    57/79

    006 Help Provider in C#.Net 57

    On Click of the Disclaimer MenuItem

    Help.ShowHelp(this, Application.StartupPath + @"\disclaimer.chm");

  • 8/7/2019 006_Introduction to Help

    58/79

  • 8/7/2019 006_Introduction to Help

    59/79

    006 Help Provider in C#.Net 59

    Add AboutBox.frm

  • 8/7/2019 006_Introduction to Help

    60/79

    Add Ab B f

  • 8/7/2019 006_Introduction to Help

    61/79

    006 Help Provider in C#.Net 61

    Add AboutBox.frm

    Add Ab B f

  • 8/7/2019 006_Introduction to Help

    62/79

    006 Help Provider in C#.Net 62

    Add AboutBox.frm

    Add Ab B f (S )

  • 8/7/2019 006_Introduction to Help

    63/79

    006 Help Provider in C#.Net 63

    Add AboutBox.frm (Summary)

    Ab t B

  • 8/7/2019 006_Introduction to Help

    64/79

    006 Help Provider in C#.Net 64

    About Box

    Note: Change the logo

  • 8/7/2019 006_Introduction to Help

    65/79

    006 Help Provider in C#.Net 65

    Ch th A bl P ti

  • 8/7/2019 006_Introduction to Help

    66/79

    006 Help Provider in C#.Net 66

    Change the Assembly Properties

  • 8/7/2019 006_Introduction to Help

    67/79

    Ch th A bl P ti

  • 8/7/2019 006_Introduction to Help

    68/79

    006 Help Provider in C#.Net 68

    Change the Assembly Properties

    Ch th A bl P ti

  • 8/7/2019 006_Introduction to Help

    69/79

    006 Help Provider in C#.Net 69

    Change the Assembly Properties

    Ch th A bl P ti

  • 8/7/2019 006_Introduction to Help

    70/79

    006 Help Provider in C#.Net 70

    Change the Assembly Properties

  • 8/7/2019 006_Introduction to Help

    71/79

    Ho to Displa the Abo t Bo ?

  • 8/7/2019 006_Introduction to Help

    72/79

    006 Help Provider in C#.Net 72

    How to Display the About Box?

    1. Double click the About from the Helpmenu strip

    2. Type the following codes: AboutBoxSalesInv nab = new AboutBoxSalesInv();

    nab.MdiParent = this;

    nab.Show();

    3. Run, click Help >> About

    Close Button

  • 8/7/2019 006_Introduction to Help

    73/79

    Close Button

    Go to the Click event and type:

    this.Close();

    006 Help Provider in C#.Net 73

    How to auto-close the

  • 8/7/2019 006_Introduction to Help

    74/79

    AboutBox?

    006 Help Provider in C#.Net 74

    Question & Answer

  • 8/7/2019 006_Introduction to Help

    75/79

    006 Help Provider in C#.Net 75

    Question & Answer

  • 8/7/2019 006_Introduction to Help

    76/79

  • 8/7/2019 006_Introduction to Help

    77/79

    Hint

  • 8/7/2019 006_Introduction to Help

    78/79

    006 Help Provider in C#.Net 78

    Hint

  • 8/7/2019 006_Introduction to Help

    79/79