Chris Pollett > Students > Pinapala

    Print View

    [Bio]

    [Blog]

    [CS 297 Proposal]

    [Deliverable 1]

       [Madcap Flare Configuration]

       [Madcap Flare Demo]

       [AdobeRobohelp Configuration]

       [Adobe Robohelp Demo 1]

       [Adobe Robohelp Demo 2]

       [CSH_Presentation_1_PDF]

       [CSH_Presentation_2_PDF]

    [Research on Wiki systems]

    [Deliverable 3 :A Basic Wiki editor]

    [Deliverable 4: Feature set for CSH Wiki]

    [CS297 Report - PDF]

    [CS 298 Proposal]

    [Deliverable 1: Design Document]

    [Deliverable 2: UI mocks for Help panes]

       [Left Aligned]

       [Mobile]

       [Right Aligned]

    [Deliverable 3: Help Display From web service & Wiki Parser]

       [Wiki Parser]

       [Help Display & WebService sample]

    [Deliverable 4: Integrating CSH into Yioop.]

    [CS298 Presentation - PDF]

    [CS298 Report - PDF]

    [Graduation Pic with Dr.Pollett]

                          

























Wiki Help Display from WebService

Description: In this deliverable I have worked on:
Integrating the Help display with the front end using a web service response from back end.

Web service JSON response

{
    "wiki_content": "[Raw wiki content here]",
    "can_edit": true,
    "group_id": "7",
    "group_name": "Wiki_Help",
    "page_id": "17",
    "page_name": "browse_url"
}

The user click on the help "?" button which is linked to a specific wiki article. On clicking the button, an ajax GET call to retrieve wiki content from Web service is fired.
The web service response is parsed on the client side to extract the raw wiki content and transform it into valid HTML content. The converted HTML content is then painted inside the help frame.

Screenshots: This is what my prototype looks like on a Desktop web browser

Screenshots: This is what my prototype looks like on a mobile web browser