IPT1 Module 1 (1-21) PDF

 Module I DEVELOPMENT ENVIRONMENT COURSE OUTCOME: At the end of this course, you’ll be able to; CO1: Demonstrate the installation and configuration of Development Environment. LEARNING OUTCOME: At the end o...

 Module I DEVELOPMENT ENVIRONMENT COURSE OUTCOME: At the end of this course, you’ll be able to; CO1: Demonstrate the installation and configuration of Development Environment. LEARNING OUTCOME: At the end of this module, you will; LO1: Discuss the principles and fundamentals of the Development Environment. LO2: Apply appropriate configuration on (XAMPP). IT 129 Integrative Programming and Technologies I 1 College of Technologies || IT Department  Introduction A development environment is a collection of procedures and tools for developing, testing and debugging an application or program. The development environment normally has three server tiers, called development, staging and production. All three tiers together are usually referred to as the DSP. Development Server: Here is where the developer tests code and checks whether the application runs successfully with that code. Once the application has been tested and the developer feels that the code is working fine, the application then moves to the staging server. Staging Server: This environment is made to look On the hardware side, a web server is a computer exactly like the production server environment. The that stores web server software and a website's application is tested on the staging server to check component files. (for example, HTML documents, for reliability and to make sure it does not fail on images, CSS stylesheets, and JavaScript files). A web the actual production server. This type of testing on server connects to the Internet and supports the staging server is the final step before the physical data interchange with other devices application could be approved in order to deploy it connected to the web. on the production server. On the software side, a web server includes several Production Server: Once the approval is done, the parts that control how web users access hosted application then becomes a part of this server. files. At a minimum, this is an HTTP server. An HTTP server is software that understands URLs (web This term is sometimes used synonymously with addresses) and HTTP (the protocol your browser integrated development environment (IDE), which uses to view webpages). An HTTP server can be is the software development tool used to write, accessed through the domain names of the websites build, test and debug a program. They also provide it stores, and it delivers the content of these hosted developers with a common user interface (UI) to websites to the end user's device. develop and debug in different modes. Generally speaking, the term development environment At the most basic level, whenever a browser needs a would refer to the entire environment, including file that is hosted on a web server, the browser development, staging, and production servers, requests the file via HTTP. When the request whereas the IDE just refers to the local application reaches the correct (hardware) web server, the used to code. Of course, there is much overlap as (software) HTTP server accepts the request, finds you use an IDE for debugging just as you use a the requested document, and sends it back to the development server to test. browser, also through HTTP. (If the server doesn't find the requested document, it returns a 404 Web server response instead.) The term web server can refer to hardware or software, or both of them working together. IT 129 Integrative Programming and Technologies I 2 College of Technologies || IT Department  Terms to remember What is Internet? The Internet is essentially a global network of computing resources. You can think of the Internet as a physical collection of routers and circuits as a set of shared resources. Some common definitions given in the past include − A network of networks based on the TCP/IP communications protocol. A community of people who use and develop those networks. Internet-Based Services Some of the basic services available to Internet users are − Email − A fast, easy, and inexpensive way to communicate with other Internet users around the world. Telnet − Allows a user to log into a remote computer as though it were a local system. FTP − Allows a user to transfer virtually every kind of file that can be stored on a computer from one Internet-connected computer to another. UseNet news − A distributed bulletin board that offers a combination news and discussion service on thousands of topics. World Wide Web (WWW) − A hypertext interface to Internet information resources. What is WWW? WWW stands for World Wide Web. A technical definition of the World Wide Web is − All the resources and users on the Internet that are using the Hypertext Transfer Protocol (HTTP). A broader definition comes from the organization that Web inventor Tim Berners-Lee helped found, the World Wide Web Consortium (W3C): The World Wide Web is the universe of network-accessible information, an embodiment of human knowledge. In simple terms, The World Wide Web is a way of exchanging information between computers on the Internet, tying them together into a vast collection of interactive multimedia resources. What is HTTP? HTTP stands for Hypertext Transfer Protocol. This is the protocol being used to transfer hypertext documents that makes the World Wide Web possible. A standard web address such as Yahoo.com is called a URL and here the prefix http indicates its protocol What is URL? URL stands for Uniform Resource Locator, and is used to specify addresses on the World Wide Web. A URL is the fundamental network identification for any resource connected to the web (e.g., hypertext pages, images, and sound files). A URL will have the following format − protocol://hostname/other_information IT 129 Integrative Programming and Technologies I 3 College of Technologies || IT Department  The protocol specifies how information is transferred from a link. The protocol used for web resources is HyperText Transfer Protocol (HTTP). Other protocols compatible with most web browsers include FTP, telnet, newsgroups, and Gopher. The protocol is followed by a colon, two slashes, and then the domain name. The domain name is the computer on which the resource is located. Links to particular files or subdirectories may be further specified after the domain name. The directory names are separated by single forward slashes. What is Website? Currently you are on our website Tutorialspoint.com which is a collection of various pages written in HTML markup language. This is a location on the web where people can find tutorials on latest technologies. Similarly, there are millions of websites available on the web. Each page available on the website is called a web page and first page of any website is called home page for that site. What is Web Server? Every Website sits on a computer known as a Web server. This server is always connected to the internet. Every Web server that is connected to the Internet is given a unique address made up of a series of four numbers between 0 and 256 separated by periods. For example, 68.178.157.132 or 68.122.35.127. When you register a Web address, also known as a domain name, such as tutorialspoint.com you have to specify the IP address of the Web server that will host the site. What is Web Browser? Web Browsers are software installed on your PC. To access the Web you need a web browsers, such as Netscape Navigator, Microsoft Internet Explorer or Mozilla Firefox. Currently you must be using any sort of Web browser while you are navigating through my site tutorialspoint.com. On the Web, when you navigate through pages of information this is commonly known as browsing or surfing. We will see different type of Web browsers in a separate chapter. What is SMTP Server? SMTP stands for Simple Mail Transfer Protocol Server. This server takes care of delivering emails from one server to another server. When you send an email to an email address, it is delivered to its recipient by a SMTP Server. What is ISP? ISP stands for Internet Service Provider. They are the companies who provide you service in terms of internet connection to connect to the internet. You will buy space on a Web Server from any Internet Service Provider. This space will be used to host your Website. IT 129 Integrative Programming and Technologies I 4 College of Technologies || IT Department  What is HTML? HTML stands for Hyper Text Markup Language. This is the language in which we write web pages for any Website. Even the page you are reading right now is written in HTML. This is a subset of Standard Generalized Mark-Up Language (SGML) for electronic publishing, the specific standard used for the World Wide Web. What is Hyperlink? A hyperlink or simply a link is a selectable element in an electronic document that serves as an access point to other electronic resources. Typically, you click the hyperlink to access the linked resource. Familiar hyperlinks include buttons, icons, image maps, and clickable text links. What is DNS? DNS stands for Domain Name System. When someone types in your domain name, www.example.com, your browser will ask the Domain Name System to find the IP that hosts your site. When you register your domain name, your IP address should be put in a DNS along with your domain name. Without doing it your domain name will not be functioning properly. What is W3C? W3C stands for World Wide Web Consortium which is an international consortium of companies involved with the Internet and the Web. The W3C was founded in 1994 by Tim Berners-Lee, the original architect of the World Wide Web. The organization's purpose is to develop open standards so that the Web evolves in a single direction rather than being splintered among competing factions. The W3C is the chief standards body for HTTP and HTML. On the simplest level, the Web physically consists of the following components − Your personal computer − This is the PC at which you sit to see the web. A Web browser − A software installed on your PC which helps you to browse the Web. An internet connection − This is provided by an ISP and connects you to the internet to reach to any Website. A Web server − This is the computer on which a website is hosted. Routers & Switches − They are the combination of software and hardware who take your request and pass to appropriate Web server. The Web is known as a client-server system. Your computer is the client and the remote computers that store electronic files are the servers. How the Web Works When you enter something like Google.com the request goes to one of many special computers on the Internet known as Domain Name Servers (DNS). All these requests are routed through various routers and switches. The domain name servers keep tables of machine names and their IP addresses, so when you type in Google.com it gets translated into a number, which identifies the computers that serve the Google Website to you. IT 129 Integrative Programming and Technologies I 5 College of Technologies || IT Department  How the website work? Watch this. https://www.youtube.com/watch?v=2rsI05vBsD4 In Short We have seen how a Web client - server interaction happens. We can summarize these steps as follows − A user enters a URL into a browser (for example, Google.com. This request is passed to a domain name server. The domain name server returns an IP address for the server that hosts the Website (for example, 68.178.157.132). The browser requests the page from the Web server using the IP address specified by the domain name server. The Web server returns the page to the IP address specified by the browser requesting the page. The page may also contain links to other files on the same server, such as images, which the browser will also request. The browser collects all the information and displays to your computer in the form of Web page. What are the key ingredients of a website: Watch this. https://www.youtube.com/watch?v=G0rq64kafPc&pbjreload=1 IT 129 Integrative Programming and Technologies I 6 College of Technologies || IT Department  Web Browsers Web Browsers are software installed on your PC. To access the Web, you need a web browser, such as Netscape Navigator, Microsoft Internet Explorer or Mozilla Firefox. Currently you must be using any sort of Web browser while you are navigating through our site tutorialspoint.com. On the Web, when you navigate through pages of information, this is commonly known as web browsing or web surfing. There are four leading web browsers − Explorer, Firefox, Netscape, and Safari, but there are many others browsers available. You might be interested in knowing Complete Browser Statistics. Now we will see these browsers in bit more detail. While developing a site, we should try to make it compatible to as many browsers as possible. Especially sites should be compatible to major browsers like Explorer, Firefox, Chrome, Netscape, Opera, and Safari. Internet Explorer Internet Explorer (IE) is a product from software giant Microsoft. This is the most commonly used browser in the universe. This was introduced in 1995 along with Windows 95 launch and it has passed Netscape popularity in 1998. Google Chrome This web browser is developed by Google and its beta version was first released on September 2, 2008 for Microsoft Windows. Today, chrome is known to be one of the most popular web browser with its global share of more than 50%. Mozilla Firefox Firefox is a new browser derived from Mozilla. It was released in 2004 and has grown to be the second most popular browser on the Internet. Safari Safari is a web browser developed by Apple Inc. and included in Mac OS X. It was first released as a public beta in January 2003. Safari has very good support for latest technologies like XHTML, CSS2 etc. Konqueror Konqueror is an Open Source web browser with HTML 4.01 compliance, supporting Java applets, JavaScript, CSS 1, CSS 2.1, as well as Netscape plugins. This works as a file manager as well as it supports basic file management on local UNIX filesystems, from simple cut/copy and paste operations to advanced remote and local network file browsing. IT 129 Integrative Programming and Technologies I 7 College of Technologies || IT Department  Types of Web Servers Apache HTTP Server This is the most popular web server in the world developed by the Apache Software Foundation. Apache web server is an open source software and can be installed on almost all operating systems including Linux, Unix, Windows, FreeBSD, Mac OS X and more. About 60% of the web server machines run the Apache Web Server. Internet Information Services The Internet Information Server (IIS) is a high performance Web Server from Microsoft. This web server runs on Windows NT/2000 and 2003 platforms ( and may be on upcoming new Windows version also). IIS comes bundled with Windows NT/2000 and 2003; Because IIS is tightly integrated with the operating system so it is relatively easy to administer it. lighttpd The lighttpd, pronounced lighty is also a free web server that is distributed with the FreeBSD operating system. This open source web server is fast, secure and consumes much less CPU power. Lighttpd can also run on Windows, Mac OS X, Linux and Solaris operating systems. Sun Java System Web Server This web server from Sun Microsystems is suited for medium and large websites. Though the server is free it is not open source. It however, runs on Windows, Linux and Unix platforms. The Sun Java System web server supports various languages, scripts and technologies required for Web 2.0 such as JSP, Java Servlets, PHP, Perl, Python, Ruby on Rails, ASP and Coldfusion etc. Jigsaw Server Jigsaw (W3C's Server) comes from the World Wide Web Consortium. It is open source and free and can run on various platforms like Linux, Unix, Windows, Mac OS X Free BSD etc. Jigsaw has been written in Java and can run CGI scripts and PHP programs. IT 129 Integrative Programming and Technologies I 8 College of Technologies || IT Department  Web Development Skillset This is not required that you should have knowledge of all the listed skills. If you want to develop a simple Website, then you would needs just first four skills listed here. The rest of the skills are required if you want to go for a bigger and more interactive Website. Computer Operations − All you need to know is how to operate a computer − Windows, Linux or Macintosh. This depends on which Web Server you want to host your website. So you should have basic knowledge of that system only. You should be well acquainted of basic operations like creating file, deleting file, updating file, directory creation, file permission etc. Remote Access − Most of the times your Web Server will be accessed from remote site only. You should be well aware how to connect a computer from remote site. So at least you should have basic knowledge of telnet utility to connect to a remote machine. There are many service providers who will provide you control panel to manage your Website. HTML / XHTML Knowledge − These are the markup languages which you will use to build your website. So you should have good understanding on these languages. You can refer our tutorial to learn HTML / XHTML CSS Knowledge − Cascading Style Sheet knowledge is required to achieve many results which are not possible through HTML or XHTML. PHP Script − Now-a-days many sites are being developed using PHP language. This script helps you to create an interactive Website. You can refer our tutorial to learn PHP Script PERL Script − PERL is another language which is being highly used to develop interactive Web Applications. So if you are planning to use PERL to develop your Website, then you can refer our tutorial to learn PERL Script Java or VB Scripts − These scripts are required to perform user level validations and to add more interactivity in your Website. So a web developer is desired to have knowledge of any of the client side scripts. AJAX Technology − This is the latest technology in the web. Google and Yahoo are using this technology to give a better browsing experience to their site visitors. You can refer our tutorial to learn AJAX Technology ASP or JSP − These are another technologies to be used to develop interactive Websites. Flash Knowledge − You can plan to use Macromedia Flash to build your Website. This is a bit time consuming to learn this technology but once you learnt then you can develop very beautiful and attractive websites using Flash. HTTP Protocol − As you grow you are desired to have more knowledge about Web. So I would suggest you to go through the web backbone i.e. HTTP protocol as well. You can refer our tutorial to learn HTTP Protocol. IT 129 Integrative Programming and Technologies I 9 College of Technologies || IT Department  Web Development tools As a basic necessity, you need a good internet connection from a reliable service provider which provides decent connectivity and speed. Evaluate vendors based on their services and support before selecting. Here due diligence plays a major part. The following tools and infrastructure will help you in developing a Website − Computer Machine − If you do not have computer available and you received this tutorial printed on a paper then I would say that first of all you would need a computer machine running either Windows or Linux or UNIX or Macintosh system or any other operating system. Internet Connection − If you are not connected to the internet and you received this tutorial printed on a paper then I would say that this is second and another most important tool would need to connect to the Internet and to you Web Server where you will host your website. For this purpose you can buy either a dial up connection or broadband connection of high speed connectivity based on your requirement and budget. A Web Server − Apart from basic Internet connectivity you will need one Web Server to keep all the files related to your Website. So you would need to buy space on a Web Server. There are millions of ISPs who are in business of selling web space at competitive prices. We will give more detail on this in Web Hosting Conceptschapter. A Text Editor − This is another most important tool which you will need to develop your Website. If you are using Windows then you can use notepad as a text editor, or if you are using Linux/Unix then vi editor is one of my favorite editors. You will need this editor to write your HTML, PHP or ASP pages or for any other editing purpose. For practice purpose, you can use our Online HTML Editor A Web Browser − You will need this tool to see the result of your HTML file. So you should have either Internet Explorer or Firefox etc. installed on your computer. Web Authoring Tools − If you don't want to use a simple Text Editor to edit your HTML files then there are many commercial Web Authoring Tools available. These tools are also called HTML editors. Microsoft's FrontPage and Macromedia Dreamweaver are both a visual HTML (WYSIWYG) and HTML source code editor. These editors helps you to develop your HTML pages vary rapidly. Secure telnet client − If you are connecting to your Web server directly then you can use a tool called PuTTY. This is what I'm using while connecting to my web server. Secure FTP client − If you are connecting to your Web server directly using FTP client to upload or download your web files then you can use a tool called PSFTP. FTP stands for File Transfer Protocol. Simply put, after you design your website, you need to send it to the Web and your FTP program will do just that for you. This is what I'm using while connecting to my web server. IT 129 Integrative Programming and Technologies I 10 College of Technologies || IT Department  Domain Names How to Get a Domain Name? When you plan to put a site online, this is one of the important steps to buy a domain name. This is always not necessary that whatever domain name you are looking that is available so in that case you will have to opt for any other good domain name. When you buy a domain name it is registered and when domain names are registered they are added to a large domain name register, and information about your site − including your Internet IP address is stored on a DNS server and your contact information etc. is registered with your registrar. You can buy domain name from any domain registrar like GoDaddy.com Domain Extension Types There are many types of domain extensions you can choose for your domain name. This depends on your business nature. For example, if you are going to register a domain name for education purpose then you can choose.edu extension. Below is a reference of the correct usage of certain extensions. But there is no hard and fast rule to go for any extension. Most commonly used is.com.com − Stands for company/commercial, but it can be used for any website..net − Stands for network and is usually used for a network of sites..org − Stands for organization and is supposed to be for non-profit bodies..us,.in − They are based on your country names so that you can go for country specific domain extensions.biz − A newer extension on the Internet and can be used to indicate that this site is purely related to business..info − Stands for information. This domain name extension can be very useful, and as a new comer it's doing well..tv − Stands for Television and are more appropriate for TV channel sites. Newer domain extensions such as.biz.info and.us etc. have more name choices available as many of the popular domains have yet to be taken and most of those are available at very nominal prices. Sub-Domains You can divide your domain into many sub domains based on your requirement. If you are doing multiple business using the same domain, then it would be useful to have sub-domains for every business. Following are examples of some sub-domains − adwords.google.com − This sub domain is being used for Google Adwords. groups.google.com − This sub domain is being used for Google Groups. images.google.com − This sub domain is being used for Google Images. IT 129 Integrative Programming and Technologies I 11 College of Technologies || IT Department  Website Construction Now you are ready for a website construction. Before proceeding further, you have to take many factors into consideration. I cannot list out each and everything but I have described the major factors in this tutorial which will help you to have a better website − What to Put on Your Website? What you would have on your website totally depends on your business and the nature of your website. Here is a list of pages that you might want to create for your website. Attractive Home Page: Always required for every website. List of Product and Services along with complete detail. Complete Pricing Information. About your company and nature of business including your achievements. About your staff and if possible their experience. Your complete contact information. Frequently Asked Questions. Success Stories and Feedback from Customers. Finally, make your site useful and interesting for your customers. Your site visitors are your customers and they should find each and everything they are looking for. Customer satisfaction should be your prime concern. How to Design Your Website? Consider what technology you are going to use to develop your website. Adopt one which gives you better flexibility and rapid development opportunities and then design it accordingly. Design a generic framework so that in future you can enhance and modify your website by putting minimal effort. Design a site to keep required performance in mind. If you are designing database driven website then lot of effort has to put to design good database schemas. Keep your design as simple as possible so that any new developer should become familiar with your design as soon as possible. Identify repeatable components of your website and then keep them separate and try to use them wherever possible. Identify the nature and qualification of your site visitors and give importance to look and feel accordingly. Think from the perspective of a site visitor. If you were a visitor, then how would you like to see this website? If the same site belongs to somebody else, then would you like to spend some time on such site? You should create a search engine friendly website. These are all just it, however, this “just” were way too long to read, don’t you agree? It is because WE HAVEN’T STARTED YET. To sum it all up, it’s a standard that is set for everyone to consider as a guide. Bear in mind, I do not mean to scare the heck out of you, but this is no easy task, and will require your full attention and proper tools for web development. “Let’s start with the installation of XAMPP web server in your computer systems.” IT 129 Integrative Programming and Technologies I 12 College of Technologies || IT Department  LOCAL WEB SERVER INSTALLATION What exactly is XAMPP? XAMPP is an abbreviation for cross-platform, Apache, MySQL, PHP and Perl, and it allows you to build WordPress site offline, on a local web server on your computer. This simple and lightweight solution works on Windows, Linux, and Mac – hence the “cross-platform” part. Since WordPress isn’t a stand-alone application, XAMPP provides two essential components for its installation – Apache, which is used to create the local server, and MySQL which you can use as a database for your website. You may be wondering why and how developers are using WordPress local server. The answer is simple – it allows them to create a local copy of the site in which they can try out new plugin updates before implementing them on its live version. This way they can prevent and spot potential errors and issues that might occur. Now it’s time to dive deeper into this XAMPP tutorial and learn how to locally host a website on Windows, Mac, or Linux. IT 129 Integrative Programming and Technologies I 13 College of Technologies || IT Department  Step One: How to install XAMPP? The first step in setting up XAMPP: go to the Apache Friends website and download the file for the platform you are using. You will see separate download links for Windows, Linux and OS X. Note that there is no 64-bit version for Windows, but the 32-bit one works perfectly fine. The file size is not that large (around 110MB). After downloading it, launch the installer and XAMPP setup will begin. Step Two: Initial Installation Steps Sometimes, depending on your operating system, you may receive a security warning. Don’t worry, XAMPP is safe to install. When setup wizard pops up, click “Next”, and in the next window, you will be asked to select components you want to install. Options like Apache and PHP are required and are installed automatically. Since our goal is to host WordPress locally, you must check MySQL and phpMyAdmin boxes. You can uncheck the rest if you want to. Next, select the folder where you would like to install XAMPP on your computer. It’s up to you if you want to create a new folder or use the default path (C:\Program Files\XAMPP). After choosing the install directory, you will be asked to install Bitnami. The extension makes installing third-party CMS programs WordPress, Joomla!, Drupal without a hassle. In this XAMPP tutorial we will manually install WordPress, so uncheck “Learn more about Bitnami for XAMPP” and click “Next”. IT 129 Integrative Programming and Technologies I 14 College of Technologies || IT Department  Step Three: XAMPP Setup Finally, after going through all those installation hassles, XAMPP is ready to install. But, wait, there’s more! During the installation, you may encounter security/firewall warnings. Make sure you check “Private networks, such as my home or work network”, and click “Allow Access”. That will create a rule for XAMPP in your security system, and allow it to work. Now, where were we? Ah, yes! After the installation, you will be asked if you would like to start the XAMPP Control Panel. Leave the box checked and click “Finish”. The Control Panel will now open. Step Four: Running XAMPP If you accidentally unchecked the box, don’t worry. You can go to your XAMPP folder on your computer and manually run XAMPP Control Panel. Note: Before using XAMPP, check that you don’t have conflicting applications that are using the same ports running in the background. Skype is a perfect example. Exit those applications are restart XAMPP. If the installation didn’t run into any errors, the control panel would show black and blue text below the list of the panel’s components (Apache, MySQL etc.). All of the elements have their separate Start/Stop, Admin, Config, and Logs buttons. Run Apache and MySQL by clicking their Start buttons. If the components started without problems, you would see a green background behind their names. Congratulations! You have successfully installed XAMPP server on your computer. You are now ready to install WordPress XAMPP local server. IT 129 Integrative Programming and Technologies I 15 College of Technologies || IT Department  Step Five: Your First Database With XAMPP up and running, it’s time to teach you how to install WordPress, but before we do that, you will need to create a database first. Open your XAMPP Control Panel and click on the “Admin” button of the MySQL section, which will lead you to the phpMyADmin page. Alternatively, you can reach this page by typing “http://localhost/phpmyadmin/” (without the quotation marks) into your browser. Find “Databases” link on the top of the page, and right under it you will find “Create Database”. Enter the desired name and click “Create”. IT 129 Integrative Programming and Technologies I 16 College of Technologies || IT Department  Step Six: How to install WordPress on XAMPP? Finally, the juicy part! Straight to the point – download the latest version of WordPress from the platforms official website and extract the zipped file to your desktop (or folder of your choice – but it won’t stay there for long). Copy the extracted content and paste it into the “htdocs” folder which is in the folder where you have installed XAMPP (default address is: C:/Program Files/XAMPP/htdocs) Open up your browser and type: http://localhost/wordpress/ in the address bar. A screen will show up, asking you to select a language. Then, after clicking “Continue”, another screen will appear asking you the following information: Database Name Database Username Database Password Database Host. It’s completely fine if you don’t know all the information, that’s why we are here. Bravely click “Let’s go!” button, and type in the following information in the boxes: Database Name – Write the name of the database you created in step five User Name: root Password: Leave this field empty. Delete any default text if needed, and Database Host: localhost Table Prefix: wp_ Click “Submit”, then “Run the install” button. After a few minutes, you will see the “Site Title” field. Go ahead and enter the title of your first test site. IT 129 Integrative Programming and Technologies I 17 College of Technologies || IT Department  Under the “Username” and “Password” fields, create yourself an admin account. Make sure you save or memorize what you typed in since you will need this information to log in. Enter a valid e-mail address into “Your E-mail” field. Last but not least, “Privacy” can be used to hide your site from those nasty search engines. After double checking what you typed in and selected, click “Install WordPress”. If everything works smoothly, a success page will be displayed. Click the “Log In” button and enter your credentials. That will lead you to the admin dashboard of your WordPress website. Well done! You now know how to run WordPress locally on your computer. Ending thoughts on xampp tutorial: XAMPP offers a simple and easy way for you to set up a local server on your computer and test multiple applications on it. One of those apps is our dear WordPress! We strongly advise using the local copy of your website to test out new and updated plugins and themes. Sometimes this way you can prevent errors from occurring on your live site. We hope that this XAMPP tutorial helped you create your own locally hosted WordPress website. Final output: Installed and configured XAMPP local web server. Assessment “Summarize your understanding on Web Development according to what you have read and comprehended in this module. Make a reflection” Note: Refer to the Rubric on the next page. IT 129 Integrative Programming and Technologies I 18 College of Technologies || IT Department IT 129 Integrative Programming and Technologies I 19 College of Technologies || IT Department  Rubric for Development Environment. Criteria Superior (45-50 points) Sufficient (38-44 Minimal (25-37 points) Good enough (1-24) points) Depth of Response demonstrates an Response demonstrates Response demonstrates a Response demonstrates Reflection in-depth reflection on, and a general reflection on, minimal reflection on, and a lack of reflection on, personalization of, the and personalization of, personalization of, the or personalization of, theories, concepts, and/or the theories, concepts, theories, concepts, and/or the theories, concepts, strategies presented in the and/or strategies strategies presented in the and/or strategies course materials to date. presented in the course course materials to date. presented in the course Viewpoints and materials to date. Viewpoints and materials to date. interpretations are Viewpoints and interpretations are Viewpoints and insightful and well interpretations are unsupported or supported interpretations are supported. Clear, detailed supported. Appropriate with flawed arguments. missing, inappropriate, examples are provided, as examples are provided, Examples, when and/or unsupported. applicable. as applicable. applicable, are not Examples, when provided or are irrelevant applicable, are not to the assignment. provided. Required Response includes all Response includes all Response is missing some Response excludes Components components and meets or components and meets components and/or does essential components exceeds all requirements all requirements not fully meet the and/or does not address indicated in the indicated in the requirements indicated in the requirements instructions. Each question instructions. Each the instructions. Some indicated in the or part of the assignment is question or part of the questions or parts of the instructions. Many parts addressed thoroughly. All assignment is assignment are not of the assignment are attachments and/or addressed. All addressed. Some addressed minimally, additional documents are attachments and/or attachments and additional inadequately, and/or not included, as required. additional documents documents, if required, are at all. are included, as missing or unsuitable for required. the purpose of the assignment. Structure Writing is clear, concise, Writing is mostly clear, Writing is unclear and/or Writing is unclear and and well organized with concise, and well disorganized. Thoughts are disorganized. Thoughts excellent organized with good not expressed in a logical ramble and make little sentence/paragraph sentence/paragraph manner. There are more sense. There are construction. Thoughts are construction. Thoughts than five spelling, numerous spelling, expressed in a coherent and are expressed in a grammar, or syntax errors grammar, or syntax logical manner. There are coherent and logical per page of writing. errors throughout the no more than three spelling, manner. There are no response. grammar, or syntax errors more than five spelling, per page of writing. grammar, or syntax errors per page of writing. Evidence and Response shows strong Response shows Response shows little Response shows no Practice evidence of synthesis of evidence of synthesis evidence of synthesis of evidence of synthesis of ideas presented and insights of ideas presented and ideas presented and ideas presented and gained throughout the insights gained insights gained throughout insights gained entire course. The throughout the entire the entire course. Few throughout the entire implications of these course. The implications of these course. No implications insights for the implications of these insights for the for the respondent's respondent's overall insights for the respondent's overall overall teaching teaching practice are respondent's overall teaching practice are practice are presented, thoroughly detailed, as teaching practice are presented, as applicable. as applicable. applicable. presented, as applicable. IT 129 Integrative Programming and Technologies I 20 College of Technologies || IT Department