Sign Missouri Permission Slip Mobile

Document type sign permission slip missouri mobile

good morning today I'm going to be setting up a full and end installation of a project I've been working on for quite a while here at the Reynolds journalism Institute at the University of Missouri I've been graced by their ability to offer me a fellowship this year and so with that I continue to work on this project it lets you or your small or medium size newsroom get a mobile app for little to nothing compared to what it would normally cost so instead of $30,000 we're gonna talk about maybe 50 to 60 bucks a month and you get a full mobile app it's completely open-source and I guess we'll just get into it there's a couple different parts to this project the first thing that we're gonna have to do is we're gonna have to actually go in and install a plugin for the CMS the way that push works is that the CMS is attached your sorry your CMS is your CMS this has now replaced that it's simply sort of attaches itself to it takes advantage of everything you're doing and then any changes you make in your content management system whether it's wordpress or blocks by town news etc is automatically reflected in the app this is unlike a lot of other solutions out there where you have to have a dedicated person in your team managing all this and you know handling the day-to-day this just sort of happens it sort of works I've had people straight-up forget that they sort of had an app and it just sort of keeps chugging along merrily so today we're gonna do WordPress because it's pretty common it's also fairly visual so let's get started now the first thing that we're going to have to do is log in to our back-end so let me just make sure here everything is nice and new and starting from scratch as much as possible and so let's go with wordpress demo dot push app top press oh that's my bin so this is a sample WordPress site that I set up myself literally has nothing in it is just for demo purposes you would be using your own okay the password here we go it's a standard WordPress back-end we're just gonna put in a plugin okay so this is where you'd normally would do it here you go click add new and you're gonna upload it it's not in the store however we need to actually download it first and all this stuff is actually available at this github for those of you that don't know what github is if you're an editor or something like that that's totally fine if you have a tech person I hope that they're familiar with it if they're not William that's that's something that they should really be learning there's a lot great tutorials oh this basically is is an entire repository of all the different parts of the project it's totally open to anybody and in here we're gonna click on WordPress so because if you look here WordPress expects you to have a zip format to be able to upload it so what we're going to do is we're just going to download the zip from github and unfortunately it has done max a bit of a problem where it automatically unzips the file so we don't want that so we need to re archive it and this is where you get your WordPress plug-in push WordPress master will upload that to the WordPress install it okay so now what this plug-in does for WordPress is that it goes through and will automatically manage all the categories that you have for your project that you've set up for the front-end everything that you've also set up on articles the way that photos are viewed etc it's pretty self-explanatory you can go here once it's activated which I believe it is we can reload go to settings push mobile app and here's everything that you got this lets you basically choose to start your stories by either categories or post types depending on what you set up and then you can also check the box to exclude one so say you have something that's only available to a very specific logged in users on your website you don't want to go into the full app you can click here save and it will automatically not put that in any results that are sent out to the mobile app so you can keep control of your content from within your unbilled it's pretty nice I ran into that problem with a former client so I built it in what we can do now is we can test to make sure that this works so everything I just talked about is right here by the way so if we just try to attach to the URL and of course what did I screw up there we go there's the API that it automatically added to the backend of your WordPress so this is only one article but for our purposes it will do just fine okay so now that we got that set up this is the last thing that you need to do on your own site that's all that it takes and it's ready to start handling it okay so now there's a second part the second part is what we call the backend the backend is an entire it's an entire app that runs on a server somewhere just like your CMS sort of does and sort of the CMS for the app itself so instead of managing you know instead the app having to know whether you're on WordPress or you're on a different type of CMS and formatting all the articles itself this back-end is what actually handles that it makes it a lot easier to add new features it makes it a lot easier to send push notifications it takes care of everything that you would expect normally the app to do but the app instead gets to be a little bit dumber a little bit easier a little bit faster so we need to set that up now this if you've ever heard of it it's called a ruby on rails app if you're watching this for setup purposes I'm guessing you probably know what that is and basically this is set up so that it can run on any sort of server whether you have a big box in the back room of your news room still or you're on a something like Amazon's AWS or Google's cloud or Microsoft Azure this lets you install everything onto itself very quickly and very easily and in fact this is set up Gee's a system called docker which makes your life as a system administrator if you're the one running it even easier because it means you don't need to handle most of the installation stuff everything just sort of happens for you and again this is all really well described here and push in the documentation for the repository I wish I could be a little bit more exciting about those guys but it's just a lot of code and we're just started going into it so okay so this is actually going to take a little bit of time here so if I sort of go silent because a bunch of code is compiling my apologies there's only so much that you can talk about with all this but let's start the setup so like it says here basically this is going to assume that you're setting something up on a Linux system I usually use a boon - it's nice and easy it's available for free on Amazon AWS is you don't need to pay a licensing fee for it you have to have permissions so that you can actually get to an administration you need to be comfortable with in what we call a terminal which you'll be seen in just a minute let me make that a little bit bigger here for you now the cool thing about all this is that it actually runs really really well on even the free tier that Amazon puts out so there's a different sizes and computers that you can set up and the free tier the micro is something that you can actually run this completely on no problem um for testing and demonstration purposes then you can always upgrade to something that maybe cost you know twenty dollars a month or so a small system will handle ten thousand users no problem at all hmm but we're going to go ahead and do this okay so the first thing that we need to do is we need to set up in Amazon instance so let's go to aws.amazon.com and I'm going to login with the account that again still gained use cameras that what those guys have so graciously provided for myself over the last year you ever get a chance to apply for the rji fellowship and you're interested you absolutely should they didn't actually tell me to even say that I just really enjoy what they do great research great new batch of fellows coming in this year definitely pay attention to what they're putting out there and what you're seeing in the world so right now I'm just on my other computer grabbing the password that I don't want to show all of you guys so I can just type it in it will save it for this gonna wipe this machine afterwards anyways okay so welcome to the AWS console the only thing that we're gonna get into for this project is the ec2 which is just where you keep all your servers or you manage everything where everything sort of sort of runs and what you'll notice here are two things the first thing you'll notice is this is that WordPress installation that we have up and running as for the demo purposes running out of micro and just yesterday or not yesterday sorry last week we launched the Columbia Missouri now watch the Columbia Missouri an app which is running right here on as I mentioned a nice little small instance and it just keeps humming away in the background you can download it from the Google App Store and the iTunes App Store as well I highly recommend it it's a great great app and you need to support a bunch of local journalists so now we're going to launch an instance going to choose boon to this is 16 but it's been tested all the way up through 17 so for the purposes of today and expediency I'm gonna launch something extremely big I do not recommend that you do this it costs a lot of money like you accidentally leave it on overnight for instance and in my dinghy 60 bucks but because of how long it takes at one specific step this will just make my life being on camera for the next two to three four hours or something like that a little bit easier a little bit faster normally this is something that you Netflix would spin up or something like that but we'll just do this for the moment which is that one normally I would recommend choosing this one for the first time for the first time you ever install it she's a t2 micro it's free you don't need to worry about anything it has a gig of memory and which is more than enough to start out with and this whole process will take a little bit longer but it will also save you a lot of money in the long run okay so all the defaults are pretty good the only thing that we need to do here is where you need to edit the security groups so the reason we need to do this is because on an Amazon server by default it only lets you SSH in it's the only thing that they only type a data that they let on to the server by default is SSH so you can actually get in and do stuff with it which is great for security purposes what it's not great for is if you actually need to be able to serve web content for instance so we need to add some rules for that depending on your hosts you may or may not need to do this some hosts do this automatically but will add to will add port 80 and 443 port 80 is going to come up in a little bit and it's just to make sure that you can actually do the initial set up after you're done you can get rid of that and just keep 443 for those of you that are really into SSL which is my favorite we're gonna review and lunch that's all fine hit launch and we are going to create a key pair this lets us actually SSH in our neck to the server itself so we're just gonna call this push demo I'm gonna call it too because I was doing some run throughs and there's already a one I'll download it okay so you guys are all seeing this don't worry I'm never gonna reuse this key again so don't think you're going to do something you know massively nefarious or something doesn't server and the key will disappear later but for future references keep this key safe this is a key that you should not share with anybody you should keep a backup and nothing else because this gives full access to the backend of your machine which is something that you need to be really careful about when you're actually making this for real you don't want somebody to be able to connect to it because they'll be able to wipe it out they'll be able to replace your code with anything else it cetera etc so what we need to do now is we need to actually make a copy of that key and put it into the right place for SSH now if you have a brand new machine you're going to actually have to do something like this let me make that bigger for everybody you have to make the directory which I usually put there already exists though so we'll just do this downloads push and then we're going to put it into that directory push demo to dot okay you need to make sure that it renames itself is dot PEM not that text because otherwise it's not gonna work out very well and again if you got any questions you can either add it to the Facebook live feed which I have been turning off because watching myself in 10 second delay is getting confusing or you can let's just watch this area or you can also tweet at me which is at CES or you see the hashtag right down there also we'll be monitoring that let's see if there's any no nothing okay let me just make sure I got the right hashtag up here hey some people okay no no suggest this okay cool okay next step now that we have that is we need to actually connect to this instance that we are launching right here okay so you can go in and see that this is booting up we'll give it a second set a tag to this so that we actually can know what's going on and then the next step is so okay so the next step now is Amazon automatically gives your instance of public ID now the problem is that this can change Amazon makes no guarantees that this will stay the same in over the long run and that's generally you know not a great thing if you want to actually make sure that your server can talk to itself so instead we do is we create what they also call an elastic IP this is a permanent IP address that they will always can't get rid of that real quick that will always stay the same and will always be attached to this instance so no matter what the instance does this will always stay attached to it and so we're gonna do that real quick we're gonna allocate a new address great we got one it's this one eight two zero seven five one one nine five so now we have to associate it with what we just created that push up you know I hate associate which is phenomenal okay and so now go back in here and we'll see that the new IP address that we just created is permanently linked to that which is very useful okay so there's one step that I'm gonna do off screen because it's not really it's gonna depend wildly on what is your what your organization does but essentially what we need to do is when you take this IP address we need associate it with a domain name so if you use GoDaddy there's certain ways to do this I use a program called or a project called Namecheap to buy all my URLs works out pretty well but for the moment I am going to keep a little bit of this obfuscated and in the backend and just do a little bit of hand-wavy magic here but just give me a second while I associate that so what a DNS does is it takes the web address so google.com or what have you and then associates it with the IP address that you actually want this lets you change around what server it points to lets you make modifications etc without making people reira member new names every time and that's really important you know for modern life but also makes it a lot easier for me when I'm setting these things up so I'm going to do push demo and it's going to be one 8.20 seven dots i've 1.19 five okay okay now that's done so now we're gonna hold off we're not going to test that yet it takes a little bit of time for that to actually go out to the network and propagate across the entire world so while we're doing that what we can do is instead just connect straight to the box so we do SSH then a boon - which is the standard user that Amazon creates when you're running one of their boxes and then we attach the PEM key that we just created right there it's a dot I means we're not gonna be using a password instead we're going to be using this identification PEM key which is a really really really long password and more or less depending on who your host is you might do this you might have a password but once we get in that's all that matters okay yes we'll agree oops from my oh I forgot to do one thing with the security key you also need to set the pe m that permissions to be proper this is basically on a Linux or Mac machine like this there's a couple different permissions that you can give any file whether it's readwrite or access and essentially you want to make you want to really lock it down so that no one else except the main machine itself can actually read it it's mildly archaic but still very important so we just do this line sudo Hammad 400 type in the password for the machine okay and now we should be able to get in no problem there we are okay we are into the aux that we just booted up this is where we're going to live for the next 10 to 20 minutes maybe a little longer okay so now we can go back to the documentation that I've written and this will if we follow this to the letter everything should work perfectly I hope we always hope so I'm just gonna be copy and pasting all the commands over here sudo apt-get update this just makes sure that all the software on the machine is as up-to-date as it can be so that we're using everything with the newest security changes etc fairly quick and now we need to install docker docker is essentially a system that lets you in program your server instances so it needs to run on a computer but then it takes over and it handles all the software setup it emulates some hardware more or less and it just makes it a lot easier so that every time you boot something it always comes up the same way so we're just gonna follow these instructions to install everything we just did that actually for our own fame so now we can do this yes we want to agree to install these things this is this line just adds a security key so it can confirm that all the software that we're installing is actually what we said it is we can look and it's the same across the board so nobody is getting in between and doing something malicious which is very important now we make sure that the you can see the code that docker likes we brought an update again since we just added another repository we need to make sure we pull everything from there and now we install docker yes want to continue so that's all done and good we can test it is just a really basic little container that it boots up just to make sure that everything actually functions and works and all that jazz and it looks like it did so the next step that we need to do is install something called docker compose docker compose makes it really easy to setup multiple parts of docker very quickly and easily so you can bring up a database you can bring up a server you can bring up logging all at once and it's really fast it's really easy I'm just going to make sure that we're using the Linux tab on the screen and we can just copy and paste a couple more commands over want to make sure that it's actually runnable again with the CH Ahmad and then I'd like to add this command completion for if you're on Linux all you need to do is copy and paste this one command and you're good to go you could also set technically set this all up on a Mac but I would not recommend it it will get a look using okay a couple more commands I know this is sort of just some wrote stuff but this makes sure that your user gives access to all the docker stuff and now that we've installed everything we need to restart or exit our terminal by typing exit logging back in and this resets everything so that we have all the new commands all the new software everything is at our fingertips finally okay so we can try to install git already in there which is awesome it is what helps us maintain the repository so now we do clone this is what we're going to do here is pull down all of the content for the back end this is actually putting the code onto the server from the repository it's a big one it's a big one but it goes pretty quickly okay so now that we're in here we start following the instructions again we go into the code and now we start the actual setup process I've written a bunch of scripts that let you go through the process one by one and it will just ask you some basic questions so these are all the types of CMS's that it currently supports the big one are number one and number five for most people number three might come up but I really feel sorry for you if you do have to deal with Joomla our support for it is functional but not great however for WordPress and for town news blocks it's very robust so we'll do one one a name of the of the news organization that we're actually creating okay so now we need to point it to the WordPress the installation that we have or whatever you're using copying and pasting from Safari automatically adds HTTP cool okay so now it needs to know what the hostname for this installation is this is what I was talking about earlier when I went off screen so what I created is push demo dot coding with Chris calm yep I own the domain got very lucky one night but this is where it's gonna live it's gonna ask you a couple questions about your setup if you answer yes it's gonna ask you a couple more questions and so if you're running WordPress and you're using Google search as like sort of your back-end for your search functionality then you'd want to click yes today we're not going to I'm gonna keep it super simple there is also something called the WordPress super cache plug-in which honestly looks great something I'm not a hundred percent familiar with but I also have instructions in the website in the appendix to be able to set that up correctly ok so now that we answered no to those two things we can choose languages there's a bunch of languages that this system supports you'll notice that a significant portion of them are Eastern European and the main reason for that is this project actually started in Eastern Europe when I was working with the organized crime and corruption reporting project as the night international journalism fellow and so the very first partners that I actually had in this were in Azerbaijani and in Serbian and in Russian and such things so the app is available in many many languages seven apparently but right now we're just going to choose one for today so we'll type three and then we're done choosing languages so we hit seven and what this does is it creates an environment variable and you can actually see that right here this basically just sets up the introduction and a sign for the entire project this is all that actually the server reads this is the only thing that you have to change anything that you change in here is what actually gets up which actually affects the functionality of the back in itself you don't have to do any real coding yourself everything here if you're not a coder might look like it's computer program but it's not this is just all very basic configuration files we're just running other software so this is all you have to do so now that we have this up and running let's go back to the setup instructions and now we run another script this script adds the s to HTTP on your browser this is called SSL what as the cell is is it basically means that everything that's being sent to your computer from the server and vice versa is gonna be encrypted which is gonna be really really functional let's see yeah and that and required nowadays basically if you don't have this Chrome will actually scream at you very loudly Apple won't let you put it into the app there's a bunch of reasons that you want to do this not the least just because it's the right thing to do but it's normally very complicated to set this up I decided to make it easy or at least as easy as I could so we're gonna run another script here it's gonna answer a couple more questions might even ask the same question yep so it's push demo dot coding with Chris calm and it's setup another one okay cool so now we're going to do something that's going to take probably half an hour so if I walk away my apologies folks this is generating what's called ADH per am key and it is a very very very long prime number that the computer has to chugging through this is why I chose a very large server to run the demo on instead of say a micro or small like you would do when you're actually setting this up you're gonna want to run this command and then go home for the night if you're on a micro or a small it'll be ready in the morning probably hopefully but it's going to take a long time it has to try out a lot of different combinations of different numbers to see to find one that it can actually use to secure your connection with so this command just brings up a copy of the engine ex web server telling it not to boot at the end and basically just uh yeah that's what does and it so nginx will boot it will create a dh4 am and then it will go away right now what it's doing is it's building all these different servers so it's downloading all the code basically doing what we just did but it's doing it automatically looks very magical and everything and to be honest sort of is I love it it's um it's totally changed the way I've run everything okay so this is going to be taking a long time as you can see as it says here they even warn you straight up that it's going to take a long time and there's nothing unfortunately what what the heck just happened welcome to a live demo everybody this is where things get interesting so you're gonna watch me debug this for half a second that doesn't make sense at all it should have taken like 45 minutes so we're just going to delete the file that it generated probably with a bug or something like that and we'll just try it again it's really easy to do that you just do a pseudo RM and then it's in the docker file it's an engine X it's called C let's just make sure I get it right I last there it is this is the file right here that we want to delete that was probably errant leaked right created so we can just do sudo our MDOT soccer / engine X /d h / mmm okay now if we rerun that command yep it's gone so we'll try it one more time here of course always when it's live I did this four times yesterday and it never had a problem but there we go okay this seems to be going a little bit smoother okay so now we got another 45 minutes so let's see what's going on on Facebook if anybody's talking about them ah couple questions here so Brad Gentry is asking if there's documentation for town news blocks there isn't yet I'm almost there I literally just launched the first one last week so I'm going to be putting that in to a to it as soon as I possibly can it works really well you just need to create a couple of user permissions on the back end and so I want to get access to the back end of the town news installation to be able to take some screenshots for everybody so that it's a really self-explanatory and Thank You Josie yeah feel free to watch through it all later you know try it out try to follow along yourself sometime it's as you can see everything is just mostly copy and paste if you do what I did you'll be able to set one up pretty easily I think um just pause the videos a lot we're gonna cut them down into different sections so that everything is very goes very smoothly and easily so you can just like pull out the back end section you can follow just the WordPress section you can plot just the how to build an iOS app how to build an Android app or you can follow it straight through from beginning to end which I prefer to do but that's just me let's see what else is going on okay yeah so so the reason that I actually started this project I'll just talk over the cogeneration the reason I started this project is that essentially I was working out in Eastern Europe with the organized crime and corruption reporting project we were working on sort of sustainable models for small journalists in that region and our original hypothesis turned out to be horribly wrong turns out advertising doesn't work in Eastern Europe if specially if you are an investigative reporting center going against the government and so we started to look at some other models and one of my colleagues mentioned that they really wanted an app for their for their site and so I thought that would be a good idea I assume that you know something like WordPress where you could just download some code set it up in a couple hours and have it fully functioning you know something that the open source community tends to like to build what exists so I went around and I looked around and no there isn't so I decided to build it it took quite a long time but that's what came out of this project that's where this project came from in the beginning so I first launched it in those in a couple organizations in Eastern Europe I was why I was over there for two years and since then just been building on it lasts about a year a little over a year ago I got the news that RJ I would be accepting me as a fellow and bringing me here to Missouri to give me even more time and support and wherewithal to actually continue to work on this in a full-time manner which was extremely useful and let me just really refine a lot of stuff it may not look too refined but compared to what it used to be it's a lot better and most of this is done automatically so it's been really great to be able to work on this and I might just go silent here for a few minutes guys let me put something up because continuing to talk over and over and over might drive me a little bit insane and we got a file set up here we go so thanks everyone for sitting through that little piece if you did if not well we're about halfway through setting up the backend that is by we're actually much further along than halfway through halfway through on the on the setup or on the stick on the steps but actually timewise a lot longer ok so now that we got that set up the next thing that we're going to do is go on to step eight and we're gonna have it set up all the development databases again this is totally scripted out very easy just builds up everything and runs it automatically for you so this saw is doing this it's creating all the databases so and filling them with the structure that the entire system sort of requires right now it's downloading Ruby that's the language that the entire back-end is written in it's installing all of its keys just like we did before now it's going to be installing all of the pieces and portions and parts or is in Ruby they're called gems other places they're called like libraries or something like that but basically it's just taking everything and put it in the right place for for us so you don't have to do it manually because that is a mess thank God for package managers that's all I got to say okay there we go it's starting it up it's putting everything in the places that it needs to go and okay that part is done okay so now we're going to actually generate the keys before that what we generated before was actually just it was a very long number that can be used to increase security now we're getting generate the keys this happens very quickly but there's a couple steps I tried my darndest for a long time to make it easier but this is the best I got right now if you followed me closely it should work out just fine I'll step you through the whole thing so the first thing we do is we run the let's encrypt compactor compose and well we only run run little portion of it if you just copy and paste this over full text it should just work so it's gonna build some more containers up I sort of sound like somebody bleeding like bad software in this 90s but you're just gonna have to go and promise you this is actually much more advanced than they had in the 90s even if it still looks like it the same okay so now what we do is we actually and this doesn't make a lot of sense if you actually know what doctor is and all this but just gonna run with it here so we run it up start everything up gonna get a bunch of errors especially from nginx here it's gonna be continuously shutting down and stopping and airing out and and that's fine for right now so now what you do is you press the control key and hit C which will shut the whole thing down we run that previous command again which this time now says congratulations again I have no idea why it works this way but this works some reason it fails the first time if you start it up I think it's putting folders in the right place but I haven't had the time to figure it out co pletely but if you follow this it will work so now we have could we have congratulations it's been put into this folder well that's annoying because we don't want this at the end of it so we need to move them now that's not that hard to do again we have steps right here you're going to have to edit some things but basically we do is we can take this now we'll go in and we're going to replace the part I copied too much but we'll just leave that in a minute but we're going to copy we're going to delete this we're going to replace it with push demo dot coding with Chris calm basically just want to remove that zero zero zero zero one and so we're going to move the file over let's delete the rest of this just they were young push demo dot coding with Chris calm so we're just going to delete at zero zero zero one we're gonna move all the fault all the files over and now we can delete them the main one as well so getting go sudo RM docker data secrets keys live there we go oh forgot flag C though RM dash arts ok and now if we go ahead and just look at that folder where the keys are kept see we only have one folder if we look inside of that we have all of the keys that we need for us uh so normally that actually though is slightly complicated as it was is actually really easy to set up as as out keys and took myself and a couple of my colleagues over at OCC RP quite a little bit of time to actually figure out however now we can start up our server sure let's kill it first forgot to restart it okay so what we're gonna want to do this will do nothing now you'll want to run this first make sure everything's gone now we can run sudo docker compose up and we should see everything coming up just fine and there we are and now we can go to push demo dot coding with Chris calm and there's our site up and running with HTTPS if we go to admin people we haven't added any users yet but we'll get to that in just a minute here but so this is the back end this is what you're seeing it's great okay so we can close out of that you can go back here and now what we can do is we can run docker compose up - sudo docker compose up - gee this puts into the background leaves the foreground running without it running in the foreground and because the docker compose if it ever has a bug or arrows out it will automatically restart oh we need to bring down and we'll bring it up he'll put everything into the background and if we go back here we'll still see everything's here okay so now the last thing that we're going to do with this is we're going to add a initial user super simple this way that this is beat so it doesn't accidentally come up with the default user that you forget to delete or something like that so we'll just do it real quick like this so what we're going to do is we're going to run docker compose and we're gonna run web we're gonna run rails see this will bring up a rails console to allow us to interact with the database outside of just the web interface okay so now we're in the console so now what we do is we make a new user use it yep user dot new okay so user will set the email I'll set it to myself set the password now everybody that knows the URL will be able to log in on the password um but you only get it for like 45 minutes I'm deleting it after the project's done like a couple hours deleting after the project's done let's do this one user dot save okay and now you can go in here and we can log in okay welcome to the backend everybody once you're back here you have your notifications you have analytics user management you have user your own user management you and you can sign out as well