Final

(0:00 - 0:51)
So, first of all we have the website, so in this website we have few slides that are related to our
website and our project. So in first slide we have the title of the website, Cyber Resilience and in
second slide we have the overview of the website in which we have how we design the website,
how we simulate the real world phishing attacks and how we simulate email simulator and what
technologies we have used in this project. So we have following things that we have discussed
in this presentation, so also we have introduction about our Cyber Reliance, which is basically
an interactive web based platform developed to enhance cyber security awareness by
simulating different phishing scenarios.

(0:51 - 1:38)
In phishing scenario we have two types of phishing scenario and after we did phishing scenario -
we have another page that shows our phishing scenario results and then we have the last page
which shows us the final output of the results. In next slide we have shown the build and how
we create this website.
For this website we have used following technologies like for front end we have used HTML,
CSS, Bootstrap and Javascript and for backend functionality we have used Node.js and
MongoDB and in our fourth slide we have shown how we have arranged the related things that
we have discussed in this video presentation.

(1:38 - 1:58)
Furthermore we will discuss our website's basic functionality including its framework we have
used and the total number of web pages and the database that we implemented. We also study
the code files and examine the website's core functionality and its core details. So first of all I
am going to show the website.

(1:58 - 2:20)
This is our website in which we have signup page. When we fill these details with our signups
then we have to simply click on login button. In current case I've already signed up this page so I
just need to click on login button and here you can see my password.

(2:20 - 3:04)
So I just click on login button and upon clicking on login button it redirects this website to home
page where we have a button - start test and this button for back to login page and these all
things I have in this website like some introduction of our website, learn about cyber security,
what is phishing, how to detect phishing attacks and etc. So when I click on start test we see
these scenarios, scenario 1, scenario 2 and view test. When I click on phishing scenario so I have
these all details in which we have click here to reset button.

(3:04 - 3:34)
In first scenario we are under phishing attack as in this email when I click on click here to reset
this. So I just see this result, this is phishing attempt, this is our first scenario to educate and test
our user under phishing attak. Furthermore, in second scenario in we are under another threat
which is to asscess malware scenario as if I have any type of attachment and any type of file.

(3:34 - 4:14)
If I click on download attachment this pop up will appear, and upon clicking download
attachment this message will appear, this is malware attachment while downloading the
attachment. Once done I will complete these two scenarios and automatically go to the view
test page, view test tab. And when I click on view test these results will appear, I have few
things like I have personal details so it's up to you and up to user if they want to fill then it's ok if
not then it's not an issue.

(4:15 - 5:08)
So to see the final results I have to fill these three options in which I have few options in drop
down like phishing, what kind of phishing techniques did you recognize in the email and how
would you respond to a phishing email asking for your password like no click and what action
would you take if you see a suspicious email so like this. So when I submit this response so my
response submitted successfully so I just click on ok and when I click on ok and when I want to
show I want to see the results so I just click on check results. So when I have clicked on check
results so I have the pages of these, I have the page of which our results are shown.

(5:09 - 6:09)
In the result, we have three columns here, metrics, our scores and average score. So these
results like great job will appear as you are aware of phishing attacks, and this function is set
according to your score because when you put all of these in metrics, your score and average
score, after this calculation you will get success rate, great job, you are phishing aware. As here
is our results page so when we click again on home page then we automatically go to our main
home page and if any other user want to attempt these scenarios - he just logs in and go to first
home page and just start the test and then fill out these scenarios and then view the test and
also its results.

(6:09 - 6:57)
So this is the basic introduction of our website and now we are going to see the code of this
website. So here is the code of this website, you can open this website code in any software tool
like visual studio, like sublime, you can see the spelling of sublime here, you can also install
sublime tool, you can also install any visual studio tool to run this website. So in this website we
have basically two folders, two main folders, two main folders we have like first one is resources
and second is backers, all designing files based in resource folder and all your backend
functionality, your database stored in this backend folder.

(6:58 - 7:54)
So when you open this file you view these files and when you click on backend files you have
seen these all backend files and database files and you have just opened these files in your
software which like visual studio in our case or sublime. So I just opened these files, you can see
here resources file and backend folder. As I only need to show here both backend files, you can
see these all files in which we write the main configuration file, we have build main models, so
in your resources file you have seen the designing pages as I already told you in previous folders
we have resources folder which have all designing webpages that we already seen in this
windows screen.

(7:55 - 10:22)
So in my code we have these pages that is our webpages - which analysis page assets, basically
when we want to see these all webpages we just need to click on, first we need to click on
resources and then we have to find out the folder that is SRC then we have assets and we have
these all login, these are webpages which is called home, login, results, signup and start test.
So when we click on home page then we just click on dot html file, when we click on dot html
file we have seen this in all video, this code is related to our home page and like this when we
click on dot css file, dot css file is basically our designing file in which we design our body, we
design the main webpage, we give the colors, we give the margin, we give the basic setting, so
this dot css file is related to your basic designing file and your dot html file is related to your
web browser file, so just like this, home page and your login page in which you have the
information of your login details, your results page and your signup page and your test start
page, include these all four pages, all four to five pages, these five pages here are related to our
website main pages and here is the code of these all website, like login page, your results page
and this is the code of our results page and here is our signup page and this is the code of the
signup page and test page and here is the code of your test page and here is the code of your
test page, so these all files are related to your code files and when we click on index page, so
this is your index page, so here is the introduction of website and presentation - the basic code
files, so all is done from my side, so if you have any question you can ask, thanks for your time
and if you have any question you can ask.