Unless video is started talking about the next application we're going to put together.
So in this video we're going to continue along and start to look at a couple of different mockups to
help you understand what it really is that we are making here.
All right.
So a couple of mockups that we're going to go through now right away.
I want you to notice two very important things about all these mockups.
First off you'll notice that there are a wide variety of different pages or screens that a user can
visit inside of application or else that a user visits is going to determine what content they show
on the screen.
So depending upon that you are ill you and I are going to decide to show a different set of components
to the user.
This is entirely new and it's not something that we've done before inside this course.
So we're going to figure out a lot about how to handle navigation inside of reactor application.
The other thing that you'll notice inside of these mockups is that we've got this log out and log in
buttons inside the header.
So that is going to be an authentication system that we build into our application.
We're going to implement a very real authentication system using Google logon OK.
So those two important things to keep in mind.
Let's now start taking a look at some of these different mockups.
This first mock up right here is going to be the main landing page of our application when a user comes
to our application.
We're going to show them a list of all the different streams that exist inside of our app every stream
is going to have a name or a title.
And it's also going to have a description right underneath it when the user clicks on the stream right
here.
They will be taken to a detail page where we will show a video player that is going to display a video
that is being streamed from the user who is currently streaming video.
And the next thing I want you to understand before we take a look at some of these other mockups right
here is that our application is going to be a little bit different from traditional streaming applications
such as twitch and twitch when you sign up for an account you are given a single channel or a single
streaming page and all the video that you stream is going to show up on that page.
Our application is going to be just a little bit different.
We are going to allow users who have signed into our application to create a channel or a streaming
page and they can create as many of these as they want.
The idea here is that a user might create one stream or one channel that is dedicated to maybe programming
and then another stream that is dedicated to playing video games or another one that is dedicated to
just general talking and having a good time.
So just keep that in mind.
A user is going to have the ability to create separate streams.
Speaking of which when the user is signed into application there's going to be kind of a different set
of rules that are going to apply to them.
So when a user is not logged into our application they're only going to be able to see a list of all
the different streams and channels that are available.
Now just a quick note here when I say streams and channels that is an interchangeable term when I say
stream channel on talking about the exact same thing I just put streaming channel all throughout this
diagram right here because I'm going to use that those two terms interchangeably as we are working on
this entire application.
Now in addition to being able to view a list of all streams when the user is logged in they can also
view video from a single stream once a user is logged in they're going to start to unlock an additional
set of capabilities.
So they're going to be able to have the capability to create a News Stream they can edit any stream
that they have created and they can also delete any stream that they have created as well.
OK.
So with those additional capabilities in mind take a look at a couple more these different pages.
So once a user is signed into our application the main landing page with all the different streams is
going to change just a little bit.
For this particular user who has signed in any stream that they have created is going to have some additional
buttons showing you're on the right hand side.
So if I created this stream I will see a button right here that says edit.
And if I click on that if I click on that edit button it will take me to a page where I can edit the
title and the description of that stream.
If I click on the delete button for my Stream right here I'll be taken to a page that has kind of like
a modal window of sorts that has a confirmed message that asked the user Hey are you sure you want to
delete the stream.
And then as we said just a moment ago if a user is logged in they also have the ability to create a
stream as well.
And so if I clicked on create a stream right here I would see a form like this they would ask me to
enter a title and it's just description for the new stream that I'm trying to create.
OK.
So that's pretty much it.
That is the application in total.
So we're going to have the main landing page right here with a list of all the streams will have a page
to show some content to the user will have the same landing page right here.
That is going to have some slightly different content if the user is logged in and will have a form
to create a stream a form to edit a stream any form to delete a stream as well.
So essentially covers the entire spectrum of how a user might interact with records inside of a web
application.
They have the ability to list records look at a very individual particular record create a record edit
a record and delete the record as well.
OK so let's take a quick pause right here.
When we connect the next section we're going to start to generate our application and then talk about
some other high level items.
I want you to be aware of.
So quick pause and I'll see you in just a minute.