This segment of this assessment holds information on how the proposed system was designed from wireframe to real design. The section consists both wireframe and actual design of each page from the proposed project. A proper wire frame is necessary for the initialization of design as it will help to save time for brainstorming and managing widgets within the interface. Here are the illustration of designed interface and wireframes.
|
Homepage Page
|
|
Wireframe:
Figure 11: Wireframe of homepage
|
|
Actual Design
Figure 12:Actual design of home page
|
|
Description
This is the main homepage design. Here you go to different page for encryption and decryption. You can also sign in and sign up from here.
|
|
Encryption Page
|
|
Wireframe:
Figure 13: Wireframe of encryption page
|
|
Actual Design
Encryption AES method:
Figure 14: Actual design of encryption page
Encryption RSA method:
Encryption Blow Fish method:
Encryption Multi-encryption method:
|
|
Description
Above given are the images of different encryption such as AES, RSA, Blow Fish, and Multi-encryption. A sweet pop up model asking for password for encryption is also activated in each page for asking password.
|
|
Table 6: Encryption Page Design
|
|
Dashboard Page
|
|
Wireframe:
Figure 15: Wireframe of homepage
|
|
Actual Design
Figure: Actual design of dashboard
|
|
Description
This is the dashboard of user where user can see their entire encrypted file and go to the decryption page of the same file. You can also choose from different type of encryption type for encryption of any file
|
|
Table 7: Dashboard Page Design
|
|
Sign In Page
|
|
Wireframe:
Figure 16: Wireframe of homepage
|
|
Actual Design
Figure: Actual design of dashboard
|
|
Description
This is the login page where user has to provide their credential i.e. username and password. If you don’t have an account you can create one by using sign up button
|
|
Table 8: Sign In page design
|
|
Sign Up Page
|
|
Wireframe:
Figure 17: Wireframe of sign Up page
|
|
Actual Design
Figure: Actual design of sign up
|
|
Description
This is the signup page where user has to sign up with user information. After signup page will redirect to their portal
|
|
Table 9: Sign up page design
|
|
History Page
|
|
Wireframe:
Figure 18: Wireframe of history page
|
|
Actual Design
Figure: Actual design of history page
|
|
Description
This is history page where you can see when you have encrypted file. It will show you date and time.
|
This segment of this assessment holds information on how the proposed system was designed from wireframe to real design. The section consists both wireframe and actual design of each page from the proposed project. A proper wire frame is necessary for the initialization of design as it will help to save time for brainstorming and managing widgets within the interface. Here are the illustration of designed interface and wireframes.
|
Homepage Page
|
|
Wireframe:
Figure 11: Wireframe of homepage
|
|
Actual Design
Figure 12:Actual design of home page
|
|
Description
This is the main homepage design. Here you go to different page for encryption and decryption. You can also sign in and sign up from here.
|
|
Encryption Page
|
|
Wireframe:
Figure 13: Wireframe of encryption page
|
|
Actual Design
Encryption AES method:
Figure 14: Actual design of encryption page
Encryption RSA method:
Encryption Blow Fish method:
Encryption Multi-encryption method:
|
|
Description
Above given are the images of different encryption such as AES, RSA, Blow Fish, and Multi-encryption. A sweet pop up model asking for password for encryption is also activated in each page for asking password.
|
|
Table 6: Encryption Page Design
|
|
Dashboard Page
|
|
Wireframe:
Figure 15: Wireframe of homepage
|
|
Actual Design
Figure: Actual design of dashboard
|
|
Description
This is the dashboard of user where user can see their entire encrypted file and go to the decryption page of the same file. You can also choose from different type of encryption type for encryption of any file
|
|
Table 7: Dashboard Page Design
|
|
Sign In Page
|
|
Wireframe:
Figure 16: Wireframe of homepage
|
|
Actual Design
Figure: Actual design of dashboard
|
|
Description
This is the login page where user has to provide their credential i.e. username and password. If you don’t have an account you can create one by using sign up button
|
|
Table 8: Sign In page design
|
|
Sign Up Page
|
|
Wireframe:
Figure 17: Wireframe of sign Up page
|
|
Actual Design
Figure: Actual design of sign up
|
|
Description
This is the signup page where user has to sign up with user information. After signup page will redirect to their portal
|
|
Table 9: Sign up page design
|
|
History Page
|
|
Wireframe:
Figure 18: Wireframe of history page
|
|
Actual Design
Figure: Actual design of history page
|
|
Description
This is history page where you can see when you have encrypted file. It will show you date and time.
|