edtech 552 web server project

Upload: justinkeel

Post on 04-Jun-2018

222 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/13/2019 EDTECH 552 Web Server Project

    1/15

    Back to Top

    Justin's EdTech 552 SiteSearch...

    Introduction to Webserver Assignment

    In this section of EdTech 552 (Introduction to Network Administration) our focus has shifted from simplenetworking concepts to applying concepts to setup a web server. The main objectives of this sect ion areto a pply DNS and routing concepts to network a web server to o ur local network and through DynamicDNS services to the World Wide Web. We will also learn introductory skills in Apache Server, MySQL,and Php to establish our server. The following pages will discuss the steps I have taken to completethe se objectives, any issues I have encountered, and my conclusions at the end of this p roject. I have

    als o added two pages on additional applications that I have installed on my web server (J oomla and Aja Xplorer).

    HomeHome

    Justin's EdTech 552 Site 2013

    Home

    Overview

    Adding Joomla

    Adding AjaXplorer

    Issues Encountered

    Conclusions

    http://jkeelweb.no-ip.org/jlaweb/http://jkeelweb.no-ip.org/jlaweb/index.php/conclusionshttp://jkeelweb.no-ip.org/jlaweb/index.php/conclusionshttp://jkeelweb.no-ip.org/jlaweb/index.php/issues-encounteredhttp://jkeelweb.no-ip.org/jlaweb/index.php/adding-ajaxplorerhttp://jkeelweb.no-ip.org/jlaweb/index.php/adding-joomlahttp://jkeelweb.no-ip.org/jlaweb/index.php/adding-joomlahttp://jkeelweb.no-ip.org/jlaweb/index.php/conclusionshttp://jkeelweb.no-ip.org/jlaweb/index.php/issues-encounteredhttp://jkeelweb.no-ip.org/jlaweb/index.php/adding-ajaxplorerhttp://jkeelweb.no-ip.org/jlaweb/index.php/adding-joomlahttp://jkeelweb.no-ip.org/jlaweb/index.php/overviewhttp://jkeelweb.no-ip.org/jlaweb/http://jkeelweb.no-ip.org/jlaweb/http://jkeelweb.no-ip.org/jlawebhttp://jkeelweb.no-ip.org/jlaweb/#top
  • 8/13/2019 EDTECH 552 Web Server Project

    2/15

    Print

    Overview

    To begin the implementation of my web server, I acquired an older PC so I was not running an open port tomy office PC. The specifications on this PC are Dell Optiplex GX-260 running Windows XP Pro with a Pentium 4processor, 1 GB of RAM, and an 80 GB Hard Disk Drive. After setting up this computer and running the updates,I installed WAMP from http://www.wampserver.com/en/ .

    After WAMP was installed, I changed the ip address of the computer to a static address, put the WAMP server online, and tested accessing the server from other computers on the network.

    http://www.wampserver.com/en/http://jkeelweb.no-ip.org/jlaweb/index.php/overviewhttp://jkeelweb.no-ip.org/jlaweb/index.php/overview#
  • 8/13/2019 EDTECH 552 Web Server Project

    3/15

    The next step was to go to the No IP website ( http://www.noip.com/ ) and sign up for service and download the

    http://www.noip.com/
  • 8/13/2019 EDTECH 552 Web Server Project

    4/15

    client on my server PC. This will enable computers outside of my local network to access the web server (because my service provider only provides dynamic IP addresses to home customers).

    The last step to allowing access to my server from outside my local network was to open a port on my router toallow traffic. I have a Linksys E1000 router which I set to port forward port 80 to the internal IP address that Iassigned to the web server.

  • 8/13/2019 EDTECH 552 Web Server Project

    5/15

    At this point my web server was set up and able to be accessed from outside of my network. The next steps of this project will be adding additional application(s) and content to the web server.

  • 8/13/2019 EDTECH 552 Web Server Project

    6/15

    Print

    Adding Joomla

    For my forward facing website, I decided to use the open source content management system (CMS)Joomla ( http://www.joomla.org/ ). Instead of posting static html web pages, Joomla can make it easy for multipleusers to contribute to the content of a web site and also provide an easy user interface for those people who donot know the basics of html.

    After Joomla was downloaded, the files needed to be unzipped and put into a folder in the www directory on theWAMP server. Joomla setup begins when you access the folder from a web browser.

    http://www.joomla.org/http://jkeelweb.no-ip.org/jlaweb/index.php/adding-joomlahttp://jkeelweb.no-ip.org/jlaweb/index.php/adding-joomla#
  • 8/13/2019 EDTECH 552 Web Server Project

    7/15

    When I performed the install I chose to have sample data installed as well (since this is the first time I have usedJoomla). With the sample data installed, it made it easier to see what pages (or articles)were referenced in menus and how the system actually worked. The only issue with using sample data is thatthere are many articles that I chose to "unpublish" or delete so I wouldn't have a bunch of pages active that Iwould not be using.

  • 8/13/2019 EDTECH 552 Web Server Project

    8/15

    I then needed to create the menus that I wanted for my site.

    Finally, the last thing I needed to finish my Joomla site was to add the content for each of my pages (actually in

  • 8/13/2019 EDTECH 552 Web Server Project

    9/15

    the Joomla language, these pages are all individual articles that I chose to display one at a time). Editing thearticles was easy to do and Joomla has a pretty standard user interface for editing web content. The only snagwas that I needed to upload all of my pictures into the media manager before inserting them into the article. Allof the pages (articles) in this site are constructed using this interface.

  • 8/13/2019 EDTECH 552 Web Server Project

    10/15

    Print

    Adding AjaXplorer

    While I was looking at opensource applications that would be appropriate for my web server, I came across aproduct called AjaXplorer ( http://ajaxplorer.info/ ). This product peeked my curiosity as I am an avid Dropbox,Google Drive, and Skydrive user. This application is very much like these applications AND it is licensed so thatI can install it on my own server and control the size of my cloud storage. With AjaXplorer, you set up users andit has a very common interface (similar to many other cloud storage applications). There are also extensions thatyou can add into many popular CMS packages to incorporate AjaXplorer and even a client (in beta) to install on alocal machine so that certain files automatically synchronize with the files in your AjaXplorer account. With all of these benefits, I also installed this package on my web server.

    Once the package was downloaded, I simply needed to unzip the file and place the folder in my www directory onthe WAMP server. The setup was very easy. I just used a web browser to access the folder and logged in usingthe administrator credent ials. (see below)

    http://ajaxplorer.info/http://ajaxplorer.info/http://jkeelweb.no-ip.org/jlaweb/index.php/adding-ajaxplorerhttp://jkeelweb.no-ip.org/jlaweb/index.php/adding-ajaxplorer#
  • 8/13/2019 EDTECH 552 Web Server Project

    11/15

    Once logged in as an administrator, I could create user accounts and repositories. You can tie any user accountto specific repositories or allow users to have access to multiple repositories. For example, you could set your users up to have a private repository of documents and a repository that is shared between a specific group.

  • 8/13/2019 EDTECH 552 Web Server Project

    12/15

    I then set up a sample repository and a sample user so that anyone in the class that is interested could accessthis application. You will notice in the screen shot below that there is one document in the sample repositoryand you have access to share the document, download the document, upload new documents, and/or add subdirectories to the repository.

    The log in information for this sample repository is ...

    http://jkeelweb.no-ip.org/ajaxplorer/

    Login: Sample (case sensitive)

    Password: EdTech552 (case sensitive)

    http://jkeelweb.no-ip.org/ajaxplorer/
  • 8/13/2019 EDTECH 552 Web Server Project

    13/15

    Print

    Issues

    Most of the installation and setup of my web server went smoothly with the directions provided in the lessonand the YouTube videos that were referenced. Having said that, I did have two main problems that I needed toovercome.

    Problem 1

    After installing WAMP on my PC, the icon would not change from orange to green and I could not access"localhost" from a web browser on that PC.

    Solution

    After searching many forums, I located a solution that fixed my problem. My PC was lacking the C++redistribution package so some of the services in the WAMP installation would not start. I downloaded the C++Redistribution package from Microsoft. After a restart of my PC, the issue was resolved.

    Problem 2

    When I decided to install Joomla as my main page on my web server, I needed a way to tell a PC that was tryingto access my webpage to go to jkeelweb.no-ip.org/jlaweb instead of going to the default index page at

    jkeelweb.no-ip.org.

    Solution

    After comparing two solutions that I found by performing a Google search, I chose to use the default index pageto redirect to the page that I wanted to load. In the body of the index page there is now only one line of code This linewill automatically redirect the default index page to my Joomla page.

    http://jkeelweb.no-ip.org/jlaweb/index.php/issues-encounteredhttp://jkeelweb.no-ip.org/jlaweb/index.php/issues-encountered#
  • 8/13/2019 EDTECH 552 Web Server Project

    14/15

  • 8/13/2019 EDTECH 552 Web Server Project

    15/15

    Print

    Conclusions

    I will say this is probably the most fun I have had in any of my graduate courses! Up to this point, my onlynetworking experience has been my small home network and a small business network that includes about 8computers and three printers all in a wired network. I have never done anything with networking any content or applications that would be accessed by a client outside of a local network. Through this project I learned aboutsetting up a computer with the appropriate software to act as a web server, how to secure the network with portforwarding, and how to overcome the obstacle of not having a static IP address from my ISP. I also learned howto install additional web applications on my web server, how to set them up to access from "the outside world"and how their folders and directories are set up on the web server.

    I think php and MySQL environments can facilitate teaching and learning in a variety of ways. There are so manyapplications that are open source and free that can be installed on this environment that the applications arealmost limitless. These systems can be used for facilitation of courses through a LMS (likemoodle); dissemination of information on static web pages, Blogs, Wikis, or CMSs; and/or sharing andcollaboration using applications like AjaXplorer or BigBlueButton (this is a virtual classroom environment that myinstitution is also investigating). The value of the php+MySQL environment is the flexibility to be used innumerous ways to be able to share information in a user friendly application.

    In conclusion I will say that now that Pandora's box has been opened for me, I can't stop exploring all of thesecool web applications that I can install on my own web server!

    http://jkeelweb.no-ip.org/jlaweb/index.php/conclusionshttp://jkeelweb.no-ip.org/jlaweb/index.php/conclusions#