Mobile App Academy: ServiceNow Mobile Hierarchy

all righty good morning everyone and welcome back to our mobile app Kadim e where we show you how to build mobile apps on these ServiceNow platform my name is David aha and I'm an outbound product manager here at ServiceNow and I want to give a warm welcome to everyone joining us live this morning afternoon or evening if you are joining us live let us know where you're joining in from in who you are and I'm seeing that some familiar people that Joanie yes so welcome back if you're a brand new to using our new mobile apps at ServiceNow definitely let us know in the chat as well and then hopefully you guys can see my screen feel free to send in a chat if you can't see my screen I might be having some technical issues but I think we should be ok all right so yeah we love you know getting lots of insight from all of you whether it's from here or for a mobile community and we like to put together these mobile app Academy sessions based on what we hear in you know what you want to learn more about so there's give me a lot of learnings and we host these sessions every two weeks and this week we'll be taking another deep dive on mobile hierarchy and explaining the backend tables involved when building mobile outside of Molossia you know we get we have a lot of ask to go over the New York hierarchy concepts things like you know what is a master item what is an item stream and how are they related to each other you know how do i navigate listn forms to build mobile and mobile studio has issues you know these are very common questions that were constantly hearing from you and so I want to spend today's session doing a deep dive on the mobile hierarchy and some of the tips and tricks to make sure that you know we all have a good understanding of it and and then next week we'll be showing you how to build an advanced and custom mobile app from scratch outside of Moodle studio so we're gonna take the skills that we learned today and we're actually gonna build an app from scratch and and next week using the email platform and next week will also you know involve some of the best practices when configuring mobile using now platform as well and if you have any questions throughout today's presentation feel free to send them over in the Q&A section of zoom and then at the end of the presentation we'll circle back and address them so without a further ado let's go ahead and dive straight into it I'm gonna take a quick look at our chat real quick just to make sure you guys can see my screen um QA don't see any comments at the moment so hopefully yes I'll just share one more time just to make sure okay if you guys can't see my screen please send it in the Q&A that way it'll Ertz to me that you can you can't see it more chat okay perfect looks like you guys can see my screen alrighty so so let's go ahead and get started with a deep dive on the mobile hierarchy again this is just review but if you're not already familiar remember that starting in New York we had a a schema change going from red to New York and in order to introduce a lot of new features that we brought over from York like applet launchers you have sections in global search we had to retire some of the old mobile tables and we introduced a bunch of new ones so to help explain this new hierarchy we're gonna start with this kind of lucidchart diagram and what i'm gonna do is actually have this powerpoint and I'll reference it throughout my presentation and as I go through this dog now I'm gonna show you how to access the tables on outside of mobile studio on the now platform and you know what the configuration is to those tables would look like on the back end so let's go ahead and jump into it so at the very top of our diagram you can see that that we have our native clients and as you already know as of New York there are three mobile clients on the new mobile platform service mount agents now mobile and mul onboarding and for any configuration that you make inside a mobile studio or outside a mobile studio on V now platform you need to specify which client that you would like to build inside of whenever you build a new report or what we like to call an applet or whether you or you want to build a landing page which we call at the launchers it would register on your mobile device or it won't register on your mobile device until you specifically point it to the client that you want whether it's or on board so from the native clients we have the navigation bar so as I go through these heartbeat each slide will have a number on it so you can reference it where I'm speaking to and that each slide will have a picture of the mobile app too so you have an idea of how each component plays a part in configuring the mobile app okay so on the backend um when you start building mobile you start with the navigation table and on our instance let me go and show you what this looks like if I look up mobile you'll notice that there's a quick mini for both now mobile app as well as system menu and so these are you can think of them as quick bookmarks that you can access your most commonly use back in tables on the amount platform it doesn't have every table here but most of the things that you need to do to build mobile or accessible here also notice there's a difference between the menu options under system mobile as well as now mobile now Mobile has a filter on it to show you only the now mobile components while system mobile it has all the mobile components across all three apps for both agent now mobile Mobile onboarding so for example if you wanted to open an apple launcher you want it to open especially for now mobile you can find it here but if you wanted to find an app launcher from one of your three other to other clients you would open it up under system all right also you know when I'm configuring using the mount platform my two most used bookmarks are the applets and applet launchers now here you'll be able to access most your configurations so back on our navigation bar what we're gonna do is we're gonna look up a navigation bar under system mobile to start our hierarchy discussion okay um so here you'll see that I have a few options here I'm gonna delete this project status cuz it's not actually supposed to be here this is a custom instance but just imagine you can't see that right now but you're gonna see just three clients when you are on your new york instance you're gonna see mobile agent mobile onboarding and now mobile and these indicate to you as the three clients that are available to use from and so on the backend whenever you're building on any one of these clients you need to specify the navigation here well--there's to build on mobile agent or now mobile when you're inside a mobile studio that's much easier right you have when you build an applet you would just go to the navigation bar and you would specify this is where I want to build my applet but this is what it looks like on the now platform on the backend so if I click into one of these let's say I click into now mobile here it will bring me to my navigation tabs and I think these are pretty straightforward so um you know on my mobile screen on my powerpoint or navigation bar you can see that I have five navigation tabs at the bottom screen so once the Native Client is selected you start configuring your collections of navigation tabs for your end user and with the navigation tab you can quickly open up an applet or inhabit launcher right so out-of-the-box on now mobile you have home you have services and information notifications and settings each one of those are applets or sorry each one of those are applicant routes which is which are landing pages and those are the five that come out of the box if I wanted to I can also customize it so that we open up an applet instead so it directly launches into that applet without having to go into a evelyn launcher and the order of your navigation tabs are totally configurable so each of these navigation tabs you can order on the platform on namul so let me show you where I would do that um you can see that I have home services information notifications and settings I have a custom one that I created but I hit it it's currently hidden that's why you can't see it on the app itself let me go and actually log into the normal app so you can see what I'm talking about i refresh we're gonna see home services information notifications and if you wanted to sort the order you would set the order here right now home is at 10 services 2030 and this is kind of the order that yes alright so that's what we have for navigation tabs Oh also if you have more than five tabs you're actually gonna see a more tab that pops up here so if I actually trim this live web Marr tap and I were to set it to active will click Save well actually um let's also set the order of this live webinar to 60 um let's change the order from empty looks like it's gonna want me to jump into that scope so let's jump into the live webinar scope five-lobed are things called live webinar tests and then i've set the order Oh No what's the NASCO called this scope is called live webinar test okay then if I go back and do a refresh you oh you know what sorry the scope is actually it's in order to configure the order I need to jump into nominal app screens in applet launcher scope so let's find that service now [Music] mobile app screens app screen oh here it is I'll jump into that scope and now I can set the order that's you burger isn't do you know mr. Stalin's foreknowledge okay sorry let's now jump into th live webinar I wasn't test you here we go okay I was in the wrong shape all along so the scope was actually D H live webinar not live webinar test now I can change the order so when I set the order to 70 will go and click Save we'll go back out um it's currently active and now in order for me to see my navigation bar in the mobile app I'll have to log out and log back in so anytime you make changes to the navigation bar tabs you have to log out and log back in in order to save those changes so let's log out real fast we'll go back into mobile team we'll login to our instance you give it a second alone and now you see I have four navigation tabs one from home services information implications and then because I have more than five tabs the last two end up being only more tab right so now I can see my settings in live webinar on the north so that's navigation bar tabs and how you can configure the order and what happens when you have more than five tabs right okay so what we want to go into next are athlete's launchers so if you want to customize any of the pre-built out-of-the-box workflows this is usually where you start on the at the launcher itself so on my mold screen on the PowerPoint the navigation tabs you see ER for home services information all of these are out of the box for your nominal and and they are configured as apple launchers which serve as your home screens or your landing pages and they contain all the applets or reports that your end-users want to see and the applet launcher itself contains a configurable header which kind of includes that hello David title screen as well as the header icon you see on the top right as well as your global search that's your header and you also have your UI sections and each your wife sections are indicated by my tasks my request it's how you visualize your applets and then you'll also have your quick actions which is then a green button at the bottom right if I tap on it it would execute an action really quickly from your landing page so in order to access your have the launcher so let's go back into my instance um and we are going to look up at the launcher from system or we can jump into a kolache here we're gonna click into the homepage and this is essentially where you would configure Apple watcher on the back end here you can configure if I jump into the scope Curley into th level ever so I need to jump into ServiceNow app screens in that launchers and so let's jump into this go and now that I'm in the scope now I can configure all of these fields here the header the body all your UI sections and your quick actions so this is where you have configured this stuff on the backend also note that you can also set roles and enable offline here as well you can of course you can do it on most Sevilla but here on the backend here you set the roles and enable offline if you ever have any issues in enabling offline the on mobile studio the first thing I'll check is go into the back in table which is at the launcher here and I want to make sure that this check mark is checked and that's kind of a quick way to troubleshoot whether offline was turn on or not if you're having issues in configuring inside of moles be it right so best practice when you're troubleshooting any configuration always check the back end tables and see that they're truly represent representing what you see inside and we'll see it and of course sometimes we'll run into bugs and not what not and this is a bug that we fixed in the past sometimes it wouldn't sink correctly yeah that's kind of best practices troubleshooting alright so now that we are going from apple launcher we jump into the applet launcher header so if you take a look at AMOLED screen you'll see that the header controls the title that says hello David to global search that lets you look up services articles or people as well as the header function at the top right of the screen and that header function if you tap into the icon it'll actually excuse me I'll actually launch you into your user profile so let me show you what that looks like on the instance um so the title is here the header function is here and your global search is here I would encourage any time that you configure the header that you do it inside a mol seal because it's a lot easier to configure it inside of there but it's good to know that you know where you would access it on the backend I want to show you this inside a mold city really quickly the interface is slightly different when you're configuring the header in mobile studio and it kind of makes configuring the types of headers much easier you're actually gonna see two options one for generic and one for home which you don't see here but you do see inside of mobile studio so let me show you what I'm talking about I'm gonna jump into melissa to go really quickly and i'm gonna create a new scoped application real quickly so remember you know the out-of-the-box components and workflows that are pre-built for now mobile or not configurable inside a mobile SIA however if you were to build new net new components from scratch or created net new flows from scratch they didn't then become configurable inside Mobile's to you we are working on improving this experience in feature releases but that's just how it is for now mobile all your out-of-the-box agent experiences are configurable inside a mobile studio it's just that now mobile has now bubble is kind of just the one app that you can't configure as well as onboarding out-of-the-box stuff for now mobile and onboarding are not configurable inside of mobile studio unless you create net new components and that's the reason why I wanted to show you today just how important it is to understand feedback in tables if you wanted to customize anything on the box so the skills and learnings that you take today will heavily help you with your implementations anytime you want to customize stuff on your now mobile or onboarding workflows so let's go ahead and create this new scope app real quick we'll call this live webinar 3 and then we'll click create actually it's call this three live webinar and then we'll click great we'll just give it a admin role just to make it simple I want to create a mobile application and then I'm just gonna use the incident table for simplicity but just know that you can select any tables that you want and you can actually create new tables from this using guided app creator we'll click done with tables we'll click start and then I'm kind of rushing through this cuz uh if you attended any of the past live webinars you can actually see some of the recorded sessions we already have on YouTube on our ServiceNow community YouTube you can actually check out some of the recordings that we've already done on guided app creator and how to build apps from scratch using it so I can review my changes here and then I'll click create and then we'll click done with apps and then we'll go straight into mobile sphere and then we'll launch into it okay so now you know got it up Carter it automatically created an app launcher for me so if I just open up this app launcher we are already associated the incident applet to this app launcher but here I want you guys to actually look at the header which is different than Plata now platform you can see that header type you have two options one for generic and one for home so the first type generic these are not designed to be used as home pages the title is a static shrink that you can define and then you can also enable the include icon here display the top right icon on the header so they show you what I'm talking about it's gonna be this icon here which do you have an option to enable and then the destination you would actually have to associate an applet to it so any app that you want your users to quickly open up you have that option and then the second type we have is home so home type patters are meant for your landing pages you know your home pages it's kind of usually the first Apple launcher that you have associated to your app here so this will actually pull from the assist user table to display the full name of the logged in user so right now my user is just David I don't have a last name associated to it I don't think I put in a last name but what it does is whatever text that you set it's going to say it's gonna take the status string and then it's also going to put the variable behind it which is your full name so if I say hello um it's gonna take the assist user name which is just David because I don't have a last name it's gonna say hello David and that's what I would expect and then you can also have an employee profile here as well I think right now it's expecting me to put in an employee profile go ahead and create an employee profile real quickly just to show you what this would look like so I'm a speed through this configuration so I'll create an applet will call this employee profile and I will give it an icon in color I will select the employee directory applet will click create new this applet is gonna require a ticket item so we'll create a new data item will call this employee profile we'll select these cysts user table user this user there it is sis user I'll complete this user here it is and then I'll leave the queries blink we'll click safe so now that I have my data item I just have to associate that data I didn't back on my applet and then we'll select some fields so this uses a fixed pattern which your key one is going to be an avatar so let's go in and look up at the fire and then we can put in some fields here let's click full name maybe Department and maybe location or something and then we'll go and click Save okay so now I have an employee profile applet I can have a profile screen as well so let's go in and disrupt eight key fields click Save you remember ties to form screen actually gonna need a parameter I believe as well yes so when you associate an employee profile applet it's actually expecting a prioritized employee profile so we're actually going to need to add a parameter to the data item so let's go and open up our data item again and if any of this any of these concepts are unfamiliar to you I would definitely check out the mobile apps and kind of skimming through some of these concepts because they have been previously mentioned during our previous live webinars so I'm going to create any parameter for user we're gonna select society and we'll map it to user then we'll click Save and now on our employee profile I can now map my item parameter to my UI parameter so if I create a new wire parameter all this user we'll click Save and then we'll map our item parameter to I your parameter will click Save okay so now um our employee profile is now parameterised now I should be able to select it from this employee for a failure let's go ahead and click refresh you a plea watcher Oh oops one screen well you know what it's actually just expecting a form screen what I created just now was a list of parameters list screen [Music] I did so I don't okay so to fix this basically what I would need to do is let me show you what happened so if I look up this employee profile just now and I look up employee profile this was actually a list screen when I was at one screen what did I just create three live one right right so I created a list screen I mean it's trying to associate this list screen but in order for it to work you would actually just need to associate this form screen here and that's why the list the values aren't showing up okay but I'm gonna go just because we're running out of time I'm gonna go to skip that configuration I need to move on to the rest of the hierarchy but if you have any questions I'll use the remainder of the time to finish that configuration um but I think the most essential piece that I wanted to show you was the header options between generic and home so that's where you would find it in change or after watcher configs here okay so I so for home basically if you wanted it to say hello David full name it would just change the text here and then it would automatically pull in the full name okay so let's go and move on to global search so for global search you have the ability to search up services articles in people and this configuration can only be done on the email platform and so let me show you how you would do that so honored instance if I look up are at the launcher on now mobile like click into the home page and then I switch into the scope this is where you would control the search configuration so in New York we only allow you to use our out-of-the-box search config to be able to search up catalogs knowledge in people but in Orlando just know that you are able to customize whatever table or whatever table that you want to search that's coming in Orlando but in New York you can only search up these three right that's where you find global search on the platform UI next let's move on to quick actions so quick actions is also still part of our header right so if I show you this on my instance quick actions are at the bottom here over at the launchers and you can see that I have a bunch of quick actions already that I've made from previous webinars so if I open up this plus icon you can see all of my advil launchers that are associated if you want to see house these are configured I will check out the ServiceNow community YouTube channel which I do a deep dive on how to create these from scratch okay so I'm moving on UI sections so you live sections were still in the applet launcher header the last and it's also the last piece of this so UI sections control how app lists are displayed on your app launcher so if I go back to the app launcher or instance and then we go to this body section here this is where I would control which applets that I want displayed on my landing page and I want to create a new UI section just to show you that there's a an option for a media section that you wouldn't be able to access on mobile studio so let's go ahead and jump into the scope for service on mobile app screens and then we're going to refresh this page now that we're into the scope okay so once you're into this scope and you refresh the page you should be able to see insert a new row and we're gonna create any row now so we're gonna create in the ey section if I click new will give this media section a name let's just call it will kind of give my section to be one crate that's pretty one for instead and then we'll click safe okay once you've created a section it will click into it or will actually save before we click into it just to make sure it saves and then we'll click into the section and then actually instead of clicking into it we're going to want to change the class it's here you can control whether you create a icon section and item section or anbiya section these are the three sections that we have in New York if you're familiar with mobile studio the only two that he can create our icon sections and item sections so just to give me an idea what these sections are going back to our PowerPoint icon sections actually don't have an example of an icon section oh here we go samples we'll start with item section so item sections display card views of your records from a list a list applet and these records can be vertical or horizontal if you see on our PowerPoint screen these are items sections that are going horizontally and you can kind of scroll in between them and click directly into the record from your app launcher and then icon sections are just these circular icons that you can tap into and each one represent an applet if you see my task this is one applet and it will show you your records in this kind of square format but when you use an icon section you can actually have multiple applets in one section in which we can talk into and then one section that you might not be familiar with our media sections and media sections they kind of act like campaigns or banners or even articles that even want your users taxes and I'll actually configure one for you really quickly just to show you what's possible and then you can actually ignore chart sections because chart sections are available in Orlando and this is something that you can do to show native dashboards in Orlando but the three that are present in your core icon item in media so let me go and show you what a media section looks like now I'm gonna change the class of this section to media and I'm actually gonna rename this section to because I'm gonna create a service now banner on our na mobile app it's gonna save and then we'll jump into this real fast and it will retain the title so let's call this guy okay so this is what a media section looks like um I can put a headline on it let's go and say welcome to service now and then the text could be something like click to learn more and then here I can either attach an image or a video so just to quickly pull an image I'm going to look up service now on Google and then we'll take a quick screen shot of an image let's go and take we'll take this one I'll take a quick screenshot I sure let's take this one we'll take a quick screenshot of this okay we'll go back into your instance let's name is screenshot to service now okay and then we're actually going to add this as an attachment to this media section um recent here's that image will click open give it a second to load okay now I should in the image section I can actually select the image itself ServiceNow Agana and then I can click save so what I'm expecting right now is you'll see that service metal banner on the very top here right below our header and it's gonna have a headline that says welcome service now and then if I want I can actually configure and file a function that when they click when they tap on click to learn more it'll actually take them to the website or wherever that I want to sit so in order to do that I would have to create a URL function so let's go and create that really quickly and we're gonna do this inside of Studio real fast because it's much faster we'll create a smart button create Nia and we'll name is smart phone open service now website the type will be URL it'll be global because it doesn't require context [Music] say or for the label and then you are a link let's go on and open up service now official website copy and paste this switch don't want this page let's go too [Music] you company okay we'll take this link and then we'll put this link into your link so if so now I have a smart partner that will navigate me to the service dental website I'll go back into the now platform and I'm going to create a function instance so we're gonna create any function instance and a function instance is basically where it's a your action location right when you create an action you have to put it somewhere and for it to understand where it is that you're opening it from so we're gonna create a new function instance for this media section we'll call this a open website serves now website when you create a function instance it's always gonna be the applet launcher for the parent table because this function lives it is going to be accessible from your app launcher so we're gonna select at the launcher for parent table and then the parent is the applet launcher itself and the avid launcher that it's going to be on is going to be the home screen so we're going to look up home for the parent home home page yes the function is the one that we just created which is service now open service in the website and then we'll give it a label learn more and then the location is media section so this is specifically a function for your media section and so that's why the locations media section and then we'll go and click Submit so now if I click update I think I have all the information I need if I wanted to control the visibility of this I can do so here but I'll leave it as is so we'll click update okay and then we'll go back to my Apple watcher I'm tea or home page to make sure it's saved and now I have this media section for the banner and I actually want this to be the first UI section on my mobile app so I want it before my task and currently my task is currently first so we're gonna put this actually as one I think I have to switch into the scope for this so what's the scope for remind to use the scope for my titties is so we stumble lap Mike seduced so let's switch into that and then we'll change the order to we'll go back let's change the order my titties to the one okay and then for the banner we'll set the order which I'll have to jump back into the scope for applets up screams a knuckle launcher will save real fast to make sure it's saved oops oh whoops actually click insert I'll fix that later okay did it save oh my titties are still zero changes to one real fast like to do this steers what is it introduced set the order to one right now this is conflicting with my request but just to speed up I'm gonna leave it like that but essentially we're trying to do is get the banner to show up its first so now if I click Save you you Oh looks like it automatically saves or do I need to save in The Watcher I click into this she said I should be able to set the order as well order it's fine I did it okay start seeing he seems like good see still one time one [Music] that's interesting I click into I I'll hurry up starting okay so this is where you set the order so open the record will click Save order 1 update okay that's better okay now I need to switch into the banner scope which was Apple launchers app squeeze an apple launcher and we'll set the banner to 0 to show up first and now we'll save this as well okay alright so now if i refresh my mobile app I should see my banner on top there we go and now we see welcome to serfs now if I click on it it'll take me to the website so as you can see this is kind of a way to kind of Brenner app you know if you can you can create campaign screens or links to where you just want to open up or you know any information or videos links ways for users to kind of engage with your at landing page and it kind of makes it look more like a home screen as well so that's something that you can do on the now platform that you can't do inside a mobile steel and again all these things we're hoping to bring into molten steel over time it's just in New York this is something that you have to do outside a mobile studio okay so now let's that's UI sections that was kind of a long example of the UI sections so let's go ahead and jump into the next thing for applets so applets you should already be familiar with right so anytime you create an applet you have to associate it to an apple launcher so that it shows up within your app itself um just to show you this on the platform UI when I open up in Apple launcher for now mobile this is kind of where you would associate your applets it's within these sections themselves so I click into Adam section this is one applet Ottis expect that see destination screen this is a my request applet and this is how you associate it on the backend an important thing to know for I'm sections is you actually have different options on an app platform that you don't see inside moves to do things like max item display count hide header display title these are all things that I control you can control if you access the backend tables okay so that's what I wanted to show four applets let's move on to item sheen segments okay so I don't show you segments I'm not going to configure this but something that you might possibly not know is similar to a form screen so if I click into jump back into my mold advice by clicking to my request rate this takes you to the detail screen or the form screen a form screen can contain multiple screens I guess is it's confusing what I call it a form screen it's maybe we should just call it a form and a form contains both this details segment as well as this activity stream segment and you would normally associate forms having multiple segments but if I had a list applet for example now I see a list of all of my requests I can actually have a segment additional segments on this list screen itself so if I wanted to see you know my open requests in my closed for requests similar to what we were showing on this PowerPoint this is something that you can do and this is actually controlled and configurable on the now platform so if I open up a applet let's open up active instance we'll make sure that this is the list screen this active instance I'm expecting it to only have one item stream segment because there is only one segment if you have more than one segment item shooting segment you would actually see this tab right here which she can control if he wanted to show different types of information and these can actually pull from the same table or from different tables so right now in this example in the PowerPoint I'm actually pulling my open instance on one segment on the list screen and then a closed instance which is also pulling from the same table so you can kind of control your queries all from the same screen so that's something that you can do on email platform okay so that's item screen segments to explain item shrinks this is where this is the container that controls your data and the data item controls the source of your data and you can actually associate more than one item to in items second to kind of display records from multiple tables like a host singing before if you take a look at our mobile screen on the PowerPoint you can see that on this single list screen I'm calling incidents from the instant table or started I'm pulling yeah I'm pulling instance this record you're pulling instance from the instant table request from the approvals table and then cases from the cases table so a different item stream is used for each table but it's all showing up on the same list so that's kind of how you can use item streams to your advantage and if I look on the now platform I click into the item stream segment I would see multiple item streams here in which each one would have a different data item and I can actually show you on now mobile applets want your I believe the out of the box has an example of this so if I click into think my requests it's either my request I'd like to do is there's an example of one of these that uses multiple item streams give it a second to load I click into the destination screen this has one segment on the list only but it has multiple items as you can see this my request if I show you how my mobile device I click see all you know it's pulling instance it's also pulling rhythms you know all these are coming from different tables and it's because it's configuring different item segments or starting different item streams you can see it's pulling from cases HR cases rhythms and so forth so that's what I sytem streams can do for you moving on to the next one we have the data item and data items pretty self-explanatory um you specify what table that you want to pull your records from as well as applying any query conditions on top of it moving on to the master item so inside of an item machine contains a master item and the master item controls your item view JSON which controls the pattern of the data that you want to display on your list screen on the card view right so you can see that if you create multiple master items it can control different patterns depending on the conditions you take a look at or a mobile screen on the PowerPoint you can see that it's controlling different fields and different ways to visualize things um based on conditions so if it's ready you know it's gonna show an image when there's some fields or you know if it if the status changed from ready to work in progress you can actually control different fields for it to show so that's what you can do with the master item on the item Vijay spawned itself so going back on the platform UI will actually open up the approvals applet because this has an example of it so we'll search the app loop launcher for now mobile will click into home page will click into my - dues show up into the scope and click into the destination screen and then we'll click each item stream segments into approvals item sure and here you can see it's using multiple master items depending on you know if it's a request it's gonna have this item view JSON using you know this specific pattern and if it's rhythm it's gonna use a different pattern if it's a char it's gonna use different fields and patterns so that's what master items can do for you if you're unfamiliar with a lot of master and it looks like if you click into it here you it's you know select the table to eat want and then most importantly is the item view itself if I open this up here I can control the item view JSON right so if you know how to configure JSON this is something that you can control and you can also apply you lifestyles of course even want things to pop out and whatnot okay so that's you'll remember on to form screen so with every list applet you also have the option to enable a form stream which is kind of like if I have a list screen I have multiple records what if I want to see the details order their TV streamer a related list then you would have to attach a form screen to that when you tap into your record you can see those additional fields right so on the Plaquemine UI or on sorry the now platform outside a mobile studio if i jump from the master item let's say i wanted to go into the request master item um you're gonna see this field here called the embedded screen and this embedded screen always has to be a form screen so this approve request is the name of a phone screen or a form so if i open up this embedded screen you can see that this is a flume screen and within a form screen you can contain multiple different screens right you can have a details activity stream and related lists or any other screen that you want and let's say if I wanted to create will jump into this real fast but I wanted to create a new segment let's actually use one of our other box things actually we're slightly running out of time um I'm not gonna show you how to configure this but it's really simple if I jump into the scope it wants me to jump into the catalog screens in avalanches go and then I'll do a refresh so that I can see the insert a new row here I click this magnifying icon and click the create at creighton yeah here it's gonna tell you all the different screen types that you can select from I can create an activity stream details and so forth so you know if I wanted to create a really quick one to the stream I'll click OK you would fill in these fields here you'll click Submit and then voila you have an activity stream here that's what you can deal with segments so from my request by clicking to this right this is this is essentially way controlling the details updates and any other segments that you don't want attached to it best practices um you'd only want to associate up to 3 or 4 seconds at a time otherwise it starts to look clunky on your mobile app so we recommend you not configuring more than three or four segments on your phone screen okay and then the very last piece of this is your action functions right so how do you associate them on flat foam UI and I kind of did this already for your media section but just to scroll through this real fast um in order to create a function you would first create a function um here write a function I'll select function from system ol creating a function it can be you know trainee record or update record but once you have that function created right as the action item and the action item is associated to the action function the next thing that you have to do is on associate it to a specific location and a table that you're probably not familiar with is the function instance table I kind of slightly show this earlier so if I like have cysts underscore s G function instance that list again that's sis SG function instance that list this uh whoops sorry wrong table name cysts SG button instance dot list again assist SG behind the instance that list this is where you control your function instances um and so if I show you inside a mobile studio right what we'll see that makes it easy for you so that when you go into an applet and you tap you know functions you have the option for like top menu and swipe and then on the form screen you have options for top menu and in the body it also have a field functions and footer functions but there are other functions that you can actually create as well depending on your use case and some of those things are accessible on the back end like how I created a function for your media section and that's only possible outside of Molossia so if you look at the different location types you have trailing left swipe right swipe field functions list items footer header a quick action in media section so I'm not gonna jump into each one of those locations because we actually have a document or we show you in death how to configure each one of these so recently on mobile community we posted a couple of new content types so if you look in future content there is a link for mobile of migration and getting started guys for Melinda although we did specifically create these for the Orlando release the concepts are all still the same and these are actually very valuable for new york customers as well so you open up the mobile implementation steps for Melinda and I open up this PF all this information is gonna be super valuable for you to understand um you know how to get started using mobile studio what you can do inside of mobile studio versus what you can do outside of mobile see you you know what's the purpose of guided app creator you know when do I start building mobile studio versus when do I need to consider things I need to build outside mobile studio and kind of walks you through the hierarchy of it as well kind of like what we did today so this is a very in-depth guide book showing you all the things that are possible and kind of the best practices around it let me scroll down all the way to the bottom there is so basically I took the PowerPoint and I documented written in a Word format and kind of talks about all the things we talked about today say if we scroll all the way down to functions associated ease this will tell you exactly what screens and function locations are supported right so if I have a top any function where can this go well top any function it can be on your list screen it can be on your map screen or it can be on a calendar or form so this is very useful in understanding what are all the things possible quick actions you know if you know mobile for search now you know that quick actions can only be associated sure have the launcher and this is done on the fly outside of mobile sea so very informative guide I would definitely recommend checking now when implementing or mobile flows or now mobile agent or onboarding so that kind of wraps up all the things that I want to go over today um we did run out of time but I want to spare a few minutes to talk about any questions that you might have as well as some of the additional training and we had here so that kind of wraps up all the things that I want to show you on the hierarchy deep dive hopefully this time around you with all the visualizations and walkthrough on the backend we now have a better understanding on how to navigate and configure outside of Molossia um you know getting comfortable with the platform is extremely important in troubleshooting because there are many times when you might either run into a mobile studio bug or realize that a configuration isn't supported inside of Molossia but rather configured on the NAP platform itself so that's the reason why you know the guidebook the implementation guide will be very useful to you it pretty much gives you an overview on how to get started and things that you can do inside versus outside wants to get okay so let's go ahead and jump into the Q&A now I'm gonna open up some of the questions here so it's like we have a few questions um ok first question from jitinder hi online instance in the Apple launcher section I can only see a pig launcher section class is there something wrong I would recommend maybe jumping into the scope because on the platform UI if I look at the launcher and open this up and then I jump into an apple watcher you should be able to see this at the launcher section right you should be able to see the order the section in the class and if you don't see class maybe click on this setting gear make sure that class is brought in here that's what I would recommend and if you still don't see it I would recommend opening up a ticket so that our support folks can jump in to make sure there's nothing wrong with your instance that was upgrading to New York so hopefully that answers your question another question we have can you explain how carry primers works and how to set it up I don't find any guides on this online so we're actually gonna do you carry framers in a feature session and we actually have product Docs that are coming on the way it's it's been written now we just have to release them it's gonna be on the Orlando Kartik documentation um if you could do me a favor can you actually make that push that question on the mobile community site and I will definitely follow up once the product dock link is available another question is is it possible to use script include reference qualifiers from the Imola how to catch the current field on the mobile as in a back in form I'd like to ask for you these to also open up that question on mobile community I can find a mobile expert to make sure to answer that question for you off the top of my head I don't know the answer but I'll definitely find someone who can answer that for you so please open up that question on mobile community and we'll follow up what it on the road map for the ServiceNow mobile app in future releases so if you actually set up a meeting with one of your account teams we can actually have a road map discussion on all the things that are available in or um so actually if you go to mobile community if you're asking particularly for the roadmap for for Olinda we actually have a doc on this sorry we are a couple minutes out of overtime but I'll wrap up really quickly in just the next few minutes so if I go to mobile community and then on the future contents there is a link for what's new in Orlando for mobile and I'll talk about all the new features in Orlando give it a second load you now that everyone's working from home I'm sure that there's some latency issues okay so sherry talks about all the features we have mobile branding mobile application management mobile analytics dashboards a lot of really good things and actually at the bottom of this it has all the irrelevant links on to product talks as well as my implementation guide and so forth so definitely check that out and it looks like that's all the questions for today any other questions before we wrap up doesn't look like there's any other questions okay so we'll go and wrap up so thank you everyone for joining us today I hope you found this session informative and helpful if you have any additional questions as you learn mobile mobile and you go through your mobile imputations and deployment feel free to keep posting this on all mobile community you know so that we can kind of explore other configurations and feature mobile app academy sessions we're gonna be having another session in two weeks and it's gonna feature one of our application developers here at ServiceNow it's gonna be an advanced training session on how to build a mobile app from scratch outside a mobile studio using them now platform and we'll also show you some tips and tricks on some of the things you should know when building as well so really exciting make sure to keep following our mobile community site to get the latest dates and information and with that I hope to see you at our next molap economy thank you all and we'll hope to see you next time bye everyone

Channel: ServiceNow - Now Community

Views: 1,939

Rating: 5 out of 5

Keywords: ServiceNow, ServiceNow Community, Mobile Hierarchy, now mobile, mobile agent, servicenow mobile app, config, applet, mobile build

Id: 0L2Fdd_EHE0

Length: 64min 19sec (3859 seconds)

Published: Fri Mar 20 2020