Computer Accessories System

Chapter 1

INTRODUCTION
Recent advances in the Web have rapidly changed our life in various ways. These advances
provide new ways for people to communicate on a global scale and access vast amounts of
information. The Web enables a so-called WBI(Web-Based Instruction)system as a teaching
aid. The WBI system, which integrates a hypertext information network with communication
and collaborative tools, presents two important innovative features: first it provides specific
tools to manipulate the multimedia information contents of the Web pages; second, authorized
users can modify the information network in the system.

Computer system accessories is a project which assist in keeping the record of whatever the
sales from shop ,also it keep track of remaining balance which due after selling the product.
Though this project we maintain the warranty given on particular products along with complete
information related to that product. It store records of suppliers, hardware, software, sale,
purchase and customer’s records are maintained and manipulated.

Many additional accessories are available for computers and although these are not required,
they can come in handy depending on what you’re going to use your computer for. For example,
if you to plan on printing, you will need a printer-but it is not required to make computer run.

Accessories such as a keyboard and mouse may be essential in order to operate your computer.
Others-such as graphics tablets and barcode readers-may be useful for specialist tasks.

Computer accessories are also called computer peripherals and can include printers and scanners
and storage devices.

The best way to assess which computer peripherals would be useful for your business is to define
your IT requirements, then match suitable accessories with these.

It’s important everyone in your business has a computer monitor which is adequately clear,large
and bright.Large computer monitors are easier to work with. Computer monitors with a 21’
screen should be the minimum,but larger sizes are increasingly affordable.

Dept Of CSE,CEC 2018-2019 1

Computer Accessories System

1.1 COMPANY PROFILE

Techciti Technologies Private Limited is a Non-govt company, incorporated on 05 Apr, 2013. It's
a private unlisted company and is classified as 'company limited by shares'.
Company's authorized capital stands at Rs 1.0 lakhs and has 100.0% paid-up capital which is Rs
1.0 lakhs. Techciti Technologies Private Limited last annual general meet (AGM) happened on 28
Sep, 2017. The company last updated its financials on 31 Mar, 2017 as per Ministry of Corporation.
Techciti Technologies Private Limited is majorly in Business Services business from last 6 years
and currently, company operations are active. Current board members & directors are BAIDEHI.
Company is registered in Bangalore (Karnataka) Registrar Office. Techciti Technologies Private
Limited registered address is East side of 3rd floor at No 22,23,24,25/101/3 BNR Complex, Sri
Rama Layout, JP Nagar 7th phase Bangalore Bangalore KA 560078 IN.

1.2 ABOUT THE COMPANY

Since established in 2013, TechCiti has become a pioneer in providing distinguished end-to-end IT
infrastructure solutions to its customers through our business functions maximizing customer
engagement with personalized services. They believe that today more than ever, businesses are
dependent on technology solutions.

They have successfully established in our business functions across 12 + major cities across PAN
India with over 56 + satisfied corporate customers.

Vision : Their vision is to enable people and organizations realize their potential reinventing their
engagement in defining the future using - technology.

Mission : Their mission is to achieve the leading position as a distinguished & absolute end-to-end
information technology infrastructure & service provider. They want to develop with profitable
growth through superior Customer service, Innovation, Quality and Commitment

Dept Of CSE,CEC 2018-2019 2

Computer Accessories System

Techciti Technologies Private Limited Details

CIN U72200KA2013PTC068461

Date of Incorporation 05 Apr, 2013

Status Active

Company Category Company limited by Shares

Company Sub-category Non-govt company

Company Class Private

Business Activity Business Services

Authorized Capital 1.0 lakhs

Paid-up Capital 1.0 lakhs

Paid-up Capital % 100.0

Registrar Office City Bangalore

Registered State Karnataka

Registration Number 68461

Registration Date 05 Apr, 2013

Listing Status Unlisted

AGM last held on 28 Sep, 2017

Balance Sheet last updated on 31 Mar, 2017

Dept Of CSE,CEC 2018-2019 3

Computer Accessories System

Chapter 2

TRAINING CONTENT
In the Training session we learnt about 3 concepts:

 HTML
 CSS
 PHP

HTML is the language for publishing hypertext on the World Wide Web. This scripting
language can be created and processed by a wide range of tools, from simple plain text editors
- to sophisticated WYSIWYG (What You See Is What You Get) authoring tools. HTML uses
tags to structure text into headings, paragraphs, lists, hypertext links

As seen above in the above HTML tag example, there are not many components. Almost all
HTML tags have an opening tag that contains the name with any attributes and a close tag that
contains a forward slash and the name of the tag that is being closed. For tags that do not have
a closing tag like the <img> tag, it is best practice to end the tag with a forward slash. Each tag
is contained within a less than and greater than angle brackets and everything between the
opening and closing tag is displayed or affected by the tag. In the above example, the <a> tag
is creating a link called "Computer Hope" that is pointing to the hope.html file. Because HTML
is a markup language it can be created and viewed in any text editor as long as it is saved with
a .htm or .html file extension. However, most find it easier to design and create web pages in
HTML using an HTML editor.

Dept Of CSE,CEC 2018-2019 4

Computer Accessories System

Once the HTML file is created it can be viewed locally or uploaded to a web server to be viewed
online using a browser.
CSS or Cascading Style Sheets allow you to control your page layout or a simple way to add
style (e.g. font,colors,spacing). HTML deals with structure while CSS deals with style. With
CSS,you will recognize some similarities with HTML attribute names and values. But in CSS,
you will use curly braces { } colons : and semi colons ; and you will use selectors and
declarations. Good HTML and CSS writing practice it to test one body or block of the codes at
a time,instead of writing the code from the start to finish and then test the whole program,more
often than not there will be errors that you will encounter and the longer the program to test the
most likely you will have bugs in the code. CSS comes in three style:

1.In line styles – styles that are placed inside HTML tags. These are primarily used to format
elements which are not part of the general formatting rule. It overrides previously defined
styles. You should avoid using it very of ten as it will defeat the very purpose of CSS.
EXAMPLE
1. Internal Style Sheets – used for making document-wide style rules. They are placed in the
header of the document. Internal style sheets are defined by the tag.
EXAMPLE
P {text-align:justify; font-size:12px; color:#275A5A}
2. External Style Sheet- these are sheets that you need to use if you want to make a central
formatting control on multiple web pages. This method uses the tag to link the page to the
external style sheet. With external CSS, it is possible to format the entire web site by just
modifying a single file.
PHP for Hypertext Processor is one of the most noted scripting languages on the internet. It is
highly used mainly because it provides professional advanced programming features. It can be
utilized for different standard network protocols and web developments. PHP is actually a
webspecific general purpose scripting language designed to generate interactive web pages and
standalone web applications. It is a server-side language meaning that the code is executed on
the web server- not on the web browser- producing an HTML that is by then sent to the client.
The syntax of this scripting language is close to that of C programming language. It is also
quite similar to Perl. Actually PHP is a combination of different programming languages such
as Java, C and Perl. Since PHP is so much embedded into web servers and applications and

Dept Of CSE,CEC 2018-2019 5

Computer Accessories System

widely used by computer programmers, it would be necessary to know when, where, how, and
by whom it was created.

Instead of lots of commands to output HTML (as seen in C or Perl), PHP pages contain HTML
with embedded code that does "something" (in this case, output "Hi, I'm a PHP script!"). The
PHP code is enclosed in special start and end processing instructions <?php and ?> that allow
you to jump into and out of "PHP mode."

What distinguishes PHP from something like client-side JavaScript is that the code is executed
on the server, generating HTML which is then sent to the client. The client would receive the
results of running that script, but would not know what the underlying code was. You can even
configure your web server to process all your HTML files with PHP, and then there's really no
way that users can tell what you have up your sleeve.

This essay is an

Dept Of CSE,CEC 2018-2019 6

Computer Accessories System

Chapter 3

TASK PERFORMED
In this project, the system is implemented on a Windows NT 4.0 server and subsequent IIS
4.0.We use database management based on SQL server 7.0 and the HTML language for
managing information.In this project we use three languages:

 HTML
 CSS
 PHP

SOURCE CODE

Home page
<html>
<head>
<style> #x{
position:relative;
font-family:sans-serif;
Font-Size:60px;
color:black;
top:200px;
Text-
align:Center;
Text-Shadow: 4px 4px 8px yellow;
}
.btn{
font-size:20px; color:#fff;
letter-spacing:2px; margin:5px; padding:7px 28px;
text-decoration:none; position:relative;
border:1px solid coral; border-radius:30px;
} .btn1:hover{
position:bottom;
background:coral;

Dept Of CSE,CEC 2018-2019 7

Computer Accessories System

color:#fff;
transition:.2s; }
.btn2:hover{
background:coral;
transition:.2s;
}
#nav{
float:right; list-
style:none; Text-
align:left;
background:rgba(0,0,0,0.5);
height:70px;
}
.menu{
float:right;
list-style:none;
margin:20px 20px 20px balck;

}
.menu li{
display:inline-block;
margin:10px 5px;
}
.menu li a{
text-decoration:none;
color:#fff;
padding:5px 10px;
font-family:sans-serif;
letter-spacing:2px;
border-bottom:1px solid #fff;
}

Dept Of CSE,CEC 2018-2019 8

Computer Accessories System

.menu li a:hover{
background:coral;
border-bottom:1px solid coral;
transition:.4s;
}
div x{
text-decoration:none;
padding-center:60px;

}
fieldset {

positon:absolute;
padding:50px; border-
radius:20px; text-
align:center; center:50px;
margin-left:500px;
}
#z{ border-
radius:300%;
}

.video-background{
position:absolute;
right:0; bottom:0;
min-width:100%;
min-height:100%;
width:auto;
height:auto; z-
index:-100;
}
@media (min-aspect-ratio:16/9) {

Dept Of CSE,CEC 2018-2019 9

Computer Accessories System

.video-background{width:100%;
height:auto;
}
}
@media (max-aspect-ratio:16/9) {
.video-background{ width:auto;
height:100%;
}
}
.header{
background:rgba(0,0,400,0.5);
height:100vh;
}
}

</style>
</head>
<body>
<header>
<video autoplay loop class="video-background" muted plays-inline>
<source src="video.mp4" type="video/mp4">

Dept Of CSE,CEC 2018-2019 10

Computer Accessories System

</video>

<div id='x'>
NAKSH COMPUTER ACCESSORIES

</div>

<div id='nav'>
<ul class='menu'>
<li> <a href='insert.html'>Admin </a> </li>
<li> <a href='user.html'>User </a> </li>
<li> <a href='about.html'>About </a> </li>
<li> <a href='contact.html'>Contact </a> </li>

</ul>
</div>
</br>

</header>
</html>

Add accessories

<html>

<head> <style>

a{

display:block;

width:100%;

line-height:2em;

text-align:center;

text-

Dept Of CSE,CEC 2018-2019 11

Computer Accessories System

decoration:none;

border-

radius:none;

border-

radius:5px;

Font-size:20px

} a:hover{

color:black;

background:;

</style>

</head>

<body>

<form action="addprod.php" method="post">

<table id="x" align=center cellspacing="70px" cellpadding="30px" style="border:10px solid

white;box-shadow:0px 0px 10px black;background-image:url('addpro.jpg');color:Black">

<tr>

<td>Category Name</td>

<td><input type="text" name="cat_name" id="name"></td>

</tr>

<tr>

<td>Category Type</td>

<td>

Dept Of CSE,CEC 2018-2019 12

Computer Accessories System

<select name="cat_type">

<option></option>

<option>Electronics</option>

<option>Softare</option>

<option>Hardware</option>

<option>CPU</option>

</td>

</tr>

<tr>

<td>Product Price</td>

<td><input type="number" name="prod_price" id="price"></td>

</tr>

<tr>

<td>Product Description</td>

<td><textarea rows="10" input type="text" name="prod_descri" id="descri">

</textarea></td>

</tr>

<tr>

<td>Product Image</td>

<td><input type="file" name="prod_img" id="prod_img"></td>

</tr>

<tr>

<td><input type="submit" name="submit" id="submit"></td>

Dept Of CSE,CEC 2018-2019 13

Computer Accessories System

<td><a href="tech.html">Logout</a></td>

</tr>

</table>

</body> </html>

View accessories

<?php

$con=mysqli_connect("localhost","root","","kavya2");

if($con) {

$z="select * from product";

//mysqli_select_db($con,$db);

$res=mysqli_query($con,$z);

echo "<table id='y' align='center' cellspacing='30px' cellpadding='30px' >

<br><br><br><br><br>

<tr>

<th>cat_name</th>

<th>cat_type</th>

<th>prod_price</th>

<th>prod_descri</th>

<th>prod_img</th>

<tr>";

while($row=mysqli_fetch_array($res,MYSQLI_NUM)) {

Dept Of CSE,CEC 2018-2019 14

Computer Accessories System

$im=$row[4];

echo "<tr>";

echo "<td>" .$row[0] ."</td>";

echo "<td>" .$row[1] ."</td>";

echo "<td>" .$row[2] ."</td>";

echo "<td>" .$row[3] ."</td>";

echo "<td><img src='$im' height='200' width='200'></td>"

echo "</tr>";

echo "</table>";

if($res)

echo "";

else

echo "Error";

} ?>

Edit admin page

<html>

<head>

</head>

<body>

<form action="" method="post">

<table align="center">

<tr>

<td>Product Price</td>

Dept Of CSE,CEC 2018-2019 15

Computer Accessories System

<td><input type="number" name="prod_price" id="prod_price"></td>

</tr>

<tr>

<td><input type="submit" name="sub" value="submit"></td>

</tr>

</table>

</body>

</head>

</html>

<?php

$con=mysqli_connect("localhost","root","","kavya2");

$n=$_REQUEST['cat'];

if(isset($_REQUEST['sub']))

$p=$_REQUEST['prod_price'];

$i="update product set prod_price=('$p') where cat_name=('$n')";

$res=mysqli_query($con,$i);

if($con) {

$s="select * from product";

//mysqli_select_db($con,$db);

Dept Of CSE,CEC 2018-2019 16

Computer Accessories System

$res=mysqli_query($con,$s);

echo "<table id='y' align='center' height='50%' width='50%' cellspacing='5px'

cellpadding='5px' >

<br><br><br>

<tr>

<th>Category Name </th>

<th>Type</th>

<th>Price</th>

<th>Image</th>

<th>Edit</th>

<th>Delete</th>

<tr>";

while($row=mysqli_fetch_array($res,MYSQLI_NUM)) {

$im=$row[4];

$c=$row[0]; echo

"<tr>";

echo "<td>" .$row[0] ."</td>";

echo "<td>" .$row[1] ."</td>";

echo "<td>" .$row[2] ."</td>";

echo "<td><img src='$im' height='200' width='200'></td>";

echo "<td><a href='?cat=$c'>Edit</a></td>";

echo "<td><a href='deleteadmin.html?cat=$c'>Delete</a></td>";

Dept Of CSE,CEC 2018-2019 17

Computer Accessories System

echo "</tr>";

echo "</table>";

if($res)

echo "";

else

echo "Error";

?>

Add accessories

<html>

<head>

</head>

</html>

<?php

$c=$_REQUEST['cid'];

$n=$_REQUEST['cname'];

/* echo "name: ".$n; echo "<br><br>";

echo "email: ".$e; echo "<br><br>";

echo "password: ".$p;

echo "<br><br>";

*/

Dept Of CSE,CEC 2018-2019 18

Computer Accessories System

$con=mysqli_connect("localhost","root","","kavya2"); if($con)

//echo "connected";

$i="insert into category values('$c','$n')";

$res=mysqli_query($con,$i);

if($res)
echo "category inserted successfully";

else

echo "Error";
}

?>

<html>

<head>

</head>

<body>

<form action="" method="">

<input type="text" name="cid" id="cid">

<input type="text" name="cname" id="cname">

</form>

</body> </html> vi)

Delete admin values

<html>
<head>
</head>
<body>
<form action="deleteadmin.php" method="post">

Dept Of CSE,CEC 2018-2019 19

Computer Accessories System

<table align="center">
<tr>
<td>Category Name</td>
<td><input type="text" name="cat_name" id="cat_price" placeholder="Enter Name"></td>
</tr>
<tr>
<td><input type="submit" name="sub" value="submit"></td>
</tr>
</table>

</body>
</head>
</html>

Dept Of CSE,CEC 2018-2019 20

Computer Accessories System

Chapter 4

CONCLUSION
• Developing a technical artefact requiring new technical skills.
• Using profession specific terminology appropriately.
• Effectively utilising a new software tool to complete a task.
• Creating training materials.
• Maintaining and troubleshooting technology.
• Analysing or visualising data to create information.
• Writing requirements documentation.
• Selecting appropriate technologies.
• Acquiring and evaluating information.
• Creating or modifying technology policies.
• Performing effective and informative user testing.
• Identifying and creating appropriate test cases for system

Dept Of CSE,CEC 2018-2019 21

Computer Accessories System

Chapter 5
REFLECTIONS

Fig.1.1 Home page

Fig.1.2 Display Admin page

Dept Of CSE,CEC 2018-2019 22

Computer Accessories System

Fig.1.3 Add accessories

Fig.1.4 View accessories

Dept Of CSE,CEC 2018-2019 23

Computer Accessories System

Fig.1.5 Edit admin page

Fig.1.6 Display edited page

Dept Of CSE,CEC 2018-2019 24

Computer Accessories System

Fig.1.7 Delete admin page

Fig.1.8 Display deleted admin page

Dept Of CSE,CEC 2018-2019 25

Computer Accessories System

Fig.1.9 View registered user page

Fig.2.0 View user feedback page

Dept Of CSE,CEC 2018-2019 26

Computer Accessories System

Chapter 6

REFERENCES
 Randy Connolly, Ricardo Hour, “Fundamentals of Web Development”,1st Edition,
Pearson Education India.
 W3schools.com
 Stackoverflow.com
 Robin Nixon, “Learning PHP, MySQL and JavaScript with jQuery, CSS and
HTML5”,4th Edition, O’Reilly Publications,2015.

Dept Of CSE,CEC 2018-2019 27

Computer Accessories System

Dept Of CSE,CEC 2018-2019 28