System Organization & Navigation

The system has a few pages within it, each serves a specific purpose. The pages can be accessed from the menu on the left side of the website.

Figure 7: Pages on the left menu

Dashboard page

This is where the user can see information about his account balance and days until renewal. As well as having a graph which shows the user the number of searches that were made according to different filtering options.

Figure 8: The dashboard page

From this page, the user can also navigate to the packages page in order to update or change his package from the available packages. This can be done by clicking on ‘change button’ link.

Figure 9: Change package from /dashboard

The user can also navigate to the search page directly by clicking on ‘Start new lookup’.

Figure 10: Start new lookup button

From this page, the user can request a custom package according to his preferences.

Figure 11: Request custom package from dashboard

Clicking on ‘request’ will open a small popup where the user can insert details about a custom package according to his preferences.

Clicking on ‘send request’ will send the admin a message about the details of the user’s request. This way the admin will be able to create a customized package especially for this user.

Figure 12: Request custom package popup
Figure 13: Balance and days until renewal

Clicking on the balance and renewal bar will navigate the user to the packages page.

Search page

This is where the main function of the system takes place. This page includes all the workflows the user gets from buying a package (each package has different workflows). Each workflow has a specific number of social networks configured inside it which determines from where the search results will be collected. Some workflows take time to return results while others return results almost instantly.

Depending on the package the user has, he has the option to use the Phone lookup, Name search, Post search and Deep Web or any other workflow depending on his needs. By each initiated search, the user will decrease his balance according to the price next to the name of the workflow that was used.

The search page will be discussed further in the upcoming sections.

Figure 14: The search page

Packages page

This is where the user can view the available packages that can be bought. Each package has a unique set of workflows and features that the user can use. This is also where the user can see his active package and if there’s a need to upgrade to a better package. The prices on the packages represent the balance that is added to the user once he makes the purchase. The icons on the package represent the social networks that the package includes.

Figure 15: The packages page

By clicking on the ‘buy’ button, the user is navigated to a new tab where he can complete the payment process. Upon completing the payment by inserting all valid data, the user can go back to the website and refresh the page to receive the contents of the new package that was purchased. This includes new search workflows, new balance addition and updated days until renewal.

Figure 16: The payment tab

The user has the option to request a custom package from the packages page as well. This means that the user can request a customized package with a set of workflows especially made to meet his needs and interests. This package is personal and none other than the user who requested can use the package that the admin creates for him.

Figure 17: The custom package

Developer page

This is where the user can integrate the API solution within the system with his own infrastructure. The user can make different types of searches and monitor requests using the available API structures. This is possible by inserting valid information in the required parameters and executing the request. This cannot be done without creating an API key in the API Keys page first.

Figure 18: The developer page
Figure 19: The developer page video

On this page, the user can watch a video that shows how to use the API keys and the proper format of characters that have to be inserted inside the parameters.

API Keys

This is where the user can create an API key that he can use to access the system’s search features using API. This API key is a unique set of characters that is made especially for each user. Two users cannot have the same API key.

Figure 20: The API keys page

The user can edit, delete or copy the API key from this page in order to use it for the preferred purpose. The user can create an API key by clicking on ‘Create API key button’. This will open a popup where the user can determine the length of the API key and the allowed domains(optional).

Figure 21: Create an API key popup

Clicking on the edit icon next to the API key will open a popup where the user can edit the length of the API key and change the allowed domains. Each time an edit was made to the API key, the user has to generate a new key.

Figure 22: Edit API key popup
Figure 23: Delete API key icon

The user can also delete the API key by clicking on the trash icon next to the API key that was created.

To copy the API key, the user has t click on the copy icon that is next to the API key.

Figure 24: Copy API key icon

Settings page

This is where the user can view his personal information. The information includes: first and last names, email address, password, phone number, set a profile picture and turn auto-renewal on/off.

Figure 25: The settings page

The user can edit his personal information like the name or first name. This can be done by changing the inserted characters in the first or last name fields and then clicking on the ‘save’ button that appears next to each of the edited fields.

Figure 26: Edit first/last name

The user can also edit other personal information like the email or phone number, but these require further verification.

The user can change his email address by clicking on the change email button next to the email field.

Figure 27: Change email

After clicking on this button, a popup opens requiring the user to insert the new email and the password of his account.

Figure 28: Change email popup

After completing this step, the user is logged out of the system and receives an email on the newly inserted email requiring him to verify this email address. After that, the user can access his account using his new email address.

Figure 29: The message for changing the email

The user can change his phone number by clicking on the ‘change phone number’ button next to the phone number field.

Figure 30: Change phone number

After clicking on this button, a popup appears requiring the user to insert a new phone number. Upon clicking on ‘save’ after inserting a valid phone number, the popup changes to show a code field. The user should receive a verification code to the new phone number. After inserting the correct code, the phone number of the user will be successfully changed.

Figure 31: Change phone number popup

The user can also change his password from this page. This can be done by clicking on the ‘change password button’ next to the password field.

Figure 32: Change password

Upon clicking the button, a popup will appear requiring the user to insert the old password, a new password and to confirm the new password. After inserting the appropriate info, the user should click the ‘save’ button. This will make the new password appear in the password field where the user can choose to show or hide it from the page.

Figure 33: Change password popup

The user can further personalize his account by adding a profile picture when clicking on the person icon at the top left of the page.

Figure 34: Change profile picture

This will open a popup where the user can insert a profile picture by clicking on ‘Upload new image’. The user can save or cancel the newly uploaded image. As well as the ability to delete the profile image.

Figure 35: change profile picture popup

The user can turn the auto-renewal on and off to determine if he wants to renew the purchased package automatically or not.

Figure 36: Auto-renewal button

Last updated