Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

This section describes navigating through Muftah (Mobile Chatbot) in ISKAN mobile application.



Introduction to Muftah




Image Modified

Image Modified

Download the application from App store or Google Play Store on iOS or Android devices respectively and install it

Image Modified

Image Modified

Open the ISKAN mobile application

Image Modified

Image Modified

Tap on theMuftah button to start to chat with Muftah

Image Modified

Image Modified

Introduce yourself by providing Contact Information or using the UAE Pass channel.




Introduction with Contact Information



Introduce yourself to Muftah by providing Contact Information 

Muftah requires basic information about users before proceeding to chatbot environment.

Please enter your Contact Information,

  • Name (mandatory)
  • Mobile Number (mandatory)
  • E-mail (optional)

Tap on Submit button to complete your introduction

Users introduced to Muftah successfully will get into the welcome screen





Login with UAE Pass



Click on Login With UAE PASS button to login using the UAE Pass account

Select the UAE Pass (in the same device/ enter the UAE Pass Identifier)

It requires the UAE Pass authentication

Log into UAE Pass application




Ensure, the UAE Pass account is verified to login to ISKAN

Click on Confirm to authenticate

Enter the PIN of the UAE Pass account

Users introduced to Muftah successfully will get into the welcome screen



Navigate through Muftah


Muftah Welcome Screen:

Once you are introduced to Muftah you will get into a welcome screen, which consists of various services as shown below.


Muftah's Welcome screen with Greeting and introduction

Muftah provides various Informational Services to users as listed below,

  • Housing Services
  • Financial Services
  • Business Services

Muftah provides various Transactional Services to users as listed below,

  • Get Housing Application Status
  • Get Payment Status
  • Contact Us (Inquiry, Suggestion, Complaint)
  • Get Maintenance Request Status For Ready House
  • Housing Cost Calculator
  • Trial Loan Calculator

View Transactional services list 




View Transactional services list 

Tap on the menu button (

Tap on Start Over button to restart the chat conversation.

Tap on Go To Top button to view your chat conversation from the beginning.

View day and date of chat displayed on top-center




Tap on the Backbutton or Type Restartto go to the main menu

Tap on the Send button () to submit your message to Muftah.

Mode of Inputs to Muftah:

 Tap on the Text box (Type your message...) to type your input manually in text format.

 Tap on the Audio button () to provide input as voice format where Muftah recognizes your speech and convert it to text input.

Talk with Muftah

Tap on the cross button () to end your talk with Muftah








Style
body.page-gadget #main {
width: 100% !important;
}
#full-height-container{
background: #f9f9f9;
}
#main{
background:#f9f9f9;
}
.wiki-content .confluenceTh,
.wiki-content .confluenceTd {
    border: none;
}
.wiki-content a, .wiki-content a:link, .wiki-content a:visited, .wiki-content a:focus, .wiki-content a:hover, .wiki-content a:active{
color:#015b98;
}
#header .aui-header{
    background-color: #34709D;
}
.wiki-content img.confluence-embedded-image, .wiki-content img.editor-inline-macro, .wiki-content table.wysiwyg-macro {
    cursor: pointer !important;
}
.aui-header-inner{
height: 41px;
}
#search-ui,
.aui-header-before,
.aui-header-primary,
#notifications-anchor,
.header-quicksearch,
#likes-section,
#labels-section,
#breadcrumb-section,
#page-metadata-banner,
.footer-body,
.space-tools-section,
.page-metadata-modification-info{
display:none;
}

.columnLayout.two-equal:nth-child(1){
 background: #34709D;
    margin-bottom:10px
}

.columnLayout.two-equal:nth-child(1) a{
color:#fff;
}
.columnLayout{
margin:0px
}
a#sv-scmtb-trsl-lang-picker {
    background: #35709d;
    color: #fff;
}


.columnLayout.two-right-sidebar table.relative-table.wrapped.confluenceTable .confluenceTd .content-wrapper h3 strong{
	display: inline-block !important;
	vertical-align: top !important;
	height: 30px !important;
	line-height: 22px !important;
}
.columnLayout.two-right-sidebar table.relative-table.wrapped.confluenceTable .confluenceTd .content-wrapper h3{
	padding-top: 12px !important;
}

.columnLayout.two-right-sidebar table.relative-table.wrapped.confluenceTable .confluenceTd .content-wrapper h3 span a{
	color: #182b4d !important;
}


.columnLayout.three-with-sidebars .relative-table.wrapped.confluenceTable .confluenceTd{
text-align:start
}

.columnLayout.single table.relative-table.confluenceTable{
overflow: hidden; 
}  
/*Language BTN*/
.columnLayout.single table.relative-table.confluenceTable .content-wrapper h3 strong{
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 18px;
}
.columnLayout.single table.relative-table.confluenceTable .content-wrapper h3{
	padding-top: 12px;
}
.columnLayout.single table.relative-table.confluenceTable h3 strong a{
	color: #182b4d !important;
}
/*END Language BTN*/

.columnLayout.single:nth-child(1) td.confluenceTd {
width: auto !important;
/*float:right;*/
}


img,a{
  -webkit-user-drag: none;
  -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
#header .aui-nav #login-link{
  display:none
}

body.page-gadget {
    padding-top: 10px !important;
}

.columnLayout:nth-child(1) table td h3{
    display: flex;
    padding: 0px !important;
    align-items: center;
    justify-content: center;
    height: 59px;
}
.wiki-content .contentLayout2 {
    margin: 0 !important;
}


@media screen and (max-width: 1024px) {
p br,
.auto-cursor-target,
.content-meta-outer{
    display:none;
}
.columnLayout.single .table-wrap table{
    width: 100% !important;
} 
.columnLayout.single .table-wrap td.confluenceTd {
display: inline-block;
width: 43%;
vertical-align: top;
text-align: center;
}


.columnLayout:nth-child(1) table {
display: flex;
 justify-content: flex-end;
}
.columnLayout:nth-child(2) .cell {
    width: 100% !important;
    display: block;
}
.columnLayout.single .table-wrap td.confluenceTd .content-wrapper p:nth-child(2) img {
    width: 100%;
}


}

colgroup{
   display:none !important;
}