Description

Daungan is a chat application that mainly revolves around groups. It provides simple chat or video conferencing. Chat conversation allows for images, video, and other attachments. The text editor provides a simple gui for entry of data. It allows for special characters, formatting (such as bold or italic), images, video, and smileys.

Daungan also allows for private conversation even if the user is in a group conversation. Video conferencing is independent of the group conversation. The user can open several video panels, or/and private conversations at the same time.

Registration

People can register using the registration panel. (Please note that registration is only available in a desktop browser). Only the userid, email address, password and name are required. system, guest and other variation of guest-nnn are reserved for administration use.

After logging in

• + Open Editor. This opens the text editor.
• 
  
  The function of the icons are show as a tooltip when the cursor hovers over the icon.
  
  Functions of basic icons

  • Send the message. Shortcut is <ctrl>+<enter key>
  • Insert a smiley
  • Cancel entry. Shortcut is esc key.
  • Set background color of selected text
  • Insert image or video.Does not work in MSIE
  • Insert a youtube link. Under development

  
  Keyboard Shortcuts specific to the editor

  • escape: toggles the editor (open/close)
  • <cntrl>enter: if editor has focus, sends the message. Note that, enter by itself, is treated as part of the message (new line).

  
  

  To avoid clogging up the precious real state, some commands are delegated to the editor. That is, the editor recognizes special commands. By adding a '@username' at the start of the message, this will be examined by the system. For example, you want to send a message to specific user (say user1)
  You'll set the message with @user1 this is a message intended for you only. The message this is a message intended for you only will then be sent only to you and user1.
  You can also select the group member and clicking Set/Remove PM and that will automatically add the @User1 to the message.

  Note that when the editor is open, the popups (to be explained later) that will interfere with presentation gets hidden. There will be a message in the menu bar telling you that there are hidden popups. These popups will be visible again when the editor is closed.

  ---

• + Edit user's details.

• This displays a panel where user details can be edited.

• + Shows the rooms available to the user
• Your room are the names of the room you are a member of. The public chat rooms are those anybody can join. Click on the room name/description to enter the room. Once you enter the room, the group members are shown in the right panel. Names with the green background are currently in the room, yellow signifies your entry. Clicking on the name will show the available options. (See below). Note that the target user has to agree first to your request.

  ---

  • Private Conversation*. Will request a private conversation between you and the selected member
  • Request location*. Will request for the geolocation and if permitted, will show you a map
  • Request Camera Access*. Will request access to the users camera.
  • Alert User. Will send an alert to the user
  • Set/Remove PM. Send the message only to the request user. (See editor on how to use this)

  • *Will ask the user for permission first.

  
• + Exit from room. Leave the room you just entered.
• 
  This exits the room if you are in a group conversation
• + Search
• 

  You can either search for users or groups. For a person, clicking on the name will show the call panel (see call user option ). For a group. it will try to join the selected group.

  
• + Call user
• 
  

  Userid is the id userid of the person you want to call.

  • Validate Userid: checks if the person is registered
  • Send temporary invite: invites to the user to join a temporary group. This will be explained later.
  • Send permanent invite: invites the person to be a member of the group you are currently in
  • Request Private conversation: invites the person for private convesation
• + Utilities
• 
  • Create Group: Create a new group.
  • Video: Just to test if the video is supported.
  • Clear: Clears the conversation panel
  • Change Password: Change the password
  • Preferences: (todo) show preferences
  • Recall: Recalls the last 50 messages.
  • Group Management: (todo) management of group
  • Create Temporary group: Creates a temporary group

Creating group

Create a permanent group

Categories

This application revolves around groups or chat room. It is possible to have a one on one conversation but creating a groups instead is recommended. You can create as many groups you want.

To create a group

The group types:

Category

Create a temporary group

Temporary groups gets deleted when all the members had exited the room/group. If you want to contact another person. You can create a temporary group, then invite to the other person(s) to join you in that group. (see the Call User icon ).

Inviting people to join group

Once you have created a group or joined a group, you can then send invitations to other people. While inside the room (group), you can use the search button , or directly the call user icon to invite the user to join the group. If the person is not logged in, the system will show the invitation the next time he/she login.

Pop Ups

Private conversation, message boxes, video conferencing, maps are all presented as popups. With popups, you can drag the message box, minimize and restore presentation.

You can drag popups by pointing your mouse at the header/pressing left button and dragging it.

• Expands the popup if minimized
• Minimizes the popup
• Close the popup
• for video, pause and play button
• for video, mute button
• indicates more options are available

For video request, the system will request access to your camera. If accepted, it will create a video panel marked local (your own camera). This is what the other person will see. For local video, do not enable the sound (unmute) as it will have an annoying feedback.

Please note that with video request, the video is initially presented with the sound muted. For mobile devices, you will have to press play upon presentation. Also, if the video gets hidden, it stops playing, and upon presentation, you will have to press play again.

Keyboard Shortcuts

Mobile Samples

Status

This app was tested on the following browsers

• Mozilla Firefox. Version 63.0.3
• Google Chrome. Version 70.0.3538.110
• Opera. Version 56.0.3051.116
• Vivaldi. Version 1.13.1008.40
• Safari. Version 10.0
• Microsoft Edge
• Internet Explorer. Not supported. Too many issues

Google Map: Note that Internet Explorer returns wrong geolocation.

For mobile devices, this was tested using Safari and Chrome on an iPhone and Samsung Android.

Comments

If you have any comments or suggestion, please leave a message.

About the author

Daungan is Filipino for harbour. It can also mean a meeting place. It invokes memories of waking up at 5:00 AM to wait for the fishermen returning with their evening catch.

The author's background is mainframe (though that was 30 years ago). In the last 10 years, he does part time work, working with children with disability.

This is the author's first attempt to design/deploy his own website and expects bugs.

If you encounter any problem, or just want to leave a comment please feel welcome to leave a message.

You can email the author at administrator (at) daungan.com.

Copyright © Joseph Montecillo 2025