Template Customization

Document Sample
Template Customization Powered By Docstoc




ARISTO INFOTECH recognized leader in Information Technology and Staffing with a reputation for quality, superior technical skills and proven bottom-line results and main aim being providing high-end consulting services in diverse fields.

Our mission is to help our clients leverage IT to solve complex business and technical challenges across the business continuum.

Aristo InfoTech has the people, the knowledge base, and the dedication it takes to meet deadlines, achieve results, and help satisfy Global IT departments spanning multiple industries and providing the highest quality services to our clients.

To Aristo clients, it represents assurance of quality performance and dependable completion of all assignments. To Aristo staff members, it means the opportunity to pursue professional growth and job satisfaction



This project is used to help professional and non-IT users to design their personal web page. Users can specify the layout, appearance and text to be given for their web page it automatically creates a screen and presents it to the user,Users can allow to save the designed Webpage if he registered with this project, and this application will send mail to the user email Address.

The Website Template Customization project is a Web Application that presents a variety of options to Internet users who want to create a home page free of cost. Users can choose from pre-designed templates and settings, and apply them to their homepage. The application generates a web page based on the user’s choice of colors, layout, their required text in the template, and presents it to the user to accept or reject.



The Homepage Design project is a Web Application that presents a variety of options to Internet users who want to create a home page free of cost. Users can choose from pre-designed templates and settings, and apply them to their homepage. The application generates a web page based on the user’s choice of colors and layout, and presents it to the user to accept or reject. In homepage design project the user is allowed to enter username and password to login in to homepage design page. If he doesnot have username and password user is allowed to register their personal details like [username, password, name, dateofbirth, address, qualification etc].by clicking new user button. After the registration is completed by the user, user is directed to enter the login page. If the user enters the wrong username and password, invalid user is displayed in the login page. Or if the other user enters who doesnot have the username and password restriction will be given to them. If the user doesnot have username and password an d if user enters into new user and fills the registration details and then user enters to login page. User must enter correct username and password and then directed to template page.

In template page ,user will be given screenshots of templates.User will be given choice to select the templates.But the templates will be viewed in the small screen.After the user selects the template,he can view the template in a Large screen by clicking the small screen button.





The Existing system is manual work, any one of the technical person are designing the template after getting all the data’s from the customer. Or Showing some of the sample site to the client, but they will not allow to edit the template online, Client don’t have any idea about how will the site. User must have the technical skill to create their own web page, they allow to view the template which they already designed and they cannot allow to modify



This project will allow to design the template depends upon our mind set and we can change the images, back color, text, link and paragraph content of the selected template pages and allow them to see the preview of the designed template in online itself without any difficulty

Different types of template available in site and user may select and start work on the template by putting their own information very easily. There are few steps to complete the website and get the whole project at the end. No technical skills or any designing software tool to create their own website.





Operating system


Windows XP



1 GB



Pentium 4 17” Color



Hard Disk









Visual Studio 2005

.Net Fram


Version 2.0






SQL Server 2005



Adobe Photoshop CS




ASP.NET Features ASP.NET is not just a simple upgrade or the latest version of ASP. ASP.NET combines unprecedented developer productivity with performance, reliability, and deployment. ASP.NET redesigns the whole process. It's still easy to grasp for new comers but it provides many new ways of managing projects. Below are the features of ASP.NET.

Easy Programming Model ASP.NET makes building real world Web applications dramatically

easier. ASP.NET server controls enable an HTML-like style of declarative programming that let you build great pages with far less code than with classic ASP. Displaying data, validating user input, and uploading files are all amazingly easy. Best of all, ASP.NET pages work in all browsers including Netscape, Opera, AOL, and Internet Explorer.

Flexible Language Options ASP.NET lets you leverage your current programming language skills. Unlike classic ASP, which supports only interpreted VBScript and JScript, ASP.NET now supports more than 25 .NET languages (built-in support for VB.NET, C#, and JScript.NET), giving you unprecedented flexibility in your choice of language.

Great Tool Support You can harness the full power of ASP.NET using any text editor, even Notepad. But Visual Studio .NET adds the productivity of Visual Basic-style development to the Web. Now you can visually design ASP.NET Web Forms using familiar drag-dropdouble click techniques, and enjoy full-fledged code support including statement completion and color-coding. VS.NET also provides integrated support for debugging


and deploying ASP.NET Web applications. The Enterprise versions of Visual Studio .NET deliver life-cycle features to help organizations plan, analyze, design, build, test, and coordinate teams that develop ASP.NET Web applications. These include UML class modeling, database modeling (conceptual, logical, and physical models), testing tools (functional, performance and scalability), and enterprise frameworks and templates, all available within the integrated Visual Studio .NET environment.

Rich Class Framework Application features that used to be hard to implement, or required a 3rd-party component, can now be added in just a few lines of code using the .NET Framework. The .NET Framework offers over 4500 classes that encapsulate rich functionality like XML, data access, file upload, regular expressions, image generation, performance monitoring and logging, transactions, message queuing, SMTP mail, and much more. With Improved Performance and Scalability ASP.NET lets you use serve more users with the same hardware.

Compiled execution ASP.NET is much faster than classic ASP, while preserving the "just hit save" update model of ASP. However, no explicit compile step is required. ASP.NET will automatically detect any changes, dynamically compile the files if needed, and store the compiled results to reuse for subsequent requests. Dynamic compilation ensures that your application is always up to date, and compiled execution makes it fast. Most

applications migrated from classic ASP see a 3x to 5x increase in pages served.

Rich output caching ASP.NET output caching can dramatically improve the performance and scalability of your application. When output caching is enabled on a page, ASP.NET executes the page just once, and saves the result in memory in addition to sending it to the user. When another user requests the same page, ASP.NET serves the cached result from memory without re-executing the page. Output caching is configurable, and can be used to cache individual regions or an entire page. Output caching can dramatically


improve the performance of data-driven pages by eliminating the need to query the database on every request.

Web-Farm Session State ASP.NET session state lets you share session data user-specific state values across all machines in your Web farm. Now a user can hit different servers in the Web farm over multiple requests and still have full access to her session. And since business components created with the .NET Framework are free-threaded, you no longer need to worry about thread affinity.

Memory Leak, DeadLock and Crash Protection ASP.NET automatically detects and recovers from errors like deadlocks and memory leaks to ensure your application is always available to your users. For example, say that your application has a small memory leak, and that after a week the leak has tied up a significant percentage of your server's virtual memory. ASP.NET will detect this condition, automatically start up another copy of the ASP.NET worker process, and direct all new requests to the new process. Once the old process has finished processing its pending requests, it is gracefully disposed and the leaked memory is released. Automatically, without administrator intervention or any interruption of service, ASP.NET has recovered from the error.

Easy Deployment ASP.NET takes the pain out of deploying server applications. "No touch" application deployment. ASP.NET dramatically simplifies installation of your

application. With ASP.NET, you can deploy an entire application as easily as an HTML page, just copy it to the server. No need to run regsvr32 to register any components, and configuration settings are stored in an XML file within the application.

Dynamic update of running application ASP.NET now lets you update compiled components without restarting the web server. In the past with classic COM components, the developer would have to restart the


web server each time he deployed an update. With ASP.NET, you simply copy the component over the existing DLL, ASP.NET will automatically detect the change and start using the new code.

Easy Migration Path You don't have to migrate your existing applications to start using ASP.NET. ASP.NET runs on IIS side-by-side with classic ASP on Windows 2000 and Windows XP platforms. Your existing ASP applications continue to be processed by ASP.DLL, while new ASP.NET pages are processed by the new ASP.NET engine. You can migrate application by application, or single pages. And ASP.NET even lets you continue to use your existing classic COM business components.

About XML Web Services XML Web services allow applications to communicate and share data over the Internet, regardless of operating system or programming language. ASP.NET makes exposing and calling XML Web Services simple. Any class can be converted into an XML Web Service with just a few lines of code, and can be called by any SOAP client. Likewise, ASP.NET makes it incredibly easy to call XML Web Services from your application. No knowledge of networking, XML, or SOAP is required.

Mobile Web Device Support ASP.NET Mobile Controls let you easily target cell phones, PDAs and over 80 mobile Web devices. You write your application just once, and the mobile controls automatically generate WAP/WML, HTML, or iMode as required by the requesting device.

ASP.NET Development Environment Most of the programming languages with which we work require a development environment to code, test and run the programs. You may purchase a copy of that software at your local computer store and work with it. With ASP.NET things are different. ASP.NET is a development technology that is built into the .NET


Framework. You can create ASP.NET applications with a simple editor like a notepad. If you prefer to work in a development environment then you have many to choose from. Visual Studio .NET (should purchase) is one development environment from Microsoft. Another development environment from Microsoft which is preferred by many developers is Microsoft Web Matrix. The best thing about ASP.NET Web Matrix is it's free (available as a 1.4 MB free download) and provides most of the features Visual Studio .NET provides.

Setting Up the Development Environment As you already know, ASP.NET is based on the CLR, class libraries and other tools which are integrated into the .NET Framework. To develop and run a ASP.NET application you need to have the .NET Framework installed on your machine. .NET Framework comes pre installed with Operating Systems like Windows 2003 Server and Windows XP. For other operating systems (Windows 2000, 98, Me, NT 4.0) you need to install the .NET Framework manually. You can install .NET Framework manually in two ways: .NET Framework SDK or VS .NET.

IIS (Internet Information System) To develop a Web Application you need IIS (Internet Information Server) on your machine. IIS comes pre installed in Operating Systems like Windows 2000, XP and 2003. You need to configure IIS to run ASP.NET Web applications. You should configure IIS prior to the installation of Visual Studio .NET software on your machine to avoid errors. In most cases configuring IIS after the installation of VS .NET will result in many errors and unexpected behavior by the application.

By default, IIS creates a folder on the server's hard drive with the name Inetpub. The Inetpub folder contains a subfolder called wwwroot. The wwwroot folder is the root for the Web site. All the ASP.NET applications you develop using VS .NET are saved in this wwwroot folder.


Web Hosting You also can test and run your applications on a server owned by hosting providers. The host will give you details you need to know to upload files onto his server, test those files, etc. Web Hosting providers charge some amount for providing service. There are some hosting providers who provide some space for a certain period of time on their servers for ASP.NET developers to test their applications free of charge. You can find about them on the resources page of this site.

About SQL SERVER 2005 SQL Server is a relational database management system (RDBMS)

from Microsoft that's designed for the enterprise environment. SQL Server runs on TSQL (Transact -SQL), a set of programming extensions from Sybase and Microsoft that add several features to standard SQL, including transaction control, exception and error handling, row processing, and declared variables.






LIST OF ABBREVIATIONS DNS DFD SQL CGI HTML WAP LAN WAN XML PDF ASP CSS XHTML JS Domain Name Services Data Flow Diagrams Structured Query Language Common Gateway Interface Hyper Text Markup Language Wireless Application Protocol Local Area Network Wide Area Network Extensible Markup Language Portable Document File Active Server Pages Cascading Style Sheet Xtension Hypertect Markup Language Java Script


Table login: S.No 1 2 3 Field Name username password Type Data Type varchar varchar varchar Size 25 16 10

Personal Detail: S.No 1 2 3 4 5 6 7 8 9 10 Field Name userId username name Surname Gender Dob Age Martialstatus Qualification Photo Data Type Int varchar varchar varchar varchar DateTime int varchar varchar image Size Auto number 25 50 50 1

10 10

Contact Information: S.No 1 2 3 4 5 Field Name cid Userid Address Mobile emailid Data Type Int Int varchar Long int varchar 200 50 Size Auto number


Template Information: S.No 1 2 3 4 5 Field Name id Templateid Templatename Cssname Jsname Data Type Int int varchar varchar varchar 50 50 50 Size Auto number

Transaction Table: S.No 1 2 3 4 Field Name id Userid TemplateID Date Data Type Int int int DateTime Size Auto number 50 50




A Context diagram I a dataflow diagram with only one massive central process that subsumes everything inside the scope of the system, it shows how the system will

Input mapping Formatted Input

Selected Template Data Authentication

Template Customization User Authentication User entry

Output Data

Output Mapping

Formatted Output


User Registration



Database diagram is also known as process model, the process modeling is an analysis technique used to capture the flow of inputs through a system (or group of process) to their resulting output


Template Customization Input Data Database User Input Data User Request

Authenticated User Data


Mapped Data

Analysis User Mapping

New User Data



User User Query Data Template Customization

User Data Enable User Entry

Requeste d Template s

T1 Input Mapped User Data

Step 1 Process

T1 Output


User Mapping

Step 2 Process Output Data Formatted Data Step 3 Process Storage

Formatted Template 1 Output





THREE TIER DIAGRAM Three tiers is a client server architecture in which the user interface functional process logic computer data storage data access developed and maintained a independent module most often on separate platform. The three tire model is considered to be the software architecture and software designed plan.

Apart from the usual advantage of modular software with well defined interfaces the three tire architecture is intended to allow any of the three tires to be upgraded or replaced independently as requirements or technology changes. For example a change of operating system from Microsoft windows to UNIX in the presentation tier would only affect the user interface code.

Typically the user interface runs on a desktop pc or workstation and uses a standard graphical user interface, functional process logic may consist of one or more separate modules running on a workstation or application server and a database server contain the computer storage logic.


The 3 tire architecture has the following three tiers

Presentation tier This is the top most level of the application. The presentation tier displays information related to such services as browsing merchandise purchasing shopping cart contents .it communicates with other tier with outputting results to browser client tier and all tiers in the network

Application tier (Business logic /Logic tier) The logic tier is pulled out from the presentation tier and its own layer; it controls application functionality by performing detailed processing.

Data tier This tier consists of database servers. Here information is stored and retrieved this tier keeps data neutral and independent from application servers or business logic .giving data its own tier also improves scalability and performance


Web browser

Presentati on Logic (HTML)

Data Logic

Formatted Input Database Business Logic





Implementation is the basic process to initiate with. Without implementation we can’t make our system practical and it gives confidence for a user to work in our system. This is a stage to make the theoretical design into a working system.

For a effective implementation we need Requirement analysis, complete study of existing system and it’s constraints on implementation, Planning Designing the new system .

Basically the system is implemented to make more than one user to access and get their template. The application is implemented in Windows 2000 platform with MS SQL Server once and again it is implemented in Windows XP with MS SQL Server and accessed from various clients. .





TEST OBJECTIVES The main objective of testing is to uncover a host of errors, systematically and with minimal effort and time. Stating formally, we can say,    if it exists. “Testing cannot show the absence of defects, it can only show that software defects are presents.”

Testing is a process of executing a program with the intent of

finding an error. A successful test is one that uncovers a yet undiscovered error. A good test case is one that has a high probability of finding error,

As the test results are gathered and evaluated they begin to give a qualitative indication of the reliability of the software. If severe errors are detected, the overall Quality of the software is a natural suspect.

MODULE LEVEL TESTING In this the error will be found at each individual module it encourages the programmer to find and rectify the error without affecting the other modules. In this project module level testing is done for the module such as Registration module, Admin Module, Template module and the error occurred in each module are rectified. We have tested the admin module as per client’s requirements like validations for all fields, revised coding for a good performance converted many

complex functions into dells in order to increase speed in execution of each and every process.


UNIT TESTING Unit testing focuses on verifying the effort on the smallest unit of software-module. The local data structure is examined to ensure that the data stored temporarily maintains its integrity during all steps in algorithm execution. In this project unit testing is done by examine the database and found that the data stored maintain its integrity during execution

VALIDATION TESTING Its begin after the integration testing is successful assembled. Validation succeeds when the software function is a manner that can be reasonable accepted by the client. In this majority of the validation is done during the data entry operation.

Where there is a maximum possibility of entering wrong data. Other validation will be performed in all process where the correct details and data should be entered to get the required results .In this project validation testing is done by using validation controls such as required field valuator, Range validate, custom validate so that even if user enter the wrong data it can be quoted and rectified

BLACK BOX TESTING Black box testing focuses on functional requirement of software. It enables to drive sets of input condition that will fully exercise all functional requirements for a program. In this project Black box testing attempts to find error in the following categories. Incorrect or missing functions Interface error Error in data structures or external database access and performance errors.



Login: ID 1 Module Test Description Login Field validation for the user name input field Field validation for the password input field Clicked the [?] button to change the password Test Input Andeeuserna meeeeeeeeeee eeeeeeeeeeeee eeeeee Andreepass Expected output Andeeusernamee eeeeeeeeee Active result Accept only 25 character




Accept only 16 character Hide the parent window and open the change password page in popup Show the error message invalid username



Click the [?] button using key board



to check the user name validation in forgot password page. Need to close the popup window after the password change. Trace key check.







Check for the redirection

Gave the wrong user name and correct password. Gave the correct values and clicked the save button Placed the cursor in username textbox and entered the “Enter key” User name : admin and password: admin

Need top hide the parent window and open a new popup Need to show the error message

Need to close the Closed the window after the window after message box the message box automatically Need to submit After entered the login form in the Enter Key, default without Login form opening the submitted Change password popup. If the user name It redirect to belongs to admin user list page. it will redirect to the user list page.


Registration Module: ID 1 Module Registration Test Description Name field validation Test Input Entered testname 0&*(^%#$%# @% Entered long Word Select the age : 20/02/1985 Entered Character in phone field Entered wrong email e.g.(asdad.,com ) Select image using file up loader Expected output Need to throw wrong character error message Need to restrict after 200 character Need to display age as 24 Need to allow only number with Character Need to show error message Active result Show the error “incorrect User Name” It alloew only 200 character Displays 24 in age field Allow only number





Address Maximum length Age calculation Phone number validation





Email Validation



Photo uploader

Need to show selected image in image control

Shows error message “Invalid Email Id” Shows the selected image in image control after clicking the upload image button


Template Module. ID 1 Module Template Test Description Step by step process Files in Image File type in Image uploader Redirection in last page Test Input Clicked the step 5 Selected the word document file. Click the “Click here to save button.” Clicked the “Preview Button” Expected output Need to Highlight the next step Need to show error message Active result Highlighted step 1, all are disabled. Show the error message “Select Image file only” Redirected to the save page





Need to redirect Save page. Need to show the page with all the image which we selected.



Preview page

Shows all the image which we selected from step 1 and content