{"id":404,"date":"2018-05-02T11:24:21","date_gmt":"2018-05-02T10:24:21","guid":{"rendered":"http:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/?p=404"},"modified":"2018-05-04T15:39:09","modified_gmt":"2018-05-04T14:39:09","slug":"designing-our-web-based-application-mockups-of-meetingofminds","status":"publish","type":"post","link":"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/2018\/05\/02\/designing-our-web-based-application-mockups-of-meetingofminds\/","title":{"rendered":"Designing our web-based application: Mockups of MeetingOfMinds"},"content":{"rendered":"<p>In this post we are introducing the designs of our web-based application MeetingOfMinds. We focused on reflecting the functionality of our platform while designing the mockups, hence, we kept the colors and layouts very simple.<\/p>\n<p><!--more--><\/p>\n<p>Firstly, when a user login to the application for the first time, he will be asked to fill-in the important information of his profile by answer some of the sequent questions.<\/p>\n<p><a href=\"https:\/\/drive.google.com\/open?id=1RtnmIb8dndjXVByw_M6zceDV4KEaNBrY\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-470\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-new-user-student-300x249.png\" alt=\"\" width=\"300\" height=\"249\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-new-user-student-300x249.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-new-user-student-768x637.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-new-user-student.png 1291w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/drive.google.com\/open?id=1jra4ybTOiXr7td8gZHDdSFqcLmaaDjxc\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-469\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-new-user-student-2-300x248.png\" alt=\"\" width=\"300\" height=\"248\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-new-user-student-2-300x248.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-new-user-student-2-768x634.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-new-user-student-2.png 1270w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Both above figures represent the home-page of the student<\/p>\n<p>And, the following figure represents the home page of the professor<\/p>\n<p><a href=\"https:\/\/drive.google.com\/open?id=1_dzB2XnvwxKfRH3QvWnWQDrQXRoFPmhv\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-468\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-new-user-professor-300x249.png\" alt=\"\" width=\"300\" height=\"249\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-new-user-professor-300x249.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-new-user-professor-768x637.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-new-user-professor.png 1294w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>The news feeds section appears in the home page when user login to the application as existing user ( after he added some other users in his favorite list and updated his profile ). It contains the last updated information of the people who user added them in his favorite list.<\/p>\n<p><a href=\"https:\/\/drive.google.com\/open?id=1_kbS2DmUFveD6sopuGhUoYSv1AhUA-GZ\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-467\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-existing-user-300x250.png\" alt=\"\" width=\"300\" height=\"250\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-existing-user-300x250.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-existing-user-768x640.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Home-page-existing-user.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>User can check his profile and update other informations ( personal, academic and contact information) by click on the icon at the top right corner to open his profile. Also, he can be able to check and update ( remove users ) his favorite list from this page.<\/p>\n<p><a href=\"https:\/\/drive.google.com\/open?id=1XNw9m3ZYIUqgYwpkUFbCDByxEH1HL1iR\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-473\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/My-profile-300x250.png\" alt=\"\" width=\"300\" height=\"250\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/My-profile-300x250.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/My-profile-768x641.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/My-profile.png 1012w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>User can search for specific user from the User&#8217;s Catalogue page. He can either use simple search text box to search by name or use the filter to search by faculty or position of the desired user.<\/p>\n<p><a href=\"https:\/\/drive.google.com\/open?id=1N2jF_G0Vz1A3S_74mpJV-quQ-USuARiW\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-466\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/filter-result-by-department-300x251.png\" alt=\"\" width=\"300\" height=\"251\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/filter-result-by-department-300x251.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/filter-result-by-department-768x643.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/filter-result-by-department.png 1021w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/drive.google.com\/open?id=19Xilr3RcnQh3sohFUuPCzTA9DSfyyt2C\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-465\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/catalogue-300x249.png\" alt=\"\" width=\"300\" height=\"249\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/catalogue-300x249.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/catalogue-768x639.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/catalogue.png 1282w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>After check the search results, user can be able to visit the profile page of the desired user by click on his name.<\/p>\n<p><a href=\"https:\/\/drive.google.com\/open?id=1vCOVA9UcWIVBGB-WfqceR7Wk48_Kr4Wg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-475\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Professor-Profile-300x251.png\" alt=\"\" width=\"300\" height=\"251\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Professor-Profile-300x251.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Professor-Profile-768x642.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Professor-Profile.png 1018w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>From this page, user can directly message the other user who own the visited profile through in-app-chat room as illustrated in the above figure, in case other user enable this option. User also can add this user to his favorite list by press on the Star icon which is beside the user&#8217;s name.<\/p>\n<p>User can receive notifications in many cases, when other user added him in\u00a0 the favorite list, when he receive message from other users and when other users who are in his favorite list update their profile.<\/p>\n<p><a href=\"https:\/\/drive.google.com\/open?id=1br4FN7JItyKknwnvQ-OqoJeKW3uvI_D_\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-474\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/notificationsother-student-profile-300x252.png\" alt=\"\" width=\"300\" height=\"252\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/notificationsother-student-profile-300x252.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/notificationsother-student-profile-768x645.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/notificationsother-student-profile.png 1015w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/drive.google.com\/open?id=1DHIgvEPptmRUBK4UfbBYmb-NJFxRe9jU\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-471\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/message-dialog-300x248.png\" alt=\"\" width=\"300\" height=\"248\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/message-dialog-300x248.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/message-dialog-768x636.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/message-dialog.png 1253w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Notice that, the notifications of the messages have different icon than other notifications ( other user&#8217;s added me in the favorite list or update profile of the user from my favorite list ).<\/p>\n<p>In addition, user can open a full page includes the previous and current messages with all people who being contacted with them.<\/p>\n<p><a href=\"https:\/\/drive.google.com\/file\/d\/1IVRn5RvjiF8NB4N1KqmKQneO32ZnNd1N\/view?usp=sharing\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-480 size-medium alignleft\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Screenshot-from-2018-05-04-09-54-22-300x249.png\" alt=\"\" width=\"300\" height=\"249\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Screenshot-from-2018-05-04-09-54-22-300x249.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Screenshot-from-2018-05-04-09-54-22-768x637.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-content\/uploads\/sites\/266\/2018\/05\/Screenshot-from-2018-05-04-09-54-22.png 1018w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><i>Authors: Kholoud Alghamdi and\u00a0Emanuela Colta<\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this post we are introducing the designs of our web-based application MeetingOfMinds. We focused on reflecting the functionality of our platform while designing the mockups, hence, we kept the colors and layouts very simple.<\/p>\n","protected":false},"author":2963,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[22,51,50],"class_list":["post-404","post","type-post","status-publish","format-standard","hentry","category-mockups-and-ideas","tag-design","tag-meetingofminds","tag-mockups"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-json\/wp\/v2\/posts\/404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-json\/wp\/v2\/users\/2963"}],"replies":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-json\/wp\/v2\/comments?post=404"}],"version-history":[{"count":6,"href":"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-json\/wp\/v2\/posts\/404\/revisions"}],"predecessor-version":[{"id":546,"href":"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-json\/wp\/v2\/posts\/404\/revisions\/546"}],"wp:attachment":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-json\/wp\/v2\/media?parent=404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-json\/wp\/v2\/categories?post=404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/meetingofminds\/wp-json\/wp\/v2\/tags?post=404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}