View source for gloCOM Web 6.4

='''Introduction'''=

Nowadays, when VoIP technology is developing more than ever to achieve the best possible quality of long-distance communication and to reduce the costs of telecommunication services, there is a need for making more simple and more user-friendly communication tools. The gloCOM Web represents one of the solutions for those needs.

Although the Bicom Systems company has applications such as gloCOM Desktop or gloCOM GO, the idea for creating this kind of communication tool is the result of the need to reduce memory usage and performance of our devices such as computers and mobile phones. Also, one of the main ideas for creating the gloCOM Web is increasing mobility. It means that users can stay in touch with their colleagues all the time, no matter where they are and whether their devices are at their hands or not.

Even though the gloCOM Web cannot entirely replace products like gloCOM Desktop or gloCOM GO. However, it represents a valuable solution for the situations mentioned above.

Unlike the other two gloCOM products, the gloCOM Web does not require download and installation. For using the gloCOM Web, everything that the user needs is a computer, a good Internet connection, and one of the browsers supported by the gloCOM Web.

''The list of the browsers supported by the gloCOM Web is as follows:''
* Google Chrome
* Mozilla Firefox
* Microsoft Edge
* Opera
* Safari
Simple, the gloCOM Web allows users to make a call, start a conference, send messages, and much more. So let’s get started!

--------------------------------------------------------------

='''Working with gloCOM Web'''=

Before the user starts to work with the gloCOM Web, they need to point their browser to the appropriate IP address (for example, http://192.168.1.1/webapp). The browser will automatically redirect to the gloCOM Web login screen, which will ask the user to provide their account details. Make sure you have received your account details from your system administrator or account manager.

[[image:gloCOM_web_login_screen_1.png|thumb|Log In]]

''The received details must include:''
* '''E-mail address''' for example: ''test@testmail.com''
* '''User password'''  for example: ''93sU2e_2%''

After entering the e-mail address and password, click the Login button. The gloCOM Web will try to connect to the specified server with the user’s account details.

''In case the user’s account details are incorrect, an orange warning will appear:''
:<span style="color: red;">'''NOTE:'''</span> '''Login Failed: Username or Password is incorrect.'''

[[image:gloCOM_web_first_time_login_screen_1.png|thumb|First Time Log In]]

Otherwise, the browser will redirect to the first-time login screen, notifying the user to change their password since they are using their gloCOM account for the first time.

The password must contain at least eight characters and must meet the required pattern. Users are required to change their password on login, and once it is changed, it is unknown to all administrators of the system.

:<span style="color: red;">'''NOTE:'''</span> '''Multiple gloCOM accounts can have the same e-mail.'''


If the user is already using one of the gloCOM products, clicking the Login button will redirect the browser to the gloCOM Web home screen.

==''' Log In'''==

[[image:gloCOM_web_login_screen_1.png|thumb|Log In]]

To start using the gloCOM Web, the user needs to provide their account details.

''Account details:''
* '''Email:''' Provide the e-mail address assigned to the user’s Extension.
* '''Password:''' Enter the password created during the gloCOM Web first-time login

''Additional options:''
* '''Forgot your password:''' If the user has forgotten their password, they can recover it by clicking the Forgot your Password link. They will receive a password recovery link via e-mail. Additionally, if they have multiple gloCOM accounts associated with their e-mail, they will be asked to specify the Extension number for the desired account during the password recovery process.

* '''[[image:gloCOM_web_eye_icon.png]]:''' Show password button.

* '''Change Language:''' Allows the user to change the language used throughout the app.

=='''Home Screen'''==

[[image:gloCOM_web_home_screen.png|thumb|Home]]

Once the user has successfully logged into the gloCOM Web, the browser will display the gloCOM Web home screen. The home screen gives users easy access to various options, such as ''Dialer'', ''Conference'', ''Group Ghat'', ''Meeting'', ''Voicemail'', and much more.

<br>
<br>
<br>
<br>

==='''Navigation Bar'''===

[[image:gloCOM_web_navigation_bar_screen.png|thumb|Navigation bar]]

The navigation bar is at the top of the screen.

<br>
<br>
<br>
<br>
<br>
<br>
<br>

[[image:gloCOM_web_left_side_navigation_bar_screen.png|thumb|Left side of the Navigation Bar]]

At the far left side of the navigation bar is the user’s avatar image with online status at the bottom of the image. Next to it is the extension name and notifications (if any). Otherwise, No notifications message will be displayed.

''The next list shows the meaning of these options:''
* '''Avatar Image:''' Represents the user’s profile image that can be changed at any time. Clicking on it brings a pop-up menu. <br/>Select the Personal Information option from the popup menu. The Personal Information screen will appear in the middle of the window. Click the avatar image and select the new image from a computer as a new avatar image.

* '''Status Icon:''' Represents the user’s current status that can be changed at any time. Clicking on it brings a pop-up menu, where the user can choose between Available, Busy, Do not Disturb, Away, or create their own status by clicking the Custom status… label.

* '''Username''' Represents the name shown in the user’s chat conversations.

* '''Notifications:''' Displays any notifications (unread messages, missed calls, new voicemails), otherwise displays No notifications message. Also, the browser tab title shows the number of notifications.

[[image:gloCOM_web_middle_navigation_bar_screen.png|thumb| Middle of the Navigation Bar]]

The middle of the navigation bar contains five options: ''Dialer'', ''Conference'', ''Create Group'', ''Meeting'', and ''Voicemail''.

''The next list shows the meaning of these options:''
* '''Dialer:''' Opens a softphone screen in the middle of the window.

* '''Conference:''' Opens a Conference screen in the middle of the window.

* '''Create Group:''' Opens a Create Group chat screen in the middle of the window.

* '''Meeting:''' Opens a Meeting pop-up screen in the middle of the window.

* '''Voicemail:''' Opens a Voicemail screen in the middle of the window.

[[image:gloCOM_web_navigation_bar_1_screen.png|thumb| Right side of the Navigation Bar]]

The far-right side of the navigation bar contains the ''Help'', ''Preferences'', ''Logout'' button, and ''Bicom Systems'' logo.

''The next list shows the meaning of these options:''

* '''Help:''' Opens a Help screen in the middle of the window.

* '''Preferences:''' Opens a Preferences screen in the middle of the window.

* '''Logout:''' Log out the user from the gloCOM Web.

* '''Logo:''' Clicking on the Bicom Systems logo redirects to the Bicom Systems official page.

==='''Contact List'''===

[[image:gloCOM_web_users_list_grid_view_screen.png|thumb|Contact List: Gride View|200px]]

The contact list is on the left side of the screen. It allows the user to see which of their colleagues are currently available, busy, or away from the desktop. The contact list can be in two modes: ''Grid View'' and ''List View''.

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

[[image:gloCOM_web_users_list_list_view_screen.png|thumb|Contact List: List View|200px]]

:<span style="color: red;">'''NOTE:'''</span> '''Extensions with inactive or suspended status in ''PBXware'', will not be shown within the contact list.'''

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

[[image:gloCOM_web_gird_view_additional_options_view_screen.png|thumb|Grid View Additional Options|200px]]

The user can start a call or a chat conversation while hovering over the contact (only in Grid View). Also, while hovering over the contact, the user can see the status message, phone status, and which devices the contact is currently using.

:<span style="color: red;">'''NOTE:'''</span> '''Extensions with inactive or suspended status in PBXware, will not be shown within the contact list.'''

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

[[image:gloCOM_web_right_click_additional_options_view_screen.png|thumb|Additional Options|200px]]

Right-clicking on the contact brings a drop-down menu with additional options.

''The next list shows the meaning of these options:''

* '''Call:''' Place a phone call.

* '''Call with:''' Allows the user to select which device they want to use for a call (''Softphone''/''Deskphone'').

* '''Chat:''' Start a chat conversation.

* '''Contact Information:''' Displays information about the contact.

* '''Send e-mail:''' Send an email.

* '''Voicemail:''' Leave a voicemail.

* '''Call Monitor:''' Allows the user to monitor calls in real-time for any contact listed within the ''Call Monitor'' list in ''PBXware Enhanced Services''. Right-click on the contact that is on a call and select ''Call Monitor'' from the drop-down menu.

:<span style="color: red;">'''NOTE:'''</span> ''' ''Call Monitor'' must be enabled by your administrator in the ''PBXware Enhanced Services'' '''

[[image:gloCOM_web_users_filter_screen.png|thumb|Search Field|200px]]

The search field is above the contact list. It allows the user to search for a specific contact by entering the contact’s name or extension number. Also, it is possible to filter contacts by the department. Filtering contacts by departments allows the user to search through departments using the up and down arrow key on the keyboard or entering the department’s name inside the search field above the department list.

The backspace arrow on the keyboard deletes character by character, and the ESC key deletes the whole term written inside the search field.

:<span style="color: red;">'''NOTE:'''</span> '''In case of mistyping inside the search field, the user gets the message: ''No results found''.'''

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
[[image:gloCOM_web_three_dots_menu_screen.png|thumb|Three Dots Menu]]

There are three dots next to the search field. Clicking on them brings a drop-down menu where the user can choose between ''Grid View'' and ''List View''. Also, they can choose whether they want to ''Sort users by Online status'' or ''Sort users alphabetically''.

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

==='''Dialer'''===

[[image:gloCOM_web_dialer_and_recent_calls_screen.png|thumb|Dialer and Recent Calls]]

The first thing that catches the user’s attention after they successfully logged in is the ''Dialer'' positioned in the middle of the screen. It contains two sections: a ''Dial-pad'' and a ''Recent'' calls section. Dialer allows the user to place, receive and see recent calls.

:<span style="color: red;">'''NOTE:'''</span> '''gloCOM brings a unified call history between gloCOM Desktop, gloCOM GO, and gloCOM Web. Call history is stored for up to a month on the server and synced between all user devices. It means that the user will be up to date with their recent calls all the time. The application makes sure that the user’s call history is synced on every login and that they have recent calls available on their device. During the sync, there is an indication inside the Recent call list. It informs the user that the sync is currently in progress.'''

The user can place a call by entering the number using a dialer dial-pad, keyboard, or dropping a contact into the predicted area.

[[image:gloCOM_web_dialer_backspace_arrow_screen.png|thumb|Dialer and Backspace Arrow|175px]]

Immediately after the user starts entering numbers, a backspace arrow appears on the right side of the dialer input, allowing them to delete the entered number. Also, the number can be deleted using the backspace key on the keyboard.

If the input field is in focus and there is no entered number, hitting the Enter key twice in a row on the keyboard will call the last called number. Also, double-clicking the green handset gives the same results.

:<span style="color: red;">'''NOTE:'''</span> '''When a user presses and holds down any key within the Phone Dialer except ''0'', it will display the pressed number or sign. However, when the user presses and holds down the ''0'' key, it will display the ''+'' (''plus'') sign.

<br>
<br>
<br>
<br>
<br>
<br>
<br>
[[image:gloCOM_web_dark_blue_bar_screen.png|thumb|Bottom Bar]]

Another toolbar is placed at the bottom of the window. It contains options like the type of device (''Softphone''/''Deskphone''), which is in use, ''DND'', ''Caller ID'', and ''Access Codes''.

[[image:gloCOM_web_acces_code_list_screen.png|thumb|Acces Code List|200px]]

However, the ''Access Codes'' belongs to the ''Dialer'' and allows the user easy access to some of the most used access codes.

''Acces Codes list:''
* Voicemail
* Speakerphone Page
* Do Not Disturb
* Call Forwarding
* Follow Me
* Group Hunt

<br>
<br>
[[image:gloCOM_web_dialer_recent_calls_screen.png|thumb|Recent Calls|200px]]

Furthermore, the second part of the dialer is the ''Recent'' calls section. It enables the user to see all their calls missed or dialed and their conference calls.

''The recent call section provides information like:''
* Caller’s Avatar (if any)
* Caller’s Name
* Type of call (Inbound/Outbound call)
* The date and time of the call
* Duration of the call

<br>
<br>
[[image:gloCOM_web_dialer_additional_options_screen.png|thumb|Additional Options]]
Also, hovering over a call displays additional options (start a call and start a chat conversation).

<br>
===='''Placing Phone Call'''====

[[image:gloCOM_web_warningscreen.png|thumb|Alert]]

:<span style="color: red;">'''NOTE:'''</span> '''Before placing a call with gloCOM Web, the user extension must have enabled ''WebRTC'' and ''Opus'' codec on their ''PBXware'' system. Also, TLS settings must be enabled on the PBXware system. Otherwise, if they try to start a call with these two options disabled, a pop-up message will appear displaying the following: ''Call failed and Incompatible SDP''.'''

Once these two conditions are satisfied, a call can be placed or received without any problems.

<br>
<br>
<br>
[[image:gloCOM_web_call_encryption_screen.png|thumb|Call Encryption Indicator]]

:<span style="color: red;">'''NOTE:'''</span> '''All calls are encrypted, and there is an indicator during an ongoing call that notifies the user about encryption. Hovering over the indicator, a tooltip pops up with the following message: ''Call is encrypted with TLS/SRTP. TLS encrypts the signaling of the call, and SRTP secures the actual voice media that is being transferred''.'''

''Dial entering the phone number''
* Use the Dialer keypad or keys on the keyboard to enter the phone number you want to dial.
* Click the Dial icon to place a call.

''Dial with Drag and Drop''
* With the mouse, click and hold any contact from the contact list then, drag the contact from the list to the dialer area, and drop it.
* Click the Dial button to place a call.

''Dial from the Chat''
* Open the chat conversation. Click the dial button inside the context bar on the top of the chat or click the more options and place a call by selecting one of the two offered options: ''Call'' and ''Call with''.

''Dial from the contact list''
If the user wants to place a call from the contact list, they can do it in more ways than one:
* By hovering a contact and clicking the phone image (''Grid View'' only)
* Right-click the contact and select one of the two offered options: ''Call'' and ''Call with''.
* Click the phone icon (''List View'' only)

''Dial from the conversation sidebar''
* Click the dial icon inside the desired chat conversation while hovering over it.

===='''Live Call Screen'''====

[[image:gloCOM_web_live_call_screen.png|thumb|Live Call Options]]

There are various options that users can use during a live call.

''The live call options list:''

* '''Keypad:''' Brings up a keypad.

* '''Mute/Unmute:''' Allows the user to ''Mute''/''Unmute'' themselves.

* '''Hold:''' Allows the user to put the other side on hold in case they have another call.

* ''Transfer:''' Allows the user to transfer the call to someone else in three ways:
** ''Regular transfer'' - Transfer without annunciation.
** ''Supervised transfer'' - Transfer with annunciation.
** ''Voicemail transfer'' - Transfer the call to voicemail.

* '''Add:''' Allows the user to make a conference call from the regular call by adding more participants to the existing call.

* '''Park:''' Allows the user to park a call so someone else can pick it up.

* '''Hangup:''' Allows the user to terminate a call.

* '''Switch Device:''' During a live call, the user can use the ''Switch Phone'' button to initiate ringing across all their registered devices or a specific device (softphone, desk phone, and mobile app), so they can continue the call on another device. A perfect example would be switching from the desk phone to the mobile phone when they need to leave the office but would like to continue the call. The same applies to conference calls.

* '''Transfer a call using drag and drop:''' During a live call, the user can transfer the call by dropping it onto the desired contact inside the contact list. While dragging, a transfer indicator will be displayed. Both transfer types, ''Blind'' and ''Supervised'', can be used. The user can select which one they want to use while hovering over the contact. Transfer using the drag and drop option does not apply to conference calls.

Additionally, the user can add the contact into the call by dragging and dropping them, which starts a dynamic conference automatically.

:<span style="color: red;">'''NOTE:'''</span> '''For the ''Safar''i browser: To enable ringtones for incoming and outgoing calls, please navigate to the ''Safari'' menu, click on ''Preferences'' and choose the ''Websites tab''. Next, click on ''Auto-play'' on the left side of the window. On the right side of the window, you should see the listed websites. Click on the gloCOM Web website, and change this setting from ''Never Auto-Play'' to ''Allow All Auto-Play''.'''

[[image:gloCOM_web_live_call_additional_options_screen.png|thumb|Live Call Additional Options]]

At the right top corner of the context bar, there are four additional options.

''The next list shows additional options:''

* '''Record:''' Allows the user to record a call.

* '''Audio:''' Allows the user to change their audio devices like a microphone, speaker, and ringing devices.

* '''Volume:''' Allows the user to adjust their speaker volume.

* '''Options:''' Opens a drop-down menu with next options:
** Call
** Call with
** Contact Information
** Pin Chat
** Send e-mail
** Voicemail
** Call Monitor
** Delete Conversation

Also, the screen displays called party’s name, avatar picture, number, and call duration. Furthermore, the user has the ability to chat with the called party during a live call.

===='''Receiving a Call'''====

[[image:gloCOM_web_receiving_a_call_screen.png|thumb|Receiving a Call]]


There is more than one way to answer the incoming call:
* Click the dial icon inside the ringing conversation within the sidebar conversation list to accept the call, or click the reject icon to reject the call.

* Or, click the ringing conversation within the sidebar conversation list to bring up the ringing phone screen with the following options at the front of the application:

::* '''Voicemail:''' Allows the user to transfer a call to the voicemail.

::* '''Answer:''' Allows the user to accept the call.

::* '''Reject:''' Allows the user to reject an incoming call, which will be automatically forwarded to the voicemail.

::* '''Forward:''' Allows the user to forward the call to someone else.

The call will be transferred to the user’s voicemail if the user does not take any action within 32 seconds.

==='''Conversation List'''===

[[image:gloCOM_web_conversations_list_screen.png|thumb|Conversation List]]

On the right side of the window is a list of all user’s conversations sorted by their most recent activity. These conversations are persistent, meaning they will appear within the conversation list even after the user restarts the application. To remove the conversation permanently, the user has to delete the conversation.

If the user wants to close the conversation, they can hover over it. The three dots will appear at the top left corner of the hovered conversation. Clicking on them brings a drop-down menu with additional options. Select ''Close Chat'' from the drop-down menu to close the conversation. This way, the user can keep visible only those conversations they are interested in currently.

Above the conversation list are three dots. Clicking on them brings a drop-down menu with two options: ''Show closed chats'' and ''Close all chats''. Next to them is a search field that allows the user to filter conversations by name.

* '''Show closed chats:''' Allows the user to have an overview of all closed conversations. Any closed conversation can be back to the active conversation list by clicking on it, clicking on the ''Move to active chats'' button at the right side of the conversation, or selecting the ''Move to active chats'' option from the dropdown menu.

* '''Close all chats:''' Allows the user to close all their conversations without having to close them one by one. Any activity within the closed conversation will return the conversation back to the active conversation list (any new messages, new participants added, calls, etc.). This way, the user never misses the latest messages and events. The user can find any closed conversation using the search field above the conversation list or selecting the ''Show closed chats'' option within the three dots menu next to the search field.

Next to the search field is an arrow that allows the user to collapse the conversation list to get more space for a section in the middle of the screen.

Also, a conversation with a user that has been deleted from ''PBXware'' will be marked with a prefix (''Deleted''). The user can no longer send messages to this conversation, but it is still useful because of the chat history and all existing messages with that user before deletion.

Hovering over the conversation displays additional options. On the left side, there is a three dots menu that contains the ''Pin''/''Unpin Chat'', ''Mute''/''Unmute'', ''Close Chat'', and ''Mark as Read''/''Unread'' options. On the right side, the user can find the ''Call'' option.

[[image:gloCOM_web_additional_options_screen.png|thumb|Additional Options|200px]]

* '''Pin/Unpin Chat:''' Allows the user to pin the most important conversations at the top of the conversation list. The last pinned conversation is always at the top of the conversation list. The user can unpin conversations the same way as they would pin them. Also, they can be unpinned by clicking on the pin icon [[image:gloCOM_web_pin_chat_icon.png]] that appears for pinned conversations. The user can rearrange pinned conversations as per their needs, using drag and drop. This way, they can define priority for pinned conversations.

*'''Mute'''/'''Unmute (Group chats only):''' Allows the user to stop receiving notifications for a group chat. It could be helpful if there are too many exchanged
messages that distract the user. They can unmute the group chat in the same way as they muted it or by clicking on the speaker icon [[image:gloCOM_web_unmute_speaker_icon.png]] that appears for muted conversations.

* '''Close Chat:''' Allows the user to close the desired conversation.

<br>
<br>
[[image:gloCOM_web_unread_indicator_screen.png|thumb|Mark as Unread Indicator|200px]]

* '''Mark as Read/Unread:''' Allows the user to explicitly mark the conversation as ''Read''/''Unread''. If the user marks the conversation as unread, the unread indicator will show up for that conversation. It informs the user to look at this conversation again and take some actions if needed. Any action inside the chat conversation with unread status will remove the unread indicator. Also, opening the conversation or explicitly marking it as read will remove the indicator.

* '''Call option:''' Allows the user to place a call.

''For each one to one conversation within the conversation list, the user can see:''
* Contacts’s avatar with his/her status icon
* Contacts’s name
* Last message in the conversation
* Time of the last message in the conversation
* Number of unread messages (if any)

''For each group conversation within the conversation list, the user can see:''
* Group chat icon
* Group name
* Last message in the conversation
* Time of the last message in the conversation
* Number of unread messages (if any)
While in search mode conversation list will change its items according to the searched term.

===='''Unread Messages Indicator'''====

[[image:gloCOM_web_start_unread_messages_indicator_screen.png|thumb|Unread Messages Indicator|125px]]

At the bottom of the conversation list is an unread messages indicator. It informs the user if there are currently unread messages. It is helpful in cases where the user has scrolled down and does not see their most recent conversations or when they are in search mode.

If there are unread messages, the label and the icon are emphasized in orange to draw the user’s attention.

[[image:gloCOM_web_start_unread_messages_menu_screen.png|thumb|Unread Messages Menu|125px]]
Click the label to open up a menu showing a list of all conversations with unread messages indicating the number of unread messages in the parenthesis. Also, there is an option to mark all messages as read.

Marking all messages as read will effectively send seen to all those conversations even though the user has not read those messages yet. Click any other option besides <br/>''Mark all as read'' opens the selected chat conversation. It can be used as a quicker way to find conversations with unread messages instead of looking for them in the conversation list.

If there are no unread messages, the label is not emphasized and serves only as an indicator, without any functionality.

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

==='''Bottom Bar'''===

[[image:gloCOM_web_dark_blue_bar_screen.png|thumb|Bottom Bar|250px]]

The bottom bar represents the bar at the bottom of the gloCOM Web screen. It allows the user to specify which type of phone device they want to use ''Softphone''/''Deskphone''/''Mobile app''), enable/disable ''DND'' (''Do not Disturb''), and ''Caller ID'', which allows the user to hide caller id for all calls or to hide caller id for next call only. While using Dialer, an additional ''Access Codes'' option will be displayed.

:<span style="color: red;">'''NOTE:'''</span> '''By default ''DND'' and ''Caller ID'' options are disabled. To use these options, please contact your administrator.'''

=='''Conference'''==

[[image:gloCOM_web_conference_screen.png|thumb|Conference]]

The conference is a part of a gloCOM Web where the user can place conference calls with more than one participant (external or internal).

''There are two types of conference calls:''
* '''Instant conference (Dynamic conference):''' The user can create a conference call by adding one or more people to an ongoing call or through the conference section. With this option, the user can add contacts or any number available from their contact list. If the user missed the conference call, they can still join it from the ''Call History'' tab, provided that a conference call still exists, by clicking on the Dial icon.

* '''Static conference:''' The user can join predefined conference rooms and add other participants. There is a conference number next to the conference name within the conference list for the static conference call.

==='''Placing a Conference Call'''===

[[image:gloCOM_web_conference_users_list_screen.png|thumb|Conference Contact List|150px]]

Clicking on the ''Conference'' icon within the navigation bar, the conference section will open. To place a conference call, the user needs to select participants from the contact list. The user can choose participants by clicking on them or dragging and dropping them into the participant list.

Additionally, the user can select them using the ''Select All'' radio button above the contact list or by entering the external number. The user can filter contacts by using the search field or filtering them by the department.

<br>
<br>
<br>
<br>
<br>
<br>
<br>

[[image:gloCOM_web_conference_users_participants_list_screen.png|thumb|Conference and Participant List|200px]]

Next, select the conference from the conference list that is placed next to the contact list. Below the conference list is the participant list. It allows the user to see all chosen participants and to remove them from the list. While hovering over them, the blue cross will appear. Click it to remove the desired participant from the participant list. Press a ''Deselect All'' button to remove all participants from the list.

To start the conference, click the ''Start Conference'' button. This button will be disabled in case there is no selected conference. Also, a conference call can be started without pre-selected participants, which can be added later.

<br>

=='''Meeting'''==

The meeting is another part of the gloCOM Web, where the user can access their meetings. Clicking on the ''Meeting'' icon within the navigation bar opens a pop-up window, where they can enter the meeting number and join it. After entering the meeting number, clicking the ''Join'' button redirects the user to the ''COMMSware'' page.

=='''Voicemail'''==

[[image:gloCOM_web_voicemail_screen.png|thumb|Voicemail]]

The voicemail section allows the user to listen to their voicemail messages. Clicking on the ''Voicemail'' icon within the navigation bar opens the voicemail screen.

''At the top of the voicemail screen is the context bar with two tabs:''
* '''New:''' Contains new voicemails.
* '''Old:''' Contains old voicemails.

''Below the context bar is the voicemail list with information like:''
* '''Caller:''' Displays caller name.
* '''Date:''' Displays the date when the voicemail was received.
* '''Duration:''' Displays voicemail duration.

''Clicking on the desired voicemail message offers additional options like:''
* '''Play:''' Allows the user to play the voicemail message.
* '''Call:''' Allows the user to call the person who left the voicemail.
* '''Move:''' Allows the user to move voicemail messages from the ''New'' folder to the ''Old'' folder and vice versa.
* '''Download:''' Allows the user to download the voicemail message to the computer.
* '''Delete:''' Allows the user to delete the voicemail message.

:<span style="color: red;">'''NOTE:'''</span> '''gloCOM Web supports only ''.wav'' audio format.'''

=='''Personal Information'''==

[[image:gloCOM_web_personal_information_screen.png|thumb|Personal Information]]

To access the ''Personal Information'', the user needs to click on their avatar image or status icon at the right bottom of the avatar image and select ''Personal Information'' from the drop-down menu.

''It brings up a Personal Information screen where the user can see their:''
* Avatar picture - Clicking on it allows the user to change their avatar picture.
* Extension name
* Extension number
* Email
* Department
* Status Message
* Phone numbers - Allows the user to edit and delete their phone numbers.
* Add number - Allows the user to add as many phone numbers as they want.
* Currently logged devices - A list of devices to which the user is currently connected.

=='''Online Self Care'''==

[[image:gloCOM_web_online_self_care_screen.png|thumb|Online Self Care]]

To log in to ''Online Self Care'', the user needs to point their browser to http://$IPADDRESS/ (for example http://192.168.1.1/). To access OSC through the gloCOM Web, the user needs to click on their avatar image or status icon at the right bottom of the avatar picture and select ''Online Self Care'' from the dropdown menu.

* '''Email:''' The email address assigned to the extension (ex. The provided email address is used as a username for logging into ''Online Self Care'' (e.g. email@example.com)).

* '''Password/PIN:''' The user password assigned to the extension (ex. This field accepts the gloCOM Web password (e.g. n9h*Caq1Icr)).

=='''Help'''==

The help screen contains the ''About'' and ''Feedback'' sections.

==='''About'''===

[[image:gloCOM_web_about_screen_1.png|thumb|About]]

The ''About'' section gives the user information about the gloCOM Web application and information about the ''PBX'' system that gloCOM Web is connected to.

Clicking on the [[image:gloCOM_web_copy.png]] copies all information from the screen to the clipboard.

<br>
<br>

==='''Feedback'''===

[[image:gloCOM_web_feedback_screen.png|thumb|Feedback]]

Users can easily send feedback for the gloCOM Web application. Just navigate to the ''Help'' → ''Feedback''.

<br>
<br>
<br>
<br>
<br>
<br>
=='''Preferences'''==

[[image:gloCOM_web_preferences_screen.png|thumb|Preferences]]

Within preferences, the user can change their ''Audio'', ''Alerts'', and ''Appearance'' settings.

:<span style="color: red;">'''NOTE:'''</span> '''Any changes inside these tabs will be automatically saved.'''

<br>
<br>
<br>
==='''Audio'''===

[[image:gloCOM_web_audio_screen.png|thumb|Audio]]

Within the ''Audio'' tab, the user can set their audio devices like microphone, speakers, and ringing device.

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
==='''Alerts'''===

[[image:gloCOM_web_alerts_screen.png|thumb|Alerts]]

Within the ''Alerts'' tab, the user can check which kind of notifications they want to receive.

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
==='''Appearance'''===

[[image:gloCOM_web_appearance_screen.png|thumb|Appearance]]

Within the ''Appearance'' tab, the user can change their gloCOM appearance. They can choose between ''Light'', ''Navy Blue'', and ''Dark'' mode. Also, they can change the language used throughout the app. This way, they can use the app in their native language.

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

=='''Presence'''==

[[image:gloCOM_web_presence_tooltip_screen.png|thumb|Presence|200px]]

gloCOM Web brings a unified presence synced across all user devices (Desktop, Mobile, and Web). For online contacts, the user can see if they are connected: via Desktop, via Mobile, via Web, or even all three. For offline contacts, the user can see when was their last activity in order to have a better understanding of their availability. 

For example, if you see that the contact was last seen a few minutes ago, you might assume they will probably be able to respond to your calls/messages. On the other hand, if a contact has not been seen for a few days, it might indicate they have limited availability and are out of the office. User’s presence and availability are represented by the icon visible at the bottom right of their avatar.

Details about a contact’s presence are shown in a tooltip while hovering over them in both ''Grid View'' and ''List View''. The tooltip contains information such as the device that the contact is connected with, their last activity, their status message, and their phone status (idle, on-call, do not disturb, etc.).

''Status icon indicator can be any of the following:''

[[image:gloCOM_web_online_status.png|35px]] If there is no icon at the bottom right of the user’s avatar, it means that they are currently online and available.

[[image:gloCOM_web_on_call_status.png|35px]] The user is currently on a phone call.

[[image:gloCOM_web_busy_status.png|35px]] The user is currently online, and they’ve set their status to Busy.

[[image:gloCOM_web_dnd_status.png|35px]] The user is currently online, and they’ve set their status to Do not Disturb.

[[image:gloCOM_web_away_status.png|35px]] This icon has multiple meanings:

::* The user is currently online, and they’ve set their status to Away.
::* The user is currently connected via Desktop, but they are Away from Desktop.
::* The user is not currently connected, but they were last active less than 8 hours ago.

[[image:gloCOM_web_offline_status.png|35px]] The user was not active in the last 8 hours.

==='''Status and Status Message'''===

[[image:gloCOM_web_presence_status_screen.png|thumb|Presence Status|200px]]

The user can select their status by clicking on the status icon at the right bottom of their avatar. A menu will pop up, and they can choose between:

* Available
* Busy
* Do not Disturb
* Away
* Any of the statuses defined by the PBXware administrator
* Custom Status

The ''PBXware'' administrator can add statuses through ''PBXware GUI'', and those will appear as an option in the menu for all users. For example, an administrator could add ''Lunch Break'' status. This way, the user can inform others when they are using their lunch break, and they are not at their desk. Also, they can set their own custom status and write any message to describe their current availability.

[[image:gloCOM_web_presence_status_expiration_screen.png|thumb| Presence Status Expiration|200px]]

For example, if they have to attend a meeting and they will not be available to respond to calls or messages, they could choose ''Custom status…'' from the menu. <br/>Select ''Busy'' from the dropdown, and type ''In a meeting'' as a message. It informs all other users that they are busy, and the reason for that is they are currently attending a meeting. This way, all users can have a better understanding of each other’s availability since each user can type a custom message to describe their current availability. After they select any of the statuses, they also have to specify status expiration. It allows them to let the application revert their status to ''Available'' after a certain period of time.

Using the example mentioned above, the user could set their status to ''Lunch Break'' with the expiration of 1 hour, so when they come back to the office, they don’t have to remember to change their status back to ''Available'' since the application will automatically do that for them.

''When setting status expiration the user can choose between:''
* Today
* 1 hour
* 4 hours
* 8 hours
* 12 hours
* 2 days
* 5 days
* This week
* Always

=='''Chat'''==

gloCOM brings a unified chat between Desktop, Mobile, and Web applications. ''Chat history'' is stored on the server and synced between all user devices. For example, if the user needs to leave the office but has a discussion via chat with their colleagues, they can seamlessly continue the discussion using their mobile application. Also, if the user changes their PC or laptop, the entire chat history will sync the first time they log in on the new computer.

[[image:gloCOM_web_one_to_one_chat_screen.png|thumb|One to One Chat Conversation]]

==='''Sync Chat History'''===

After every login, the application makes sure that every chat session has synced the last 20 messages, and by scrolling, the user will get older messages.

==='''Chat Server Unavailable'''===

If the chat server is down, the user cannot send nor receive messages until it gets back up. While the chat server is down, there is an indication inside the conversation list to alert the user. As soon as the application detects that the chat server is back up, the warning message disappears, <br/>and the user can continue chatting where they left off.

:<span style="color: red;">'''NOTE:'''</span> '''If chat sync has failed, there is a warning inside the conversation list displaying the following message: ''Chat server not connected''.'''

==='''Starting Conversation'''===

There are several ways to start a conversation or to open an existing one.

[[image:gloCOM_web_start_conversation_grid_view_screen.png|thumb|Star Chat Conversation from the Grid View|225px]]

* Clicking on the chat icon while hovering over a contact within the contact list (only ''Grid View'').

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

[[image:gloCOM_web_start_coversation_right_click_screen.png|thumb|Right-Clicking on the contact to start a Chat Coversation.|225px]]

* Right-click on the contact within the contact list and select the ''Chat'' option from the drop-down menu.

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

[[image:gloCOM_web_start_coversation_by_click_screen.png|thumb|Clicking on the contact to start a Chat Coversation|225px]]

* Clicking on a contact within the contact list ( only ''List View'').

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

[[image:gloCOM_web_start_coversation_from_conversations_list_screen.png|thumb|Open chat conversation from conversations list|225px]]

* Clicking on a contact within the conversation list to open an existing conversation or use the search field above the conversation list to find the contact and start a new conversation. Also, the existing conversation can be found using the search field above the conversation list.

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

[[image:gloCOM_web_start_group_coversation_screen.png|thumb|Start a Group Chat Conversation]]

* Click the ''Create Group'' icon within the navigation bar, select several contacts from the contact list, enter the group name, and click create.

<br>
<br>
<br>
<br>
<br>
<br>
<br>

[[image:gloCOM_web_start_conversation_from_live_call_screen.png|thumb|Start a Chat Conversation from a Live Call]]

* Start a chat from the regular call (one-to-one chat conversation).

<br>
<br>
<br>
<br>
<br>
<br>
<br>

[[image:gloCOM_web_start_coversation_from_conference_screen.png|thumb|Start a Chat Conversation from a Live Conference Call]]

* Start a group chat from the conference ( group chat conversation).

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

==='''Context Bar'''===

[[image:gloCOM_web_start_top_gray_bar_screen.png|thumb|Context Bar]]

At the top of the chat screen area is a context bar. It contains information about the currently selected conversation and also provides various actions available for that conversation. At the far left side is an avatar of the currently selected conversation. Next to it is a user name (or a group name in case of a group conversation). Below the name is information about the user’s presence and status (for example, online status, status message, etc.).

In the case of a group conversation, there is a label indicating the number of participants in the conversation.

<br>
<br>
<br>

===='''One to One Chat Conversations'''====

At the right side of the context bar are buttons for performing actions available for the currently selected conversation.

[[image:gloCOM_web_call_from_chat.png|30px]] - Call the currently selected contact (create a voice conference in case of a group conversation).

[[image:gloCOM_web_add_users.png|30px]] - Add more contacts into the currently selected conversation.

[[image:gloCOM_web_more_options.png|30px]] - More options gives options like:

::* Call (ext number)
::* Call ( Select on which number you want to call the contact)
::* Call With ( Select would you like to use softphone or deskphone)
::* Contact Information opens a contact information screen
::* Pin chat at the top of the conversation list
::* Send e-mail to the contact
::* Voicemail - leave a voicemail to the contact
::* Call Monitor
::* Delete Conversation

While adding contacts into the currently selected conversation, the user can filter contacts by searching for a contact’s name or extension number. Also, contacts can be filtered by department or even add a whole department into the conversation. Added contacts cannot read previous messages in the chat conversation.

===='''Group Chat Conversations'''====

At the right side of the context bar are buttons for performing actions available for the currently selected conversation.

[[image:gloCOM_web_call_from_chat.png|30px]] - Place a conference call for the currently selected group conversation.

[[image:gloCOM_web_add_users.png|30px]] - Add more participants into the currently selected conversation.

[[image:gloCOM_web_group_info.png|30px]] - Group info opens a group info screen. The group info screen gives information about the chat admin, participants, and an option to add more participants to the group.

If you are the chat admin, you can change the group name and remove participants from the group. To remove a participant from the group, hover over them. A red cross will appear. Click on it to remove the participant from the group.

[[image:gloCOM_web_more_options.png|30px]] - More options gives options like:

::* Pin chat at the top of the conversation list.
::* Mute/Unmute chat - Disable/enable notifications for the currently selected conversation.
::* Leave - Leave group conversation but not delete. The user can see old messages, but it cannot send/receive messages.
::* Leave & Delete - Leave and Delete group conversation.

==='''Create Group Chat'''===

[[image:gloCOM_web_start_group_coversation_screen.png|thumb|Create a Group Chat Conversation]]

''Create Group'' option is used for creating group conversations (as the group creator, you are automatically the group administrator). During group creation, the user needs to provide the group name, which can be changed at any time after the group is created, by clicking on the group name.

Filtering and selecting contacts are the same as described in the conference section. The user can filter contacts by name, extension number, and by department. The created groups are permanent, which means that the user will remain a member of the group after closing the application.

It is possible to have multiple groups with the same participants and the same or different names. For example, you could create groups Sales Reports and New Release with the same participants but use both groups for different topics, so the unrelated matters are not mixed up in a single conversation.

:<span style="color: red;">'''NOTE:'''</span> '''Group chat can be created from one-on-one conversations and conference calls.'''

==='''Messages View'''===

[[image:gloCOM_web_start_messages_view_screen.png|thumb|Messages View]]

Messages of the currently selected conversation can be seen in the middle of the screen. If there are no unread messages, the application loads the last 20 messages and place the scrollbar at the bottom of the messages view area. The user needs to scroll up if they want to see older messages. This way, they can scroll to the beginning of the conversation.

On the other hand, the scrollbar will be positioned on the first unread message (if any) with the [[image:gloCOM_web_new_message.png|110px]] indicator to inform the user where new messages start.

<br>

[[image:gloCOM_web_start_typing_indicator_screen.png|thumb|Typing Indicator]]

Also, the user can see when the other party is typing. The typing indicator can be seen above the messages input field and within the conversation list. For a group conversation, if more than one participant is typing, at the time, the typing indicator will take the form of ''N participants are typing'' where N represents the number of typing participants.

While scrolling up, within the currently selected conversation, a ''Jump to the newest message'' [[image:gloCOM_web_scroll_indicator_1.PNG|35px]] button appears at the bottom right corner of the message’s view so the user can easily move to the end of the conversation. In case new messages are received while scrolling, the ''Jump to the newest message'' [[image:gloCOM_web_scroll_indicator_2.png|35px]] button shows the number of received messages. Clicking on it leads to the first received message.

==='''Message States'''===

For outgoing messages, there is an indicator explaining the current state of the message:

[[image:sending_msg.png]] The message is on its way to the server.

[[image:sent.png]] The message is sent and has reached the server

[[image:delivered.png]] The message is delivered to the other user(s).

[[image:seen.png]] The message has been read by the other user(s).

[[image:failed.png]] The message could not reach the server.

==='''Text Selection and Context Menu'''===

The user can select text by pressing and dragging the mouse across the messages area. Clicking anywhere within the messages area deselects all previously selected messages.

While there is selected text in the messages area, right-clicking brings a context menu with the ''Copy'' option to copy all selected messages in the clipboard. Also, the user can press ''CTRL+C'' on Windows or ''Command ([[image:cmd.png|10px]]) + C'' on macOS to copy all selected messages in the clipboard.

If the user hovers over a message bubble (gray or blue rectangle), the three dots will appear.

''Click on them brings a context menu with these options:''

[[image:gloCOM_web_start_forward_message_screen.png|thumb|Forward Message]]

:'''Forward:''' Allows the user to forward messages and files from one conversation to another. The user can forward the messages or files up to 10 conversations at once.

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

[[image:gloCOM_web_start_pin_message_screen.png|thumb|Pin Message]]

:'''Pin/Unpin Message:''' Allows the user to Pin/Unpin an important message or file message at the top of the conversation. Anyone can Pin/Unpin the message within the conversation. Clicking on the pinned message leads to that message within the conversation. It is possible to have only one pinned message at a time.

<br>
<br>
<br>
<br>
<br>
<br>
<br>

[[image:gloCOM_web_start_delete_message_screen.png|thumb|Delete Message]]

:'''Delete Message:''' Allows users to delete text and file messages.

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

[[image:gloCOM_web_start_delete_outgoing_message_screen.png|thumb|Delete Message Dialog for Outgoing Messages]]

Following the deletion action, the confirmation dialog will show up with two options for outgoing messages:

:* Delete for myself with the following sub-content: ''This message will be deleted only for you. Other chat members will still be able to see it. Are you sure you want to proceed?''

:* Delete for everyone with the following sub-content: ''This message will be deleted for all participants. Are you sure you want to proceed?''

<br>
<br>
<br>
<br>

[[image:gloCOM_web_start_delete_incoming_message_screen.png|thumb|Delete Message Dialog for Incoming Messages]]

''And for incoming messages, there is only one option:''

:* Delete for myself with the following sub-content: ''This message will be deleted only for you. Other chat members will still be able to see it. Are you sure you want to proceed?''

In addition to the options mentioned above, the confirmation dialog contains the Delete and Cancel buttons.

After deleting the message, the Message delete indicator shows up.

<br>
<br>

==='''File Message'''===

[[image:gloCOM_web_start_file_message_screen.png|thumb|File Message]]

Besides regular text messages, the user can use the chat in gloCOM Web to share files.

For media and other file types, there is a thumbnail. Under the thumbnail, there is information about the file name and the file size. At the bottom of the file message is an icon used to download, shows upload/download progress, or retry file upload/download depending on the file status. Clicking on the thumbnail opens the file in a new tab if the browser supports the file type. Otherwise, it downloads it to the computer so the user can open it with some other program.

<br>
<br>
<br>
<br>

===''' Input Field'''===

[[image:gloCOM_web_start_input_field_screen.png|thumb|Input Field]]

Type message field at the bottom of the chat is used to send messages to the currently selected conversation. After typing a message, press the <br/> ''Enter'' (''Return'') key on the keyboard to send a message. To type in a new line, press ''Shift+Enter'' or ''Ctrl+Enter'' (''Command+Enter'' for macOS). <br/> The length of the message that can be sent is limited to ''10 000'' characters.

[[image:gloCOM_web_start_select_file_screen.png|thumb|Select File Dialog]]

[[image:send_file.png]] On the right of the input field, there is a folder icon used to send files. Clicking on it opens up a dialog where the user can pick up to 5 files to be sent to the currently selected conversation. Also, the user can send files by dragging them from Windows Explorer (Finder on macOS) to the messages area within the chat.

<br>
<br>
<br>
<br>
<br>

[[image:gloCOM_web_emojis_window_screen.png|thumb|Emojis Window|200px]]

[[image:emojis.png]] On the right of the input field, there is an emoji icon used to send emojis. Clicking on it shows an emojis window where the user can browse through emojis separated into categories. At the top of the emojis window is a list of the most recently used emojis.