| WYSWYG Tools for Windows |
|
| Edit+ |
|
| Edit+ is also written as Edit Plus, EditPlus is a 32-bit text editor for the Microsoft Windows operating system, developed by Sangil Kim of ES-Computing. |
|
| EditPlus is a text editor, HTML editor and programmers editor for Windows. While it can serve as a good Notepad replacement, it also offers many powerful features for Web page authors and programmers. |
|
| Syntax highlighting for HTML, CSS, PHP, ASP, Perl, C/C++, Java, JavaScript and VBScript. Also, it can be extended for other programming languages based on custom syntax files. Seamless Web browser for previewing HTML pages, and FTP commands for uploading local files to FTP server. |
|
| Other features include HTML toolbar, user tools, line number, ruler, URL highlighting, auto-completion, cliptext, column selection, powerful search and replace, multiple undo/redo, spell checker, customizable keyboard shortcuts, and more. |
|
| Installing EditPlus |
|
| For download Editplus go to link: http://www.editplus.com/ and download this with its easy step. |
|
| Working With Editplus |
|
| Our main concern here to teach you how this editor works, so follw these simple steps and get redy for work on that . |
|
| Step1:After installing Editplus open it you will see this window as in. |
|
 |
|
| 2.As you press “I agree “ button it will open the editor window . |
|
| Now go to option file--new--html page (Or you can simply press ctrl+shift+N) and open a new html file |
|
 |
|
| Now to save this file --new--save, you must save this file in your specified folder,where your wamp or jamp is installed. |
|
| Ex: c:\wamp\ your project title folder |
|
| Note* : If your project folder is not belogs to the specified location or if you save the folder to other location (other than thelocation, where wamp or xamp default folder is installed) then it will not show the result while you running the file in browser. |
|
| So be take care of it, it is the primary silly mistake. |
|
| 4. cut these: in your new html page |
|
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
|
|
 |
|
4. Give the Tital name In tital tags.
5. write the php code in the body of html tags |
|
 |
|
6.Save the changes.
7.And run this page on the browser as type the url like this:
Localhost/foldername/filename.php
8.you will get the result/output |
|
 |
|
| 9.Now Rest property’s knowledge will let you know while on your working experience with edit plus so work on it and enjoy it. |
|
| How to configure your project: |
|
1.Open your edit plus
2.Click on project option in editplus.
3.go to edit projects.
4.you will get the window .
|
|
 |
|
| 5.click to projects Add Button. Then a window appear, asking for “enter the Name” of project . |
|
 |
|
| Just type the name of the folder where your project files (All Files) will resides. And press OK. |
|
| 6.And for adding the project regarding files do the same process but instead of typing the new project go to the files option and add the files. |
|
 |
|
| 7. your project is now configured, ,and it shows At left side of editplus. |
|
 |
|
|
|
|
|
|
| WYSWYG Tools for Windows |
|
| How To Work On Dreamweaver |
|
| an HTML editor available from Macromedia used to create web pages. |
|
| Adobe Dreamweaver is a web development application originally created by Macromedia, and is now developed by Adobe Systems, who acquired Macromedia in 2005. Dreamweaver is available for both Mac and Windows operating systems. Recent versions have incorporated support for web technologies such as CSS, JavaScript, and various server-side scripting languages and frameworks including ASP, ColdFusion, and PHP. |
|
| Steps for working in Dreamweaver |
|
| 1. First Open the Dreamweaver It will atke some time and while it opens, it shows the window as in fig |
|
 |
|
| 2.Select Html in Create new coloum.it will open a windows as in fig |
|
 |
|
| 3. Now you may write your code/script in the specified tags(as php in the body tag) etc. |
|
| 4. Go to file option and click save options in fig . it will open a window asking for where to save , give the name of the file and save it into your wamp/xampp dir folder (Extension of the file is must be (.php,ccs,etc )according to the files.(all files should be in your folder, you created for this folder in the root directory and save this file. |
|
 |
|
| Dreamweaver is well known for its design property,in Dreamweaver you can see whataver you design in you html. |
|
| It have three main option namely: |
|
a-Code--This options shows coding part on the whole page.
b-Split--This option shows coding on half page as well as its design on remaining page, you can adjust the page division as your need.
c-Design--This option shows Design part on the whole page. |
|
| The main benefit of this is you can see your design part together while on writing html of it, and if you have some thing wrong it that do the following: |
|
i)go to split option.
ii)see you design in the design part click at that part where you have made changes.
iii) now your cursor will blink on the coding part of you selected design. |
|
| Now you can easily correct your design. This will be benefited for the project where you have made a page of to many coding and you want to correct some part of that html, in one click. It will let you at the position in one go and you can save your time of searching. |
|
| Manage your project on site(Local area network) |
|
| While making a project folder, if you you want to access your project through local network(LAN) then simply try these steps(It will not necessary, it is only for those who want to access this project through LAN, So don’t worry about it). |
|
| 1. Open dream weaver click on “Dream weaver Site” , go to your desired option as, here we select php option, it is the second last option of the create new column, you will get the window a in . |
|
 |
|
| 2. Now type the name of the folder of your project as your site name. |
|
 |
|
| 3. click next a window will appear like as in fig |
|
 |
|
| 4. click on “yes” (radio button) option , it will open options, select php option as in fig and then click next. |
|
 |
|
| 5. It will show window like this |
|
 |
|
| 6. Click next it will open a window asking for adding the folder which is on your server and browse your folder and then click select |
|
 |
|
 |
|
| 7. Now at last a window will open as in figure asking for test your url click on it it will show a message that your url prefix was successful as in fig |
|
 |
|
 |
|
8. click on ok
9. it will configure your project on LAN. Shows on your right side of Dream weaver. click on right side of files menu dropdown box it will show your project and the files of the project. |
|
|
|
|
|
|
| Project Documentation |
|
| Introduction |
|
| “A software development is not an easy job “, and i do not have capability to fulfill this dream, every I.T fresher raise this question to himself. But we make your dream comes true. This document is based upon those who never make a web site. |
|
| Software development is a big and endless field, and there is much more to learn in the field always. But the main concern for a newer one who wants to develop the software or to be a software developer, but actually he didn’t try before, is how to start? where to start?, what to start? And what are the basic needs for developing a web application? is the main question for every new guys .Taking all your concern as a problem, we select a topic for development, Name of our project is “QUIZ SYSTEM”. |
|
| Quiz system? Obviously you have many questions about this, but don’t worry we will explain its details step by step so follow all the details and see and learn how the project is developed. We try to short out all of your problems. |
|
| This tutorial is intended to serve a broad spectrum of I.T folks and is organized in a slightly unusual fashion compared to many other tutorials on feedback and control. In particular, we introduce a number of concepts. |
|
| So read this tutorials and move software development to your self and make possible to all impossibilities. |
|
|
|
| Quiz System is a simple concept for a fresher to start as a first project. In The concept of this project is to develop a quiz program which can be play by any body, any person who wants to play the quiz, first register himself through our registration form, and after registration he can choose a category/topic and play the quiz, and after played the quiz, he can check his all details of quiz. He can logout and again login to next time for play. He may also edit his registration form. |
|
| And an admin is only a person, authorized for the following task: |
|
1. Enable a user
2. Disable a user
3. Add /Delete the topic/category of quiz
4. Add/Delete the questions of the quiz
5. Add, delete a user and add delete and edit the questions and categories. |
|
|
|
|
|
| Project Documentation |
|
| Idea for making this project |
|
| We decide to make this project, because we want to work on such type of a project which is attractive, meaningful and so simple for a new one. |
|
| Which takes some major concepts for learning? Through which a newer can learn the development process as well as the concept of project and which can not make complexity and easy to understand. |
|
| We want to generate the student interest towards development, and want to show how the development is easy, that he can’t be imagined. |
|
| On considering these points we choose this topic, which is so much easy, conceptual and good for learning. |
|
| Quiz System is a system of giving exams by computer. It is a software module for educators. They are used to set up multiple choice tests for set time periods that when submitted are automatically checked and the results logged beside the student's or trainee's reference number. |
|
| Suitable for colleges with multiple educators setting exams for multiple classes. |
|
|
|
|
|
| Project Documentation |
|
| Reasons |
|
| As you seen the boom of software companies, every science graduate guy wants to be a developer, but he don’t know about the core of development. |
|
| So this is our attempt of changing a graduate to a web developer. |
|
| Reason for selecting this project is to giving the knowledge about the project development as easy as possible way. |
|
| We choose this project because it is very small and conceptual project and the concepts which we wants to teach you almost cover through this project. And it takes all the main concepts which is most useful for a web development. |
|
| You can learn the development login as well as language, through this project, every basic things can be convey to you through this project. |
|
| Though this is conceptual but it is not a complex project and any one wants to be a developer can easily learn through this project. |
|
| It is divided into small modules (2-3) which can be described very clearly. Screen shots, tips easy code and comment will definitely make it possible to grasp our concept. |
|
|
|
|
|
| Project Documentation |
|
| SOLUTION |
|
| Quiz system is a project for solving the conceptual problems of all php developer/ or coming developer. It is a good topic through which, every conceptual problems can be short out. |
|
| This project is aimed at developing a Quiz System that is of importance to the various new developers. |
|
| Quiz System is an question based application that can be accessed by anyone (by registering himself) or a already registered person. |
|
| This system can be used to add or modify employee details by the employees, And some of the features have like adding question/answers and enable and disable employees and details of quiz. |
|
| We choose this project because the features it have (mentioned above), is sufficient to describe a newer for development. |
|
| And we try the students to overcome for each and every hurdle while developing the first project. |
|
| This is the best project, for our point of view for leaning the development process. |
|
| There are user modules, exam modules, and admin module, Data flow diagram, DFD and E-R Diagram, Database creation, table creation java scripts validation, Html Forms look, adding C.S.S as a header, simple logical coding with comments these all learning process can only be learn through a project and for our point of view this is a better choice for a programmer, developing the first project. |
|
|
|
|
|
| DETAILED ABOUT PROJECT |
|
| BASIC FEATURES |
|
| In the quiz system we have many features, through which: |
|
| • A user can register him. |
|
| • Registered user can login. |
|
| • A user can edit his account details. |
|
| • He can play the quiz on selecting the topics, while on login. |
|
| • After playing the quiz he can see his result, and quiz details. |
|
| • Admin module has the power to enable and disable to anyone. |
|
| • He also has the power to insert and delete the category and question. |
|
|
|
|
|
| DETAILED ABOUT PROJECT |
|
| AIM AND OBJECTIVES |
|
| The quiz system has the basic aim of learning the language, logical concepts as well as development process. |
|
| we have the main motto to develop a project, though it is not important to, what the project is but main is the what’s the project concept, and is this will be beneficial for me? |
|
| So taking this is as issue we select the project which is simply a quiz but which can hold the concepts in its modules as describe below: |
|
| Aim: A newuser can login through registration, a registred persion can login with hisuserid and password. |
|
| A user can play the quiz by selecting a category. |
|
| After finish his quiz he can see his performance. |
|
| Admin can have the whole authorized power of enable/disable, adding deleting and all writes. |
|
| There are three types of modules in Our “Quiz System” |
|
| 1@ User Module: In which a user can login , register himself and edit himself. |
|
| 2@ Exam module: In which quiz details are available and a user can play the quiz,user can see its quiz details. |
|
| 3@ Admin modules: In which admin can enable and disable a user, add /remove the category and question. |
|
| Database: Apart from all the major roles acts by the database as it have the all details of user, it have the categories and question user quiz details. User login name and password etc. |
|
|
|
|
|
|
| DETAILED ABOUT PROJECT |
|
| PLATFORM (TECHNOLOGIES/TOOLS) |
|
| • OPERATING SYSTEM: WINDOWS XP/VISTA/LINUX |
|
| • WEB SERVER: APACHE 2.2 |
|
| • SERVER SIDE APPLICATION SOFTWARE: PHP 5.1 |
|
| • CLIENT SIDE APPLICATION SOFTWARE: JAVA SCRIPT, HTML |
|
| • DATA BASE: MySQL 5.1: The system requires MySQL as a database; however the system will be ODBC complaint to work on any standard database. |
|
| • CLIENT BROWSERS:Internet Explorer 6 or 7 or Mozilla Firefox 2.0.0.16 The system requires Internet Explorer or Mozilla Firefox browser for client side. |
|
| • DREAM WEAVER 8.0: The system will be developed with PHP Technologies. Dream Weaver 8.0/ EDIT PLUS3 as HTML editor. |
|
| • OTHER TOOLS USED |
|
| HTML & CSS | For report & user interface generation |
| Adobe Photoshop | For various graphics designing |
| MS Office Word 2000 | Project Documentation Tool |
| PHPMyAdmin | MySQL Tool |
|
|
| • The system runs on the Web (browser). |
|
| • Client requires any browser on any operating system. |
|
|
|
|
|
| DETAILED ABOUT PROJECT |
|
| Project Description |
|
| Quiz System is a simple project of checking user knowledge. In which a user can register him as a user and after registration he can select his favorite topic and play the question based on that topic. After playing the quiz he can see his quiz details. |
|
| He can edit his profile if he wants. And after plying the game he can logged out. |
|
| In admin section (admin is the only person who may have the all permissions) he has the power of add and delete the question and topics/category of the question. And can be able to enable and disable the user account. |
|
| Database have all the records about user and the quiz details(topics and questions). |
|
| Once the user Login for playing the quiz, he have to select a category for quiz and after selecting the topic, he can see the question coming from the database the question are coming randomly and after playing the question (selecting the option of the particular question) the option will be saved on the user account. |
|
| And once the quiz is over, the user can see the details. |
|
| If admin wants to enable/disable the user account, the admin action will be done on the database, and the if user is enable/disable then his account is enable/disable and when he login, details of administration will show on the screen. |
|
|
|
|
|
| MODULES |
|
| ADMIN MODULE |
|
| ADMIN MODULE: Admin functionality will not be appear publicly. It is only for admin so only admin can see the functionality, there is a separate url for admin. |
|
| Authority, Responsibilities and Limitations |
|
• Add/modify Questions/Topics.
• Check all reports (user Detalis).
• Enable/Disable user account.
• Can’t view/add/modify Analyzer and Admin detail.
• Can’t edit (Add/Remove) the user details.
• He can’t create another admin |
|
 |
|
 |
|
|
 |
|
|
 |
|
|
|
|
|
| MODULES |
|
| User Module |
|
USER MODULE: User module having the home page, registration page and the edit page, As we type the url we comes in the home page, in which user can login to himself and a new user can register to himself while clicking the “new user” link, while he click on “new user” link he can jump to the registration page where he can be register himself, and after registration he can be edit his information.
All the |
|
|
 |
|
| Screen shots of Home Page: |
|
 |
|
 |
|
|
|
|
|
| MODULES |
|
| QUIZ MODULE |
|
| QUIZ MODULE: Quiz module is the quiz portion where all the details is available. After login, the user entered in the Quiz Module in which quiz related all details are available Topics in the quiz modules are:Topics/category,questions and quiz result. |
|
 |
|
 |
|
 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
0 comments: