Yingdi Yu | cf63b07 | 2013-11-11 02:03:46 -0800 | [diff] [blame] | 1 | ChronoChat Manual |
| 2 | =================================================================== |
| 3 | |
Yingdi Yu | 2d1e9fb | 2013-11-11 11:55:55 -0800 | [diff] [blame] | 4 | **Step 0**: Before open ChronoChat, make sure ndnd is running on your machine. |
Yingdi Yu | 9740cc8 | 2013-11-11 11:25:05 -0800 | [diff] [blame] | 5 | If you have installed `NDNx Control Center`_, check if its tray icon shows up |
| 6 | |
| 7 | .. _NDNx Control Center: http://named-data.net/download/ |
| 8 | |
Yingdi Yu | 9a7f045 | 2013-11-11 11:34:45 -0800 | [diff] [blame] | 9 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/ncc.png |
| 10 | |
Yingdi Yu | d240f9e | 2013-11-11 11:46:39 -0800 | [diff] [blame] | 11 | You also need to have your default key generated and certificate installed. |
Yingdi Yu | 2d1e9fb | 2013-11-11 11:55:55 -0800 | [diff] [blame] | 12 | To check that, you can use a command line tool **ndnsec-ls-identity**, and you should see output similar to: |
Yingdi Yu | d240f9e | 2013-11-11 11:46:39 -0800 | [diff] [blame] | 13 | |
| 14 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/ndnsec-ls-identity.png |
| 15 | |
| 16 | If you see nothing or something different in output, please go to `NDN Certifications`_ to set up your security environment. |
| 17 | |
| 18 | .. _NDN Certifications: http://ndncert.named-data.net/ |
Yingdi Yu | 9740cc8 | 2013-11-11 11:25:05 -0800 | [diff] [blame] | 19 | |
Yingdi Yu | 2d1e9fb | 2013-11-11 11:55:55 -0800 | [diff] [blame] | 20 | **Step 1**: When you open ChronoChat App, you should see a contact panel as shown below. |
Yingdi Yu | 83bd29d | 2013-11-11 02:12:17 -0800 | [diff] [blame] | 21 | |
Yingdi Yu | 4e50fb6 | 2013-11-11 02:06:56 -0800 | [diff] [blame] | 22 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/chronochat-1.png |
Yingdi Yu | 83bd29d | 2013-11-11 02:12:17 -0800 | [diff] [blame] | 23 | |
Yingdi Yu | ccd50ee | 2013-11-11 12:04:37 -0800 | [diff] [blame] | 24 | You should see **Setting** button at the bottom of the panel. |
Yingdi Yu | f4784a4 | 2013-11-11 12:08:09 -0800 | [diff] [blame] | 25 | You can change your identity and setting there. |
Yingdi Yu | ccd50ee | 2013-11-11 12:04:37 -0800 | [diff] [blame] | 26 | |
| 27 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/setting-dialog.png |
| 28 | |
Yingdi Yu | f4784a4 | 2013-11-11 12:08:09 -0800 | [diff] [blame] | 29 | The default setting is derived from the key and certificate you installed in step 0. |
| 30 | |
Yingdi Yu | 2d1e9fb | 2013-11-11 11:55:55 -0800 | [diff] [blame] | 31 | The left part of the panel is your contact list. |
| 32 | One must be one of your contacts if she/he wants to have a chat with you. |
| 33 | Right now, it is empty, so let's add some contacts. |
| 34 | |
Yingdi Yu | ed62786 | 2013-11-11 12:30:15 -0800 | [diff] [blame] | 35 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/chronochat-2.png |
Yingdi Yu | 2d1e9fb | 2013-11-11 11:55:55 -0800 | [diff] [blame] | 36 | |
Yingdi Yu | ed62786 | 2013-11-11 12:30:15 -0800 | [diff] [blame] | 37 | **Step 2**: Click the **Add** button in the lower left corner. |
| 38 | You should see a "Browse Contact" dialog which collects all the existing contact certificate in the testbed, for example: |
| 39 | |
| 40 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/browse-contact-1.png |
Yingdi Yu | a19935a | 2013-11-11 12:00:06 -0800 | [diff] [blame] | 41 | |
| 42 | You can select the contact you want to add, and then click the **Add** button. |
| 43 | Then you should see that the selected contact has been added into your contact list. |
| 44 | |
Yingdi Yu | 8ef4841 | 2013-11-11 12:11:07 -0800 | [diff] [blame] | 45 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/chronochat-3.png |
Yingdi Yu | a19935a | 2013-11-11 12:00:06 -0800 | [diff] [blame] | 46 | |
Yingdi Yu | ed62786 | 2013-11-11 12:30:15 -0800 | [diff] [blame] | 47 | If you know a contact's certificate name, you can add it directly via **Direct Add** button. |
| 48 | |
| 49 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/browse-contact-2.png |
| 50 | |
| 51 | You should see an "Add Contact" dialog, you can directly input the contact certificate name (without version number, e.g., /ndn/edu/ucla/KEY/cs/afanasev/ksk-1383327806/ID-CERT) into the **Contact** line, and then click **Fetch** button. |
| 52 | |
| 53 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/add-contact-1.png |
| 54 | |
| 55 | If the certificate can be fetched and verified, the dialog will show you the description about the certificate subject. |
| 56 | |
| 57 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/add-contact-2.png |
Yingdi Yu | a19935a | 2013-11-11 12:00:06 -0800 | [diff] [blame] | 58 | |
Yingdi Yu | 04a0c6c | 2013-11-11 13:15:21 -0800 | [diff] [blame] | 59 | You can click **Add** to add the contact into contact list. |
| 60 | |
| 61 | **Step 3**: Now you can start a chatting room with you contacts. |
| 62 | You can right click the contact you want to chat, and then select **Chat**. |
| 63 | |
| 64 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/chronochat-4.png |
| 65 | |
| 66 | You should see a "Start Chating" dialog: |
| 67 | |
| 68 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/start-chat.png |
| 69 | |
| 70 | You can click **OK** button, and then you will enter the chat room, and a chat invitation will be sent to the contact. |
| 71 | |
| 72 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/chatdialog-1.png |
| 73 | |
| 74 | If you see some red warning at the top of your chatroom window, such as: |
| 75 | |
| 76 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/chatdialog-3.png |
| 77 | |
| 78 | You can click the tray icon of the chat room to update your local prefix, such as: |
| 79 | |
| 80 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/update-prefix.png |
| 81 | |
| 82 | After that the red warning should disappear and your current prefix will turn green. |
| 83 | |
| 84 | **Step 4**: At the contact side, the contact will got a inviation notification if the contact has also added you as a contact: |
| 85 | |
| 86 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/invitation-notify.png |
| 87 | |
| 88 | The contact may **Accept** or **Reject** your invitation. |
| 89 | Once your inviation is accepted, contact will enter the chat room, and both of you should see each other: |
| 90 | |
| 91 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/chatdialog-2.png |
| 92 | |
| 93 | Now you can chat with people in the chat room. |
| 94 | |
| 95 | **Step 5**: If you want to add more contacts into the chat room, you can invite them by clicking the **Invite** button. |
| 96 | |
| 97 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/chatdialog-4.png |
| 98 | |
| 99 | Then a contact list will pop up and you can select other contact to invite: |
| 100 | |
| 101 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/invite.png |
| 102 | |
| 103 | When the invited contact accept your invitation, you should see the contact enter the chat room. |
| 104 | |
| 105 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/chatdialog-5.png |
| 106 | |
| 107 | **Step 6**: Enjoy chatting with others! |
| 108 | |
| 109 | .. image:: https://raw.github.com/bruinfish/ChronoChat-V2/master/doc/img/chatdialog-6.png |
| 110 | |