00:00hello everyone welcome back to my
00:01YouTube channel I'm Rohit and we are
00:04going to start a new series called
00:05service portal the reason behind that
00:08creating a new service portal series is
00:10that a lot of people they don't know
00:12from where to start for the service
00:13portal and what are the languages they
00:15have to learn for that reason we are
00:17building a complete series so that you
00:19can learn from the beginning to the end
00:21what are the things you need to be done
00:23for the service portal we'll discuss on
00:25deep like what are the language you need
00:27for the service portal uh what are the
00:29steps you need to do for the service
00:31portal people don't know that they
00:33randomly take any uh video and then
00:36start watching that but they don't know
00:38that from where it should start and
00:39where it shouldn't that's the reason I'm
00:41creating a series so the series will be
00:43published one by one so I'd request
00:46everyone please like share and subscribe
00:48my channel because I'm putting a lot of
00:49effort to making this kind of video
00:51uh we already running one video called
00:54uh JavaScript series and now and apart
00:57from that we are running another series
00:59called uh integration Series in meantime
01:02people are requesting to create uh that
01:05service portal Series so I am parallely
01:07creating this service portal series uh
01:09if you go back to my website which is
01:11called so expertroid.com this is my
01:13website and under this website you will
01:15be able to see documentation and all my
01:18videos documentation are present here
01:20under this service portal you will be
01:21able to find out the service portal
01:23documentation in this documentation
01:25we'll discuss one by one and then this
01:28documentation will be keep on this page
01:30will be keep on increasing
01:32so you can start accessing this but
01:34there are a lot of stuffs will be added
01:36behind this I mean in between these
01:38topics so uh keep watching and keep
01:41browsing my channel so let's get started
01:44without wasting time
01:56topic we want to discuss that what is
01:58service portal or maybe service portal
02:00introduction so if you see service
02:01portal allows you to build a mobile
02:03friendly self a service experience for
02:06your user it interacts the part of the
02:09new now platform so user can access
02:12specific platform feature using the
02:14service portal it is an alternative to
02:17content management system so previously
02:19in our system the service um apart from
02:22the service portal there was a one
02:25module called content management or CMS
02:27that service motor replace that CMS
02:30because CMS build based on the
02:32JavaScript and jelly script uh DNA
02:36script is a little difficult and it does
02:38not support the angularjs so those are
02:41the reason it's not a user friendly that
02:44much user friendly and mobile friendly
02:45that's that's the reason service now
02:48introduce a new module called service
02:49portal this service portal in in the
02:52service portal what are the features you
02:55have you have a mobile friendly you will
02:57get the mobile friendly user experience
02:58you can access this service portal from
03:01your mobile you can access your um uh
03:03portal from the desktop laptop tablet
03:06anywhere that um in your platform it's
03:09support by default bootstrap so you
03:11don't need to put extra code or extra
03:13model you don't need to inject the
03:15system will automatically support that
03:17bootstrap and also it support the
03:19angularjs it support the angularjs not
03:23angular angular and angularjs are both
03:26at the complete different angularjs is
03:28run that one point version to the 1.89
03:31uh six seven one point six one point
03:34seven these are the version of the
03:35angularjs but the angular is 2 3 angular
03:382 angular 3 angular 4. so these are not
03:40angular is not supported into service
03:42portal but Angular JS support by
03:45um service portal so there is a huge
03:47difference between coding point of view
03:49also the angularjs and angular so uh
03:52these are the things you should keep in
03:53mind uh whenever you are starting with
03:56the service portal for service portal
03:58development you need to know various the
04:00coding language we will discuss that
04:02what are the language you need for the
04:03service portal but for the timing we
04:06will see that service motor is very
04:07mobile friendly it boosts support
04:09booster support and angularjs support uh
04:12it it can be used mobile tablet or any
04:15other devices now go back to that
04:17development role required for the
04:19service portal you need admin orders we
04:21had been so who have the basic knowledge
04:23they can also reuse that portal again
04:26and again or maybe the widget again and
04:28again for that they can use that SP
04:30admin which is the service portal admin
04:33now for whom we are building the service
04:35portal why we need so we need that we
04:38understand that who can develop right so
04:40this can be developed by admin or
04:41service portal admin but who can access
04:43this service portal service portal can
04:46be accessed by end user or service text
04:48agent or any user external or internal
04:51so service portal is built completely
04:53for all the user even they don't have
04:55any role so they will they might not be
05:00native view service now view they can go
05:02to the service portal so service portal
05:04is built for one and only end user and
05:09end user service days admin everyone can
05:11use the service portal it is for the all
05:14the user present to the platform even
05:16for the service portal can be built for
05:19the public user so who whose profile is
05:22not present to the service now they also
05:24can be accessed through the service
05:26now let's come back to that what are the
05:28language supported by service portal so
05:30for the service portal we need various
05:32language to build the service portal
05:34very first thing is that you would need
05:36to know that basic HTML very first thing
05:39you should know the HTML you should know
05:41the CSS you should know the bootstrap
05:43you should know the angularjs these are
05:45the topic we'll cover as part of this
05:47series also we'll talk about that what
05:49is HTML how we build the HTML and CS all
05:51those stuff one by one
05:53but you need you should have those basic
05:56knowledge apart from that to develop the
05:58backend site like uh the once somebody
06:01click the submit button the record will
06:02be saved to the service now side you
06:04should get some data from the service
06:05now for this one uh for the back end you
06:08need to know the service now server side
06:10scripting knowledge you should know the
06:11JavaScript you should know the HTTP
06:13service so let's say that through the
06:15integration you want to get some data
06:17and you should bind the data and present
06:19that for that also we need the HTTP
06:22service so basically these are the
06:23languages you need as for the
06:28so that's all about this uh um you know
06:31this uh this service portal introduction
06:33if I go back to the service portal it's
06:35running content so what are the things
06:36we are going to actually
06:38um discuss during this course you can
06:40see these are the topics we are going to
06:42discuss from the very basic to the very
06:44complex scenario we are going to discuss
06:46each and every topic will build a portal
06:49from the scratch and we'll design a page
06:52we complete portal but again for your
06:56actual scenario I'll show or I'll create
06:58based on the dummy scenario but to act
07:01for the actual scenario or actual
07:03requirement you should uh you should
07:06know all these basic stuffs that we are
07:09going to use that so you should
07:11or keep watching and learning and
07:13practice and after that we will be able
07:15to walk on your end-to-end project
07:18so very first thing that what about
07:20training in this training whatever will
07:22show you that you should keep on trying
07:25um using and enhancing your skill uh you
07:28should use your um any kind of
07:30requirement you should try to fit that
07:32which which part of these uh object can
07:36be fit or for that requirement and you
07:37should build that now coming back that
07:39if you see there are will start from the
07:42very basic portal basic what are the
07:43things need to be configured we'll talk
07:45about the HTML Basics also we'll talk
07:47about the bootstrap basic also and we'll
07:49talk about CSS Basics also so we will
07:51talk all those Basics but for advanced
07:54course called HTML bootstrap you should
07:57um I have playlist in my channel you can
07:59go and watch the HTML Basics I mean html
08:02and you can deep dive there but we'll
08:04talk about all these basic stuff HTML
08:06boost web all those stuffs one by one
08:10so now let let me show you that how the
08:12service portal maybe looks like that and
08:14what are the things I can show you for
08:16the today so once you log into the
08:18native instance uh you can see in this
08:20here call this is my left navigation
08:24here if you type the service portal
08:27you will be able to see this service
08:28portal model under this service portal
08:30there are many modules are present we'll
08:33discuss this point one by one right now
08:36uh if you see here I am in the Tokyo
08:39release so if I search with that stats
08:48you can see uh I am in this Tokyo
08:51release and this uh this version or
08:53these stations will be created on the
08:56Tokyo release so there will be many
08:58features in upcoming um upgrade but most
09:02of the back end will be remain same so
09:04if you are using the lower version of
09:07this Tokyo release or if you are using
09:09if you are going to be used in future
09:10upper version because to Trio is the
09:12current latest version but if you you if
09:15you are going to use in these things in
09:17the upper version future the pretty much
09:19backend will remain same a few things
09:22are enhancement and a package will be a
09:24little bit different but most of the
09:26cases it will be as it is remain same
09:28now if I go back to the service portal
09:31under the service portal we have a
09:33portal called service portal home if we
09:36click that by default this is the
09:38service portal or this is the service
09:39now out of box uh portal will be looks
09:42like that so if you see here this is the
09:45out-of-box service portal looks like
09:46that in top if you see if I scroll down
09:49the menu is not it's static and it is
09:52not scrolling but apart from that the
09:55complete page is coming I mean scrolling
09:58down the top you can see this is the
10:00announcement we call the announcement
10:01and this announcement can be dismissed
10:04or can be uh Delete based on the
10:07configuration that we can do in the left
10:09side this is the main menu this menu is
10:12right now static but if we want you can
10:15do this the menu the way so that it can
10:17be scrollable now here this is the
10:20search here we can do a search here and
10:25that here that help text that we can
10:28show these are the uh you know that
10:31links you can say but links when you
10:33hover over that the links color is
10:35getting changed apart with this text and
10:38when you click that it will it will
10:40redirect you to the different page so if
10:42you are odd if you are ordering from
10:44some for some catalog item you can go
10:46back to this page and you can order from
10:49now this is how your actual home look
10:52like that this is the knowledge base
10:53where you can get all this knowledge
10:57so this knowledge article will help the
10:59end user to understand for any of this
11:01process area that let's say how to reset
11:03their password how to get the token this
11:06kind of details uh end to end how can uh
11:09uh log into my system very fast then
11:11this kind of any knowledge article if we
11:13want to publish we can store into here
11:17um if you want let's say that if you
11:19want laptop you want that uh to be add
11:22yourself in a particular group you can
11:24go to this request something and order
11:26that so this portal is completely built
11:29for the end user so that end user can
11:31get help from this portal I mean they
11:34can they should not type in the left I
11:37mean they should not go back here and
11:38type the service portal or they should
11:41not type the request or catalog item
11:43something like that because they don't
11:44have much knowledge the end user doesn't
11:46have much knowledge so that the
11:48presentation the presentation will be
11:49some way that they can get everything in
11:52a handy and they should have a flavor of
11:54the like a website they should not type
11:57here and and we should not have any
11:58knowledgeable they can directly go to
12:00these knowledge article catalog item
12:02request card so that so if you go to the
12:05Flipkart you don't need someone don't
12:06need to explain you that where should go
12:08or if you go to any of these e-commerce
12:10portal like Amazon Flipkart any of this
12:12portal you should not go to this any of
12:15these and nobody will guide you or
12:17nobody will save you that click there
12:19because you don't need to type anything
12:20you just click and you can find out
12:23you can see all these approval all this
12:26ticket which is opened by yourself are
12:28the top rated article the way it is
12:31designed that every everyone or any any
12:33user who don't have any knowledge they
12:35can directly you know uh uh land to this
12:39page and then they can start on getting
12:41use that item so if you click the get
12:44help so these all are small small
12:47um and here you can see the many item is
12:50there called change password parting uh
12:53sticker request everything you can see
12:55in front of you and then you can raise
12:56the request and you can resolve it can
13:01similarly we had similarly you have a
13:04chat option so once you click that the
13:06virtual chat can be open and then using
13:08the virtual chat you can uh talk to the
13:11agent the for uh for the some issues
13:14that you are not uh aware of the or
13:16maybe the process that you are not aware
13:18of that you can see that in the top you
13:21have a cart in the card you can see all
13:23these item that will be added to your
13:25cart like a shopping cart the all the
13:27item will be added here it will be
13:29you can see the sign is getting on
13:31because virtual agent is on and here you
13:34can based on your uh requirement uh
13:37right now it is not configured properly
13:39based on your requirement you can click
13:42on that and it can uh you know it can
13:47here you can directly search your any of
13:49these catalog item name or um you know
13:53any of these uh knowledge base or any of
13:55these ticket number it can help you to
13:57uh you know it can directly search you
14:00and land you that particular catalog
14:03item let's say that um laptop not
14:09so this this is called iPad search Once
14:12you type something it automatically show
14:14you that once you search that it will be
14:16searched for the knowledge base catalog
14:19uh it can be set the catalog item
14:21knowledge base for you and if you have
14:25any ticket directly it can go to that
14:27ticket or also so if you search with
14:29that any of this incident number
14:32probably uh and if you search here
14:36it it will directly search that but
14:38right now for the incident we have not
14:40configured so it will be directly
14:41searched and then open that now these
14:44things are can be configurable so if I
14:46press Ctrl if I uh press Ctrl alt and
14:50right click so you have to type control
14:52alt and right click once you click
14:55control all right click these options or
14:59this menu will be visible and using this
15:04if I click that show we get
15:06customization once you click that what
15:09all widgets are customized what all our
15:12widgets are present to the page
15:14everything will be shown in a blue
15:15screen if you see these all are small
15:18small widget or you can say that this
15:20will discuss that further what is the
15:22widget and all those stuffs but if you
15:24see here these all are small small
15:26widgets which is attached to this page
15:29and there is a color combination will
15:31you will be able to see the green means
15:33that everything is out of box uh there
15:36will be red means that use as builds
15:38from the scratch and then there will be
15:40yellow that you cloned that and you mark
15:42some modification so that there will be
15:44color combination based on that you can
15:47see what widget are there and what are
15:50the build by you or what are the build
15:52by service though if if it is built by
15:54service now everything will be cleaned
15:56because it in this page everything is
15:58out of box now in this info if you click
16:00that it will be show you all about that
16:03widget details like what is all about
16:06this widgets what are the name
16:08ah what is the angular provided what are
16:10the template they are using these uh
16:13diagonalities will be showing to you and
16:15you can click here and it will show all
16:17these details like that
16:20and uh if you see here if again if you
16:23press Ctrl alt and right control all and
16:27right click here you can see that it
16:31have a some second each is that
16:33millisecond which takes to load these
16:36widgets and then there are many others
16:39options for log uh log to console these
16:41are the options are available we will
16:43discuss these uh point one by one in our
16:47future video we built and we'll discuss
16:50each and every Point small Point as much
16:53as possible in our um upcoming video if
16:56you have any question any doubts or
16:58anything that you want to know about
17:00specifically for the this series on
17:04service portal comment me in this uh
17:06video or else if you have any uh
17:08question or comments related to the
17:10other topic you can DM me or post into
17:14that my channel comments so that's it
17:16for today thank you very much have a
![Welp, Here's what the Fed *Just* Said [Fed FOMC Minutes]](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2Fl8u23oq1E9E%2Fhqdefault.jpg&w=3840&q=75)
