1. Class03 Introduction to Web Development with PHP MIS 3501, Fall 2015 Brad Greenwood, PhD MBA Department of MIS Fox School of Business Temple University 9/1/2015

2. Housekeeping 2 Three Things 1.Challenges i.I have spoken with Professor Shafer and we realized we were out of sync ii.From now on I request you hand in a physical copy, i.e. print off, of your challenges the day they are due iii.This is not the case today 2.Work station etiquette i.It has been brought to our attention that not everyone is cleaning up their machines at the end of class, i.e. deleting code. ii.This is impolite, which is bad iii.This also creates a potential for cheating, which is also bad 3.Your Code i.In the strongest possible language, if another student hands in your code, e.g. for a quiz that may or may not be held on Thursday Sept 3 rd, both students will enter the judicial process ii.“It doesn’t matter who started it” – Every Parental Figure (1935-2015) iii.We are keenly skilled at detecting these things, we even have tools to do it for us

3. MySQL Weeks 5 & 6 HTML & CSS Weeks 1 & 2 PHP Weeks 3 & 4 PDO Week 7 Course Overview 3 To do: Organize your code with MVC (week 8) Debug your code (week 9) Work with forms (week 10) Use arrays (week 11 & 12) Use sessions (week 13) We are here!

4. The Internet 4 We talked about this last time, but the internet is made up of a series of computers which are exchanging information. Imagine a restaurant… Your computer is a client… it makes a request of the waiter. The language they speak is TCP/IP The waiter is a server… it brings back what has been requested Sometimes the client is not allowed to have what has been requested… the server will say no (like an angry spouse) If we want to stretch the metaphor to the breaking point, your plate is a web browser… it displays things in http… salad plates do ftp… What is important to remember though, is that the internet is just computers talking to computers. And the computer that your computer is talking to, has a file structure just like your computer (i.e. folders and files).

5. © 2014, Mike Murach & Associates, Inc. 5 Discuss: Why are index.htm, index.html and index.php called “default pages”?

6. © 2014, Mike Murach & Associates, Inc. 6 Discuss: Depending on the configuration of a server you may, or may not, see a folder structure like this. Why would a server administrator choose to present things graphically vs. in a file structure?

7. Just for Emphasis © 2014, Mike Murach & Associates, Inc. 7 See? No file specified here. *But* index.html was present.

8. PHP… Getting Going 8 Lets chat about PHP PHP was designed a server side scripting language (it can be used for general purpose programming now as well) Others Include: ASP, ASP.NET, R, Perl, JavaScript, Python, Ruby on Rails As a concept Some programs are run on your local machine e.g. HTML Server side languages run on the SERVER, which renders CUSTOMIZED results for each machine This is different from things like JavaScript where the code is embedded

9. © 2014, Mike Murach & Associates, Inc. 9 Watch out! Forgetting to refresh your browser is a common mistake for beginners. Also - you may encounter situations where it appears your changes are not taking effect. If that’s happening make sure that: 1.You are editing the right page 2.Completely shut down and restart your browser

10. © 2014, Mike Murach & Associates, Inc. 10 Hey, where’s the php code? Why can’t we see it here?

11. © 2014, Mike Murach & Associates, Inc. 11 Remember where the PHP code resides?

12. © 2014, Mike Murach & Associates, Inc. 12

13. But This Class is About Creation… 13 In this class we don’t want to just view code You could code in a text editor, e.g. notepad. This would be a pain though Instead we often code in an “Integrated Development Environment” (IDE) IDE’s offer a few benefits They may format code for you (aesthetic). You’ll see why this is important later They may have compilers and interpreters for you (which streamline the development process) They often has nice graphic user interfaces (GUIs), these can automatically generate code for you Recall your experience with the ePortfolio project in 2101 They often integrate multiple different code bases for you

14. © 2014, Mike Murach & Associates, Inc. 14

15. © 2014, Mike Murach & Associates, Inc. 15

16. Auto-completion list for names that start with $d Error icon Warning icons © 2014, Mike Murach & Associates, Inc. 16

17. © 2014, Mike Murach & Associates, Inc. 17

18. © 2014, Mike Murach & Associates, Inc. 18 Most of the time, we will take this option when creating a new project.

19. © 2014, Mike Murach & Associates, Inc. 19