Pengertian Perancangan Website

2.1.1 Design

Design is a process to create a website, either related or unrelated internet.

            The website is a data storage and information based on specific topics. The website is also called the web or Homepage.

            To simplify the website, the design of the website should be a description of the website to be created. Description will then be the subject of discussions between the website designer and website users.

            The purpose of the design of this website is to design a website that diinginkanoleh needs of users as well as create a clear picture. Steps designer of the website is:

1. Mengadakn survey to determine the needs of users
2. Creating a website description requirement
3. Designing designs that implement the model desired by the wearer
4. Implement with present dasain into the program
5. Mengadakn trials that test the entire structured spsesifikasi
6. Namely the installation of device installation systems

2.1.2 Definition and History of the Internet

Internet is the information resources that span the globe. Where between one computer to another computer in the world (wide web) can be interconnected or communicate. The Internet is a global forum that does not limit the state, bureaucracy, human and time, so that inter-human exchange information and can empower information. The Internet is a network  between computers that are connected to the media liaison (eg satellite or radio frequency) so that these computers can be mutually bekomunikasi.Bahasa communication on the Internet is known as TCP / IP (TransmissionConrol Protocol / Internet Protocol) Internet network successfully developed and was first tested in 1969 by the US Department of Defense in the project ARPANET (Advanced Research project Network). In the 1990s perkembangn Internet began to grow and benefit the community, especially since implemented TCP / IP (TransmissionConrol Protocol / Internet Protocol).

            In 1970, research conducted in Stanford Universityproduce a protocol called TCP / IP. These protocols are constantly evolving until now and standard in the internet.

            Adalh protocol set of rules in the form of instructions in machine language allows multiple computers can exchange data and receive data, process timing consistently as well as detecting the occurrence of errors. While TCP / IP (TransmissionConrol Protocol / Internet Protocol) is a set of protocols that govern communication of data between computers on the Internet. The computers connected to the Internet to communicate with this protocol.

2.1.3 WORLD WIDE WEB (WWW)

Before the development of the World Wide Web, the Internet is generally only used by academics from any research. In 1993 appeared a browser called MOSAIC. A world wide web browser with graphics capabilities on a platform which is used by: X, PC / Windows and Macinthos. And Mosaic beginning to show results in the same year. The development of data traffic world wide web that year reached 342000% while growth Gopher only 997%. The business world and the media began to pay attention to the internet world because of these developments. Mosaic presence turned out to be an inflection point internet development which is only used by academia and research used by many people for both business and entertainment.

            World Wide Web and the Internet are very related to each other. Internet is a global computer network, while the web is not just a network, but inside there is a communication application and system software.

2.1.4 HYPER TEXT MARKUP LANGUAGE (HTML)

HTML is a plain text file. To create HTML, programmers use a tool that is simple, namely Notepad. HTML has the tools that simplify writing, these codes do not need to be used. HTML code is displayed preformance of different colors.

            Macromedia launched in 1996. Macromedia Dreamweaver for Macintosh and Windows. Web development is so rapid is able to display a variety of animation. Web animation program, future Macromedia flash recognized and renamed the flash. Greatness in the flash animation creation is supported by Dreamweaver, which surpassed the fame FrontPage.

Example HTML editor:

                

            <Html>

            <Head>

            <Title> Home </ title>

            </ Head>

            <Body>

            <H2> This adalh heading level 2 </ h2>

            Reviews

            and the following is <ahref =>

            </a> hyperlink to the homepage of Microsoft

            </ Body>

            </ Html>

            code or deskrip written between brackets "<>" is referred to as a tag. <Html> tag is an indicator that tells that further information should be interpreted by the browser as a HTML document.

            <Html> tag is terminated with the </ html> indicator as a deadline for the html document.

1. <HTML

     Html tag is a tag that defines the basis that the document is an html document. This tag is written in the first and the last in an html document.

2. <Title>

           Tag title serves to give the title caption   / title bar of the window on   the topic of web documents displayed. The title tag is in the head tag.

3. <Head>

            These tags are written after html tag. Head tag is used to write information about web documents to be displayed.

4. <Paragraph>

             To make it look neat and attractive, it is good kalu tilisan writings served long enough to follow the rules of writing, for example, one main thought is stored in a single paragraph. For each paragraph should begin with the tag </ p>. You can set the desired position by using ALIGN followed posisiyang desired parameter. Right to flatten the paragraph on the right, left to flatten the position on the left, justify to flatten the corresponding paragraphs ukuaran page document.

5. <Body>

      All the information content of the document to be displayed at the window web browser written in the section. Tag body itself has some additional parameters that are commonly used in the body tag include background = "image" function to make the image as a picture of the background document, bgcolor = "color" function to give the background color in the document text = "color" function to give color the hyperlinks that have been visited, and link = "color" is used to give color to the active hyperlink.

2.1.5 ACTIVE SERVER PAGES

ASP is a technology developed by Microsoft that was launched around 1995. ASP is a script that is server-side, which means   all the processes of the program is done in server before it is sent to the client. Client will receive the results in the form of HTML output. Server-side is the opposite of the client-side, the whole process is done in the client program. Standard scripting language used by ASP is Microsoft VBScript and Microsoft JavaScript. On the client-side scripting, the client also received a script for processing in place. From the description we can conclude, server-side scripting has advantages safer for developed compared to client-side scripting.

            ASP is a Framwork internet that can be used to create dynamic web. No doubt that is the widely used application ASP. ASP associated with the database, using either a Microsoft Access database to SQL sever ORACLE database. Scripting the most widely used in writing ASP is VBScript.

            ASP runs within the Internet Information Server 2.0 and above and Personal Web Server (PWS). Internet Information Server running the operating system Windows NT Workstation and Windows 2000baik professional, Advanced server and data center servers, all using Internet Information Server 5.0. Segal type of browser compatible with ASP as ASP is executed on the server and pemprosesannya results in plain text. The results of this processing can be combined with HTML tags or the other so that it can be compatible with any browser.

1.Anatomi ASP page

   ASP pages can be separated into three parts, namely:

a. ASP Objects

Actually, the so-called ASP go round object, or rather the Component        Object Model, not a programming language that we often see and hear Kitra. ASP consists only of six objects were very simple, but karenz structure coupled with other Microsoft technologies, this object is very useful. The sixth object adalh Application, Session, Respone, Request, Server and ObjectContext.

 b. Scripting Language

In the language of ASP scripting objects manipulated by that we want. Discuss scripting provided by Microsoft is VBScript and JVScript. Both can be used to write the script ASP. But commonly used or standartnya adalh VBScript and this language is most widely used by ASP developers worldwide. Third parties are now developing PerlScript, Favorites from those experienced in Unix if a language other than VBScript, then it should be given recognition on the top line of an ASP page as follows:

<% @ LANGUAGE = bahasascript%>

c.Active Server Component

Object ASP is a link between the HTML with the program in server.

2. Web Database

            As with other database systems, web database is also a data storage system that can be accessed by a particular programming language. Dabase Web can be accessed by a web application which is certainly a more general nature. Web database can be accessed by web applications developed with ActiveX controls, HTML tags and programming that is server-side through CGI, Microsoft IIS (Internet Information Server), or scripts are server-side such as Microsoft Active Server Pages (ASP) ,

            To menginterigasikan database into applications that users can access using a web browser makes a database could be a web database. And web database can be used for various purposes.

2.1 Structure of Data

      The data structure contains and will be operated / in process of time the program starts.

      The arrangement of data usually consists of:

1. name
2. Type
3. width
4. decimal

2.2 Data Types

     Type of data in the outline are:

1. Set of values
2. Set of instructions
3.  

     Type Data is divided into two

      1.    Atomic

           The common trait found in all programming languages, can not be described

      2.   Structure

            The special properties not found in any programming language, can be described

2.3 hierarchy

      Hierarchy is to store so much data. Hierarchyfive (5) the level consists of:  

1. Register

The smallest part of the memory

2. cache Memory

Yangbberfungsi uatama unit of registers to store data

3. Main Memory

The main memory for entry level systems to highest

4. Magnetic Data

The storage medium is larger, for example; HDD, Floppy / FDD, Pendrive, CD

5. Pita Disk and Optical Disk

To save the archive

2.1.6 Uploding

After we finished completing the website is quite long and tiring so now we are at the end of pembutan website. We will make a real application, a site that can be seen by everyone because we will send the results of the work we create on our local machine to the server www.geoicities.com .

            Because not everyone has the budget of its own to create a site that has a domain. Then if the MX program benefits them? Kalu they are not those skilled preformance designweb field while they want to create a site that does not have to pay but he could distribute hobbyna to always do an update on the site that he created. The answer is that MX provides convenience in making applications Ecommerce and GeoCities ready to help publicize without having to spend money sepersenpun preformance create web applications and web memaintanance you.

2.2 MODELING SYSTEMS

2.2.1   Data Flow Diagrams (DFD)

Data Flow Diagrams (DFD) adalh a description logic system which is often used to describe a system that has adaa or new systems to be developed in logic without physical lingjkungan mempertimbangjkan where it flows.

            Equipment document information system that is using DFD and flowchart to illustrate the logical and physical components of the information system, as well as the Data Dictionary. Where in a data dictionary describes the data, files, and processes in information systems.

            Function documentation equipment information system is as follows:

1. Help depiction system to view and analyze all inputs and all outputs, as well as analysis of the inner workings of documentation of operations management and information systems.
2. Helping readability of the document information to understand and explain the existing information systems.
3. Can be directed to the evaluation, improvement of the system.

DFD is a graph of representativeness of a system that describes the components of a system, the data flow component, destination, origin, and storage of data.

DFD is a diagram use simple symbols to illustrate the flow of data among a pemrosesn activities, environmental elements and elements of data storage.

DFD advantages are as follows:

1. Decompose, split, arrange the system into smaller sections / simplified.
2. Supports modular approach that uses better data control system for the preparation and daesain system.

Table 2.1 Symbols System Flowchart

Symbol	Information
	Process Shows the transformation of inputs into outputs. This component can be represented by a circle, but that will be used adalh writers circle.
	Flow This component is represented by an arrow towards / to process and is used to describe the movement of packets of data or information from one part to another.
file Storage	Storage This component is used to model the data set or data packets that can be direpsentasikan   as parallel lines, rectangles with rounded corners, or rectangular. In this paper the authors describe adalh parallel lines.
X	Terminator This component is represented by a rectangle that has an entity outside of the system communicate Diman

Source: Frans Newman, Algorithms and Programming, Information Technology, Bandung, 1999

Types of DFD

1. Conteks Diagram (CD)

Conteks Diagram (CD) adalh top-level diagram, the diagram that most details of an information system that illustrates the flow of data into and out of the system, as well as into and out of an external entities.

External entity is an entity which is located outside the system that send data or receive data from the system.

2. physical DFD

      DFD is the physical representation of a system that shows the internal and external entities of the system, and the flow of data into and out dat of such entity.

3. DFD Logis

DFD is a logical representation of a system chart showing the process in the system and dat flow into and out of the process. Logical DFD logic represents functional system activities performed by the system, without the need to specify where, how and whom ole processes in the system do.

2.2.2   Entity Relationship Diagram (ERD)

ERD adalh conceptual describe the relationship between the data storage DFD, because it is different from the DFD ERD.

            ERD used to model data structures and relationships among the data, because it is relatively complex, with ERD we can test the model by ignoring the process that must be done.

Entity is one kesatua data or set of data characteristic of the same memeiliki, entity can be a person, place, thing, a concept that can provide or contain any information. Entity have an element called attributes that serve to describe the characteristics of the entity, the entity relationship can relate to one another, this relationship is called the relationship (Relationship).

2.2.3         Normalization

The design goal is to construct a relationship without redundancy. To do this would require defining the conditions that satisfy the relation without redundancy. These conditions are defined in terms of normal relations. Relationships should be in the highest normal form and move from one normal form and so on for each time limit only one type of redundancy.

            The basic idea of ​​normalization is closely related to key relationships and dependencies between junci. Put simply, the relationship should Hanaya storing facts about key relationships. It is therefore important to understand the key and how dependencies represent facts

2.3       Steps in Developing Program

2.3.1         Creating the ASP Files

ASP file is a text file with ekstansi.asp and contains a combination of items below:

1. Text
2. HTML
3. Commands ASP

2.3.2         ASP Dirrectives

ASP Directives are statements that indicate to the server how to handle an ASP file and flanked OLED delimiters <% and%>.

            Directives are supported by ASP are:

1. @CODEPAGE
2. @ENABLESESSIONSTATE
3. @LANGUAGE
4. @LCID
5. @TRANSACTION

2.3.3    Use of Variable

In the discussion about VBScript has mentioned that the variables need to be declared before use. In this section we will discuss in the variable declaration for the ASP VBScript. In the ASP file option explicit statement should be placed after the ASP directives (if any) and before the first HTML tag.

2.3.4         Using prosedu

Procedure speaking the same language script primer using delimiters <% and%>, while the procedure with a different language using the <SCRIPT>.

2.3.5   Using Include

Include is a term other insert a file into an ASP file. The file is in the form of another ASP file, HTML file, or plain text files. If the file is in-include-kantersebut not stand alone, or in other words the existence of the file is only as include, then the file will be given a general ekstensi.Nc

2.3.6         Komponon and Objects ASP

ASP components used in most of the ActiveX component. To be used initially ebuah components must be set as an object. To refer a component to an object.

2.3.7         Using Collections

Collection is a container that holds values ​​that may be owned by an object. Collections can be envisioned as a variable, only the variable array does not stand alone, but always follow an object.

            The value of correlation can be taken to access its items by name or index. For example an object filled with values ​​as follows:

<%

            Session.Contents ( "FirstName") = "Waty"

            Session.Contents ( "LastName") = "Cici"

            Session.Contents ( "Age") = 25

            %>