WEB ENGINEERING

Pre-Requisite: Install Debian GNU/Linux

STEP  1: Download Network Simulator Setup.

Download NS2 All In One Package from following link:

http://sourceforge.net/projects/nsnam/files/allinone/ns-allinone-2.34/

Official Website:

http://www.isi.edu/nsnam/ns/

STEP 2: Place the file in your home directory and extract the tar file

$ tar -xzvf ns-allinone-2.31.tar.gz

Note: This tutorial was designed using 2.31 version.
Please don't forget to replace 2.31 to 2.34 in following commands

STEP 3: Go to folder where tar file is extracted.

$ cd ns-allinone-2.31

STEP 4: Insert Debian DVD for dependency components.

$ sudo apt-get install build-essential autoconf automake libxmu-dev
$ sudo apt-get install -f build-essential
libxt-dev libxt6 libsm-dev libsm6 libice-dev libice6 libxmu-dev

STEP 5: Install NS2 using following command.

$./install
Note: This process will take some time.

STEP 6: Set environment variables

$ gedit ~/.bashrc

Add the following lines to the end of it.

Dont forget to replace "/home/bharat with your directory path.

Example: /home/yourname/

# LD_LIBRARY_PATH
OTCL_LIB=/home/bharat/ns-allinone-2.31/otcl-1.13
NS2_LIB=/home/bharat/ns-allinone-2.31/lib
X11_LIB=/usr/X11R6/lib
USR_LOCAL_LIB=/usr/local/lib
export LD_LIBRARY_PATH=$LD_LIBRARY_PATH:
$OTCL_LIB:$NS2_LIB:$X11_LIB:$USR_LOCAL_LIB

# TCL_LIBRARY
TCL_LIB=/home/bharat/ns-allinone-2.31/tcl8.4.14/library
USR_LIB=/usr/lib
export TCL_LIBRARY=$TCL_LIB:$USR_LIB

# PATH
XGRAPH=/home/bharat/ns-allinone-2.31/bin:/home/bharat/ns-allinone-2.31
/tcl8.4.14/unix:/home/bharat/ns-allinone-2.31/tk8.4.14/unix
NS=/home/bharat/ns-allinone-2.31/ns-2.31/
NAM=/home/bharat/ns-allinone-2.31/nam-1.13/
PATH=$PATH:$XGRAPH:$NS:$NAM

STEP 7: Make changes

$ source ~/.bashrc

STEP 8: Check Installation Success

$ ns
%

If you type ns command on shell, then a "%" will appear on the screen.
That means NS2 is successfully installed.

STEP 9: Exit to Linux prompt


%exit
$

Type "exit" to quit the mode and back to "$"

STEP 10: Validation of NS2 Installation.

Go to network simulator directory inside the all in one
package and execute following command.


$ cd ns-2.31
$ ./validate

Note: Be patient till validation gets successful.
FINISHED

NOTE:

This tutorial is just to show how cross platform integrations are done. I would strongly advice you to use web servers like Apache for PHP.




STEP 1: Installing Web Platform Installer

Microsoft Web Platform Installer 2.0

The Microsoft Web Platform Installer 2.0 (Web PI) is a free tool that makes getting the latest components of the Microsoft Web Platform, including Internet Information Services (IIS), SQL Server Express, .NET Framework and Visual Web Developer easy. The Web PI also makes it easy to install and run the most popular free web applications for blogging, content management and more with the built-in Windows Web Application Gallery.

Features

  1. The Web PI is a free download.
  2. Weighing in at under 2 megabytes, the Web PI is the fastest way to get the components that make up the Microsoft Web Platform.
  3. Installing Web Apps or updating the Microsoft Web Platform, Web PI’s improved validation support ensures everything just works.
  4. Whether you’re updating or installing components, Web PI always includes the latest version of the Microsoft Web Platform.
  5. Available in 9 different languages. Choose your language and if a component is available in that language, Web PI will ensure you get it.
  6. Popular, free and ready to install Web Apps including Umbraco, WordPress, Acquia Drupal, SugarCRM, and more!

STEP 2: Installing WebMatrix

What Is WebMatrix?

WebMatrix is free, seamless, small which includes a complete Web development stack that installs in minutes and elegantly integrates a Web server, database and programming frameworks into a single, integrated experience

Features

  1. WebMatrix is a free Web development tool that installs in minutes and elegantly brings together a Web server, a database, and programming frameworks into a single, integrated experience. WebMatrix lets you code, test, and deploy both ASP.NET and PHP applications side by side.
  2. WebMatrix integrates Visual Studio into your workflow. Connect to Visual Studio to take advantage of powerful features such as debugging and profiling. And when you’re ready for a high-volume relational database server, move your database and data from SQL Server Compact to SQL Server with just a click of the mouse.
  3. WebMatrix includes a small, embedded database called SQL Server Compact that can live with your Web site code and content. Use it to start building your next Web site, and when you’re ready to publish, just copy the database file from your computer to any Web server and it will run— no extra installation required. Or you can easily migrate the database and data to SQL Server when you’re ready for high-volume traffic.
  4. WebMatrix integrates a rich code editor, a database editor, Web server management, Search Engine Optimization, FTP publishing.
  5. Start with HTML, CSS and JavaScript and then seamlessly connect to a database or add in dynamic server code using the new ‘Razor’ syntax for ASP.NET Web pages. Your code is easy to read, simple to learn, short to write and works with any text editor. Use built-in helper functions to connect to a database, display a Twitter feed, or embed a video. And with a seamless path to ASP.NET MVC it is now easier than ever to create powerful ASP.NET Web applications.
  6. Code helpers make common tasks (i.e. tweets or displaying video)easy to do with just a simple tag in your HTML.
  7. WebMatrix uses the same Web server, database engine, and frameworks environment that will run your Web site on the Internet, which makes the transition from development to product seamless.
  8. WebMatrix integrates with IIS Developer Express and is tightly linked with the Web server components that run your site. Directly monitor real-time Web requests and responses to track down problems right at the source. Missing an image? You’ll instantly see why and where, and WebMatrix will take you directly to the file to fix the problem.
  9. Run an SEO report and find how to make your site more visible to search engines. WebMatrix takes the secrets out of search engine optimization, provides clear guidance on how to make your site better, and even offers to take you right to the file in your site you need to fix.

10.  WebMatrix can be used to find a Web host that fits your requirements and use the built-in publishing support for FTP, FTPS, and WebDeploy to ensure that your files, databases, and settings arrive intact on the web.

WebMatrix is free, seamless, small which includes a complete Web development stack that installs in minutes and elegantly integrates a Web server, database and programming frameworks into a single, integrated experience.

Document No. D-IIS-3

STEP 1: Install XAMMP including PHP and MySQL Database.

  1. Install XAMMP following from link: http://www.apachefriends.org/en/xampp-windows.html
  2. Run the xammp setup .exe file.
  3. On Microsoft Vista, the User Access Control feature blocks the PHP installer from updating the Apache httpd configuration. Disable UAC while you are installing XAMPP.
  4. You are given the option to install the Apache server and the MySQL database server as services. If you install the Apache Server and MySQL as services, you will not have to start them manually through the XAMP Control Panel.
  5. If you are using the self-extracting archive, after the archive is extracted, run the file setup-xampp.bat to configure the components of the package. (The XAMPP installer runs this file automatically.)
  6. After configuration, open the XAMP Control Panel. (You can open it manually by running the file XAMPP_HOME/xampp-control.exe or from the Xampp Control Panel icon that is automatically placed on your desktop.) When you open the XAMPP Control Panel, note that the modules that are installed as services are already running.

Warning: On Windows Vista sometimes xampp-control.exe will not run. You can run xampp-start.exe instead.

  1. The Svc checkboxes indicate that a module is installed as a Windows service and will start automatically on system startup. You can install or uninstall Windows services by selecting or unselecting the Svc checkbox. Uninstalling a Windows service does not uninstall the module, but it does require you to start the module manually. The XAMPP control panel includes buttons for stopping and starting modules and opening their administration consoles

STEP 2:  Install NetBeans 6.9.1 IDE for PHP

Download and Install NetBeans IDE for PHP from following link: http://netbeans.org/downloads/index.html

STEP 3: Setting up Your first PHP Project in the NetBeans IDE for PHP

  1. Start the IDE, switch to the Projects window, and choose File > New Project. The Choose Project panel opens.
  2. In the Categories list, choose PHP.
  3. In the Projects area, choose PHP Application and click Next. The New PHP Project > Name and Location panel opens..
  4. In the Project Name text field, enter hello-world.
  5. In the Sources Folder field, browse for your PHP document root and create a subfolder there called hello-world. The document root is the folder where the web server looks for files to open in the browser. The document root is xampp/htdocs.
  6. Leave all other fields with their default values. Click Next.
  7. In the Run As drop-down list, select Local Web Site. The project will run on your local Apache server.
  8. Click Finish.

Practical: Creating a CRUD Application with NetBeans IDE PHP Editor

Aim: To create and run a simple web application called wish list.

Designing the Structure of the Sample Database

To arrange and store all the necessary data you need two tables:

  • A wishers table for storing names and passwords of registered users
  • A wishes table for storing descriptions of wishes


The wishers table contains three fields:

  1. id – the unique ID of a wisher. This field is used as the Primary Key
  2. name
  3. password

The wishes table contains four fields:

  1. id – the unique ID of a wish. The field is used as the Primary Key
  2. wisher_id – the ID of the wisher to whom the wish belongs. The field is used as the Foreign Key.
  3. description
  4. due_date – the date by when the wish is requested

The tables are related through the wisher’s ID. All the fields are mandatory except due_date in wishes.

Requirement Definition

The scope of your application covers the following use cases:

  1. The user views the wish list of a person.
  2. The user registers as a new wisher.
  3. The user logs in and creates her/his wish list.
  4. The user logs in and edits his/her wish list.

To cover this basic functionality, you will need to implement the following pages:

  1. The “front” page index.php for logging in, registering, and switching to wish lists of other users.
  2. The wishlist.php page for viewing the wish list of a particular wisher.
  3. The createNewWisher.php for registering as a wisher.
  4. The editWishList.php page for editing a wish list by its owner.
  5. The editWish.php page for creating and editing wishes.

Solution:

Initially I thought of making video tutorial for this scenario, but the resource website from which this tutorial has been studied is awsome with respect to explanation and step by step approach. Hence, instead of developing a clone tutorial, i request you to go to following link.

CLICK HERE TO GO TO TUTORIAL PAGE

Note: Before using tutorial just go through my video for creating and managing users of MySQL database including root user, which is you should check out to save time in understanding settings and previleges for MySQL database users.


CLICK HERE TO GO TO TUTORIAL PAGE


What is Packet Tracer?

Packet Tracer is a standalone, medium-fidelity, simulation-based learning environment for networking novices to design, configure, and troubleshoot computer networks at a CCNA-level of complexity. Packet Tracer supports student and instructor creation of simulations, visualizations, and animations of networking phenomena.

Like any simulation, Packet Tracer relies on a simplified model of networking devices and protocols. However, real computer networks remain the benchmark for understanding network behavior. Packet Tracer was created to help address the “digital divide” in networking education, where many students and teachers lack access to equipment, bandwidth, and interactive modes of learning networking.

Note: Let me assume you have some knowledge on routing.

LET US CREATE TOPOLOGY AND CONFIGURE DEVICES AS SHOWN IN DIAGRAM

(Click on image to enlarge)

Required Network

PROCEDURE TO CREATE TOPOLOGY

  1. Start Packet Tracer
  2. Click on Routers in left bottom and drag 3 router model called 2621M onto the workspace
  3. Above model have 2 fast Ethernet ports.
  4. We have to add WIC-2T module to the router
  5. Switch off the router and drag the module in given 2 places in router back panel.
  6. WIC-2t Module:

The 2-port asynchronous/synchronous serial network module provides flexible multi-protocol support, with each port individually configurable in synchronous or asynchronous mode, offering mixed-media dial support in a single chassis. Applications for Asynchronous/Synchronous support include: Low speed WAN aggregation (up to 128 Kbps), dial-up modem support, Async or Sync connections to management ports of other equipment, and transport of legacy protocols such as Bi-sync and SDLC.

  1. Connect all routers using connection medium. Select automatic medium so that serial ports can be used.
  2. Assume center router be ISP side router and remaining 2 as Mumbai side router and the other as Delhi side router.
  3. Drag the switch of type 2960-24TT as shown.
  4. Drag the generic hosts and connect all of them.
  5. Now the topology is created like shown.
  6. Red dots indicate down-state and green dots indicate up-state.

Part 1: Designing the Network


Part 2: Configuring the Routers


What is AJAX?

AJAX = Asynchronous JavaScript and XML.

AJAX is a technique for creating fast and dynamic web pages.

AJAX allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page.

Classic web pages, (which do not use AJAX) must reload the entire page if the content should change.

Examples of applications using AJAX: Google Maps, Gmail, Youtube, and Facebook tabs.

Start learning AJAX right now at w3schools.com

1. Dexagogo: Demo : Download

2. Live Validations: Demo

Live Validations is a small open source javascript library built for giving users real-time validation information as they fill out forms.

3. fValidator: Demo

fValidator is an open source (free) unobtrusive javascript tool for easy handling form validation.

DOWNLOAD SOURCE HERE

You can use Photoshop slicing tool to extract images, generate layout, decide image attributes and division formatting for CSS styling.

This is my first trial for slicing any image. I hope it will improve.

You can find more informational video tutorial over here


This tutorial will teach you how to take a Photoshop created web page layout template and slice it into individual pieces and then export it with an HTML file. We will cover user slices, layer based slices, auto slices, naming slices, assigning links to slices, alternate text for slices, creating multiple slices at one time, previewing our file in a web browser, saving individual slices as gifs or jpgs from the same document, and exporting a fully functional HTML file to go along with all of it.

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 50 other followers

What I am Upto Now

Follow Me On Twitter

Blog Stats

  • 69,006 hits

Live Traffic

My Paintings

Guess Who is She

Magnet

Party Goer

Holi

Propose

More Photos
%d bloggers like this: