NEAR EAST UNIVERSITY

Facu-lty of Engineering

Dep~rtment of-Computer ,En·gineerijng

A FUNCTIONAL AND E~TENSIBLE WEBSITE DESIGN FOR COMPUTl;R ENGlNEERING

,PEPARTM~NT

Graduatie>n Project COM-400

Student: Berna Ku~uk 20030748

supervlsor: Asist. Prof. or. HUseyin Sevay

NiCO$ia - 2008

ACKNOWLEDGEMENTS

"I would like ta thank my supervisor Asist. Prof Dr. Huseyin Sevay for- his invaluable

advice and mativaiion in my work and myself oyer the course of this Graduation

Project.

I would like to express my gratitude to Near East University for the scholarship that

made the work possible.

I thank my family for their ~mcouragement 'and support and they are here with me

during the preparation of this project.

Finally I would also like to thank Utku C:ANKAYA,Mehmet Deniz OZYUKSEL and

Didem MUT for (heir advice and support. "

ABSTRACT

In our project we aimed to plan a website which connects dynamic and database belong

to Computer Engineering Department in NEU. We choose Joomla from content

management systems for forming this web site. Because Joomla is providing to add on

it whatever you want componenets and modules, it is easy to use and it is developable.

There are informations about undergraduate, graduate and doctorate students in our web

site. There are theachers' informations. Users can reach to intended informations in

prepared forms, user can insert, update and delete the topics and subjects. Informations

can reach members who are registered to system. tJ sers can send messages to eachother

in site. Also, news in campus life can reach in site. Events can visualize with prepared

calendar component in site. Questionaire can be consitituted by authorized people in

site. Every users can vote one time. There is online users component which shows all

users. At the same time, there are the different colour buttons which use three different

CSS file for changing the colour of site.

11

TABLE OF CONTENTS

A c·KN O WLEDG EMENTS ,. ~ , ...................•• , .••....... ,. i

ABSTRA.CT ....•..•.................•.........•. , .......•.........•......•... , .. ·~···••,•·•·,····•·····•·······;ii 1 ABLE OF co NTENTS .....•.... f •• .__ •• , •••••••••..•• ,. ••••••••••••••• , ••••••••••••••• J •••• , •••••• ,, •• iii

. ' LIST OF FIGURES .•.•....•........•.•...•..................•.•..................... ~··················iV ,

LIST QF T ABLES .........•.. 1t·····-:"····•··········•······~·····•·······•! ....•.....••.•...••••.....• vi LIST of ABBREVIATIONS ..........••........... ~···············ot•••···················•u••vii CHAPT'ER 1: SYSTEM CHOOSE STEPS IN DESIGN OF

WEDSITES , ~ •.....••........•................................. 1

1.1. INTRODUCTION 1

1). APPLICATIONS OP CMS , .. ,, , ., .........•.. 1

1.3.. JOOMLA! , ....•............................................................ , _ 5 1,3.1. Architecture of Joomla! 1 •••••••••••••••••••• r ••••••••••••••••••••• ,. •••••••••••••••• 6 1.3.2. PIIP· ..•.... , ,, , , .........•.................. , 7

1.3.3. MySQL .. r ••••••••••••••••••• , •••••• , •••••••••••••••••••• 1., ••••••••• , ••••••••• , •••••••••••••••••••••. 8

1.3.4. GNU GENERAL PUBLIC LICENSE (GPL) 9

CHAPTE~ 2: SYSTEM INSTALLATIQN ......................•...........•....... ~.10

2.1.FTP , , ,, , 10

2.2. JOOMLA! , r-» .•••••••• 15 2.2.1. cPanel. , .....•............................. , ....•............................................. 20'

CHAPTER 3: BUILD A WEBSI'fE ......•........•.....•........... 1 ••••••••••••••••••••••• 26

3.1. CHOS:JNG TEMPLATE , ........•................. ,. u ••••••••••• 26

3.2. USING MODULES AND COMPONENTS ,., 30

CHAPTER 4 : tMPiEMENTATION ....•......•...•.•........... ~ .•.............. ~ 34

4.1. APPLICATION OF THE SITE , ...........•.......... 34

4.2,, ONLINE SYSTEM 44

CON CL USI ON .......••.......•...........•.........•................ ,. ... ~···············tt•····~··f ·11·······45 REFEREN.CES ...•......................... , , •....•.•................................•...... 46

111

LIST OF FIGURE 1. Figure:l.3.l.1 , , 6

2. Figure2.l.l , , , 11

3, Figure 2.l.2 , 12

4. Figure 2.l.3 , 13

5. Figure 2.1.4 , / 14

6. Figure 2.2.1., ................................•........................................................ , , 15

7 .. Figure 2.2.2 , ,.16

8. Figure 2.2.3 , 17

9. Figure 2.2.4 ...•...................................................................................................... 18

10. Figure 2.2.5: , _ '. , ,.19 11. Figure 2.2.1.1 •. , , ...................................•....................................... , 21

12. Figure 2.2. l .2 , , , , , 22

13. Figure 2.2. l .3 , r ••••••••••••••••••••• 23

14s Figure 2.2. l .4 , .. , 23

15. Figure 2.2. l .5 ...•...... , , , , 24

16. Figure 2.2.1.6 , ..................................•.... ,._ 24

17. Figure 2.2.1.7 ......•...................................................................... _ ?5

18. Figur~ 2.2.1.8 ....................................................................•................................•.. 25

19. Figure 3.l.l , , 26

20. Figure 3.l.'+, , r····i ..........................•...... , •......... 2.7

21. Figure 3. l .3 , , ................................................•................ 27

22. Figure 3. l .4, , 2$ 23. Figure '.3.1.5

1 ••••••••••• r •••••••••••••••••••••••••••••••••••••••••••• ,.r ,." 29'

24. Figure 3.2.1 , 30

25. Figure ~.2.2 , 31

26. Fi~ure 3.2.3 , 32 , . 2 27. Figure 3 .. 4 ,., , 33

28. Figure 4.l.l ,, , , , , .............................• 34

29. Figure 4.l.2 .................•...............•...................................................... ,. , 35

30. Figure 4.l.3 , 36

31. Figure 4. l .4 , 37

32. Figure 4.l.5 .....................................•.................................................................... 38

33. Frigure 4.1.6 ......................................................................................•................. 39

34. Figure 4.1.7 , ..- , 40

35. Figure 4.1.8 ...............................................................................•.......................... 41

36. Figure 4,l.9 , .. ·····································r·······'···············································42 37. Figure 4.1.10 , , .. , ...•.................................................... , 43

38. Figure 4.1.11 , J •••••••• , •••••• ,., •••••••••••••••••• 43

V

..

I.Table 1.2,1

LIST OF TNJLE

List of CMS table - , , , 3

Vl

, LIST OF ABBREVIATIONS

NEU

CED

CMS

GPL

FTP

PHP

cPANEL

WWW

HTML

HTTP

URL

LAMP

SQL

Neat East University Computer Engineering Department

Content Management System

General Public License

File Transfer Protocol

Hypert~xt Preprocessor

Control Panel

World Wide Web

Hypertext Markup Language

Hypertext Transfer Protocol

Unifortn Resource Locator

Linux + Apache + MySQL + PHP

Structured Query Language

Vll

\

CHAPTERl

SYSTEM ~HOOSE STEPS IN DESIGN OF WEBSITES

1.1. INTRODUCTION The aim of the project was to prepare a full-featured website for the Computer

Engineering Department at the Near East University. The Department currently does ' '

not have its own website. We used ,a content management system (CMS) named Joomlal. There are many

advantages of using Joomla!. Joomla! Enables us to prepare a dynamic system and

provide visual quality easily. Finally it helps us to make database that has its own

include panel. Then each web browser can be controlled by this panel also under

GNU/Linux, in addition to Microsoft Windows. Most of the CMS is supported by Java

but Java takes a lot of time, So we choosed PHP that is supported as a platform.

This document is organized as follows. Chapter l presents why we choose CMS and

Joomlal, advantages and disadvantages in this choosing.

Chapter 2 is steps and set up of Joomlal and FTP.

Chapter 3 describes implementation for our template, modules and components.

Chapter 4 presents the aim of menus and content that is used in the site.

Finally the conclusion part presents the project of general structure will carry on in the

future, missing part will be told in the next.

1.2. APPLICATIONS OF CMS Our project can be developed dynamic that has database connect. We planned, a web

site, the site that we try to make has wide tequited network. W y have decided to make

functional site and covered dynamically and arranged & dynamic panel that we have

database connect in regular admin panel.

A content management system (CMS) is a computer software system. We can or~anize,

facilitate documents and some other content. A content management system is a, Web

application which is used for managing websites and web content. Some special client

software for editing and constructing articles, are needed content management system.

1

The publish of the web systems are seperated from eachother and according to covered

that kind of information in the databse set (Pictures, video files, kind of writirtg or it can

be include all of them).

We can share all the information on the web site using local network (internet) in any

company which published area. Context of the database can not be disappreance that we

have context database even software design are changed. Presented of the services and

database context function of software modules, any user can present interface for users

can make on the website functions.

Normally context.of.the management system can be provide advantage; • ' . . I

The management of site context; The context of internet management and provide site

update

Document management; Classifying available documents

Information management; Classifying available information and provide archieve

Picture, photos/ video management; Available to classify photos, picture, video file and

provide archieve

* there are CMS in the following list that we set up and tried. The most of the CMS is

supported by Java. But Java takes a lot of time to update. So we have chosen PHP that

is supported as a platform.

2

Name Platform ' Su1;morted databases I Licenses I MySQL, Oracle, SQL

Al-fresco Java Server, PostgreSQL, GPL

lnformix

Apache Lenya Java, XML, Apache Apache

Cocoon License

Cyclone3 Perl, XUL, JavaScript, C, MySQL and 'any Perl

GPL Java DBI

Daisy Java, XML, Apache

MySQL Apache

Cocoon License

DotCMS Java MySQL, MSSQL,

GNUGPLv2 Pos_tgreSQL, Oracle

Dru pal PHP MySQL or PostgreSQL GPL

Educational

Fedora Java MySQL or Oracle Community

License

HyperSonic SQL, JCDbL and

Jahia Java PostgreSQL, MySQL, JSSL

Oracle

Joomla! PHP MySQL GPL

Mambo PHP MySQL GPL I

ZOD.8, SQLite,

Pl one Python PostgreSQL, MySQL, GPL

Oracle via Zope

Table : 1.2.1

3

The advantages of Content Management Systems (CMS);

• Using a CMS means that our website becomes a dynamic information like

brochure type webpage.

•, We can update the content with secure id and password.

• Without any software installing we can update it with a connection to internet

from any location.

~ Navigation menu items cart be easily added 01; modified.

• Photos can be added to content area or in seperate galleries.

• There are sear-ch box, photo galeries, activities, calendar, news in a standard

module. 7. Numerous additional modules are available for lots of alternative

functions (contact us for a list).

• CMS' s ranking in search engines are very well.

• A CMS website can be also serve as "- portal for internal communications by

centering the organization's procedures manuals, politics and other information.

• Discussion forums can also be configured for communications b,etween users.

The disadvantages of Content Manage~ent Systems (CMS); • CMS created web pages which do not have in the search engines. It is easy and

fast to update the content of CMS but doesn't really do it in a search engines

friendly manner. There are also generate and similar content pages.

• The google crawl robots are sometimes helpless in front of CMS operated sites.

The CMS needs a directory structure, the search robot will find itself in the

impossibility to scan the pages properly.

• CMS is expensive to purchase. It even costs money to upgrade. There are some

free CMS like Joomla! ( considered the best operi source content management

software). • Although freeware, you'll need to hire and train people to work with it

especially when you have a site that has over 1000 pages. CMS costs a lot to

maintain and even when you can upgrade your pages easily, some aspects still

need the skilled touch of a web developer. • CMS is a system that needs periodic upgrades. The web technologies are

changing quite fast and there are no warranties.

4

• When CMS systems crash, everything crashes. Our meta tags disappear, our

page titles are replaced by some automate crap and repeated on every page of our site

1.3. JOOMLA! We chose Joomla! that talked above in the CMS list, Joomla! can be used to easily

manage every aspect of your website, from adding content and images to updating a

product catalog or taking online reservations. Joomla! uses CMS properties. It helps, us build websites and other powerful online

applications. The best advantage, Joornla! is an open source code that is freely available

for everybody.

the advantages of Joomla! . )

• It is absolutely free of cost

• It is supported by more extensions than any other CMS product

, It is easier to maintain

• It supports multiple languages

• It can be controlled remotely using a web browser

• Joomla powered, web sites cost less than 1 % of'the other commercial solutions

• It is not dependant on any company or their proprietary product

• It supports LAMP technology (LAMP is a short name for Linux + Apache +

MySQL + PHP). The disadvantages of Joomla! The main disadvantage is the fact that you are working on the server through the

browser which can sometimes slow you down a bit. When compering the great

advantages this is word it, Second disadvantages is that with an open code system there is no place to get official

support fro pi a specific company. You can however turn to the Joomla! community for

help. Another disadvantage with open codes is, they are open to everyone, including to

hackers and anyone with knowledge in programing and developing can use the system.

Security corrections come out all the time by the joomla community.

5

1.3 .1. Architecture of Joomla!

Extension Tier

Application Tier

Framework Tier

Joomla Framework Plugins

Figure: 1.3 .1. l

Joomla Framework It is a platform, web services and every kind of web sites application which is working

and developing. It uses HTML, CSS, Ajax, Java, PHP as programming language. It uses

MySQL if the data is stored. P1ugins add to the site like component, module and

template whichever programming language is necessary for the site. It uses that

language and adapts this plugin to Joomlal.

Plugins It can be written for sites by developer when these plugins transfer to jhe site, Joomla

framework languages are used. If plugins language is not in the Joomla framework

plugin steps in. It provides connection between plugin and Joomlal.

JApplication It is Java applications between module, component, template and Joomla framework.

Template Template is prepared templates for web sites. It is starting point in preparing site. It is

not necessary to recreate for every page of site. HTML, CSS, PHP and Ajax are used as

programming languages in templates. P.f-IP and Ajax codes written between HTML

codes. t{TML and CSS codes provide visual quality. Changes can be made by expert

witness on these codes.

6

Component The components of the Jopmla! are contents elements and applications. It will be

displaying at the center of the main content area of a template. This depends on the

design of the template in use. Components are core elemenJs include Banners, Contact,

News Feeds, Polls and Web Links.

Module Modules extend the capabilities of Joomla! giving the software new functionality.

Module~ are small content items. It can be displayed anywhere that our template allows

it to be displayed. Modules are very easy to install in the Admin Section. Joomla!

modules may include: Main Menu, top menu. Template Chooser, Polls, Newsflash, Hit

Counter, etc ...

Joomla! Bot These are small programs we can called, it has been designed the site of the capacity.

For example HTML editor is the bot in the categories provide searching.

*By the way we can add stable content and clasify the content, provide showing on

main menu or not.

1.3.~. PHP PHP is standing for "Hypertext Preprocessor" and also is a server-side. HTM;L

embedded scripting language used to create dynamic web pages. Much of its syntax is

borrowed from C, Java and Perl with some unique features thrown in. The aim of the

language is to allow web developers for wtjting dynamically generated pages quickly.

In an HTML page, PHP code is enclosed within special PHP tags. When a visitor qpens

the page, the server processes the PHP code and then sends the output (not the PHP

code itself) to the visitor's browser. It is imposible that someone can steal the PHP script

in our site with these unlike Java script. PHP offers excellent connectivity to many databases including MySQL, Informix,

Oracle, Sybase, Sqlid, PostgreSQL, and Generic ODBC. The combination of I.'BP­

MySQL (both are open-source produ~ts) is working every UNIX host. Being web­

oriented, PHf also contains all the functions to do things on the Internet - connecting to remote servers, checking email via POP3 or IMAP, url encoding, setting cookies,

redirecting, etc.

7

Diffemces of the othet languages; I ,

• PHP language is commented by server its only one properties about PHP

• User can not get in HTML code in PHP I

• The most important difference of PHP is embedded into PHP tags

1.3.3. MySQL MySQL - An open source database management system developed by MySQL AB,

MySQL was started with mSQL with fast low-level (ISAM) routines. So MySQJ:., and

mSQL are having almost the same application programming interfaces and command

line interfaces. Main. features ofMvSOL (extracted from MySOL manual); . . '

• Works on many different platforms. I

• APis forC, C++, Eiffel, Java, Perl, PHP, Python, Ruby and Tel are available.

• Fully multi-threaded using kernel threads.

• Provides transactional and non-transactional storage engines.

• Uses very fast Bvtree disk tables (MylSAM) with index compression,

• Very fast joins using an optimized one-sweep multi-join.

• SQL functions are implemented using a highly optimized class library and

should be as fast as possible.

, Support for aliases on tables and columns as required by SQL-9~.

• Handles large databases. We use MySQL Server with databases that contain 50

million records. We also, know of users that use MySQL Server with 60,000

tables and about 5,000,000,000 rows.

• Clients may connect to the MySQL server using TCP/LP sockets on any

platform. • The Connector/ODBC interface provides MySQL support for client programs

that use ODBC (Open~Qatµlase-Connectivity) connections.

• The Connector/JDBC interface provides MySQL support for Java client

programs that use JDBC connections.

8

1.3.4. CNU GENERAL P1-JBLIC LIC~NSE (GPL)

The GNU General Public License is a free, copyleft license for software and other kinds

of works. The licenses for most software and other practical works are designed to take

away your freedom to share and change the works. By contrast, the GNU General

Public License gives guarantee to us that we can share and change all versions. We, the V

free Software foundation, use the GNU General Public License for most of our

software; it applies also to any other work released this way by its authors.

* Joomla! has open source code and its admin panel can be developed. Joomla! has also

wide network system. So all the information can be provided to store and access. When

we want to add new information , update or delete informations, Joomla! earl. provide to

rich these informations easily. We thougth that this website is suitable for our

department.

9

CHAPTJIR2

SYSTEM INSTALLATION

2.1. FTP We have used FTP provide all process delete, update, saving file and link named of

www.neuced.com hosting, we downloaded from http://www.downloadtr.com

/program.asp ?id=236 using password and username we got the FTP site. I - FTP, a standard protocol, is the simplest way to exchange files between computers on

the Internet, Like the Hypertext Transfer Protocol (HTTP), which transfers displayable

web pages and related files, and the Simple Mail Transfer Protocol (SMTP), which

transfers email, FTP is an application protocol that uses the Internet's TCP/IP protocols.

FTP is commonly used to transfer web page files from their creator to the computer that

serves the pages to everyone on the Internet. It's also commonly used to download

programs and other files to your computer from other servers.

As a user, you can use FTP with a simple command line interface (for example, from

the Windows MS,.DOS prompt window) or with a commercial program that offers a

graphical user interface. Our web browser can also make FTP requests to download

programs you select from a web page. Using FTP, we can also update (delete, rename,

move, and copy) files at a server. We peed to log on to fill FTP server.

FTP is usually provided as part of a suite of programs that come with TCP/IP.

10

Local Bmwsei V

'tl ffl I Cl C:\Doct.ments and Settings\Bema\My Documents Atlrib Name .._ Size' Type

t. Fie Folder Fie Folder Fie Folder Fie Folder Fie Folder File Folder Fie Folder

47 KB MicrosoltWOld Document 980 PHP File 568 Shortcut

el)Adobe C:,Ab.imlerim b Ahnan Dosyalarm ell My eBooks ~My Music ~My Pictures ell T aramalanm E deniz29may,s.c1oc ~footer php ~ Payla~ K!asi:iilerim

WinSock 2.0 - OpenSSL 0.9 7d 17 Mar 2004

Figure l 2.1.1

When we push to the quick connect like at figure 2.1.2 on server URL, subpage will

come up that js requir~d to enter µsemarne and password information. It will host the

process of the server on URL entering usemam~ and password information from the

FTP.

11

Local Browse,

«a if; ! 6 C:\Docllllents arKi Settings\Bema\My DOC\.lllents

Name • 't,. Parent Drectoiy (QAdobe C)Albi.imlerim C)Alrian Dosyalanm C:,My eBooks ~My Music ~ My Pictures le) T aramalanm ~ deniz29m"l"s doc ~footer.pl-cl ~ P ayla;m Klasrnlerim

Size·I Type I Moofied Name • Size, Modified Attrib

File Folder 17.05.2 - • _ _! .• n~ = ~ I_ . IJ.: .~ ~ - - ~ Quick Connect

General I T O<#s I SSL ! Advanced

47KI 98 56

!:!~ory -~ ~ IBJ ~ ~gtEJ

Anonymous

DelatA Close

\B ema\My D ocllllents

Name Target Size Remaik

\1/inSock 2.0 ·- OpenSSL 0.9.7d 17 Mar 2004

Figure : 2.1.2

We have all information file that is used for site when we -eonnect on figure 2.1.3 when

we enter the www file, we got the figure 2.1.4 which is showed.

12

'f' flashFXP · £valuation Copy •--:..

l.,,c{llbipt•',':'I

r ,iU f§"C: ,,&;"";;,i, ar,:1 s~;;\81 N~~ _.. Sitt' hi'!' tu r~enl Ouecto1~1 ii:)~<i;be f"d!,Fol<);< t;;}Abli.r/er)o File-Fold« bAlmnOo,ya"1n> fi~Fo~o; O·Myc801>1, fiHoij<> ~MyMu;;e ,~Fold!< EjMyf'<:hl"' fol,Fol:!<t or~001c,larm ~Fol:!o; ~1deoo29:n,....doc 471'.11 Mfcro.;dt Word Do:;Y1l!:nt ~ioot•1,p1., ijii) PHPfi• ft·Pa,~oJffl Kl:tOOetin 568 Sh,~c.t

5.,., Mo;!l,>il Ato.b

41'<9 16.0S."2008(1225 ,c;lr,w,-.··-

4 KB 15.05201812:35 di\~-··-

4 KB 16.05.200802:25, dJ&.,« .•....• 4 KB 1:i.OS200812:35 d!\Wi•>J•1C

4KB 1S,05:i00312·3J dtt"-'X.1?.""··

4 ~B 1S.05.20l81l2.25 dr;ct--·- 4 KB 23.052018 02:N d1Wil-"·

4 KB <lJ.05.i00810:14 diMl"~·ll

4KB ,U.05,200S(1()n drw>11-:i<- 4 KB 1S.1(\20J5(0:ro cflM.1•:.l·X 4 KB 2l0520,J802:N1 d~I*·' 4KB 16.0:\.2008·01;09 dh~J)(l-',IJ•,C

3l 1S.0S.WJ81H7 1'1wxm.'Xl\\."'ll-

11 15.05200812.JJ !"twxl'NXl\\>K

24 15.05.20)8123) 11w··r··r·• 191 15.0:\.200812:00 <.11~·r·,r-,

124 15.05200612·:» ii 10.os2ooe02.a; tlrt-··-

383 15.05.20)8123'1 ·IW·H""

lJ 29,0S2008 02·N ssa ,5.os.2ooe 12,:n ·l\,-1'-i-

37KB 2105.2008 13:21 •lrt-1'+·

l,,,4.\\\' ,,....,'----- ~-bash,JillJ<!<>I

: ~l.bosh.J)ldk .b.,hio

- 14-Fo1de,,:SF!i,~22 fol!l('J.9/:.BJ 11.0JCC~

'lnr• n~ •• -,... !fll 200 WPE m ,,. •• AID !RJ.PASV lRI 227 E"temgl'astive Mooo (7U6.1 J0.22U7, 131) jRJ0p""'1!l 1l>l0<D1'<'CC0,n JI> 1! 0&.110 224 VOR! · !J61)3 \R)LISl ·al tRJ159:kc.ep':ed d:ta corntt:lirn lfljlll;-Opti,ns ·• ·I !RI 226 24 ..,.,,,.~ l<t<l lRJ.Lnt C°'!'.l;ti,· 1 r.9" J.,!l se<cndl (1.2 KBlsJ

Figure : 2.1.3

We downloaded the version of 1.0.15 of Joomla!, Stable-FullPackage.tar.gz- After

download this zip file, we will copy the opened files into CMS file.

13

't' FlashFXP · lvaluolioo Copy [)@1'.RJ ~5ion Site> Qi;ti(lns Q1,1~ CQ:rri1'1~ T~~ Oiiec{QI')' \fie'ii! tte¥)

[ L~-:;o,o~=~ -,.---~:7fi--~

Name• t .. Par""O,ecta)I f:)M:ibe f:!~.'bumleiim

Size· T),SiC

fHolda 17.05.200815.53 4 KB 15.05.20081230 <lrmf",,.;:·x

FieFoldec 25.05.2008 02:06 4 KB 23.05.200813-27 dJViitl")ft·)(

F'ilofcidc, 29.05.2008 15:07 c.003 HB 23.06 20081125 dtVMNCi•;.:

FilofoltJ;, 17,05.200815,49 e~1 4 KB 17,05,200818 19 t11'.r1lCl1<1-X

Filofolde, 17.05.2008 01:53 eJ<ill 4 KB 17.05.2008 IR2l dwlltl-?.i-}(

Filofolde< 25.05.2008 02:07 ~.h1oro><• 1 KB 17.05.200816:50 1w-r-·r ..

Fil;folde, ~00.20000?.06 F:)t,e,, •• ,bl 34 16.05.2006 02-ZB -fl\i-1··1··

111(8 MtclOfO~ Wo1d l)ocu,,erl: 29.05.2008 H:IS ~conligcrafo1n.;:hp 2KB 2'.l.06.2008 01:'.ll iW++·

S60 Pfl?Filo 28,05.200818:53 holo.JF6 117KB 17.05.2008 2209 .a;,>H·-1··

568 Sht>lcul 29.05.200813:22 {!JitliE'.tl~~ 4AB 15.05200812:31 ~N-1--1··

75KB 15.05.200812:34 ,rw,, .. ,,.

,mi :r.uis.2oos 1n1 -{\'H-1-

87KB 2,.05.200815:02 nt-H-

47KB 24.05.200815.53

< 7Fol:!!,,tt.JF'iie<.10fda1{<8K!l/21,42GSFr~) .· .I 5fol<l;,,.9File,,14Tolal. ('.)SSKB) C\0~1\ertsandSatings\8~\IA,:O~ - _ -· , lhp,l'SloedC(tfl ·- _

I . f"'"'""' fome 1otgo1 Sl,o Romoik ~,~1<57"f'i<Jl')ll<U1r&\tlooalioo !Alli.tlcoche<I) !RlUsLCoo-pe<e: 1 KBm0,21'!>."01-,;i, (57 KS/,) lRIC\,/D ""'" [Rl2'50 OK Cu:,.t1l drec~ i, Aw1w (Rjf'\,/D !RI '57 "tw"•" i, JO\• cuirc,t locotoo (RjLilt[ca""'dl lRtlisl !Mcielo: I DI~~ •• in D.27 ,eoonds\3.7 KB/<!

Figure : 2.1.4

14

2.2. JOOMLA!

When we enter the www.neuced.cdm/cms we get Joomla! installation page like figure f

2.1.4 after we put the Joomla! files into CMS folder.

~~Joomlo1 ·,·:,·~·

pre-inilaltntion check pre-installation check C3 Cf.eel Again

•••••• l

Jooml,,i! 1.0.15 St~bl• [ Daytimt] 22 hbru~ry 2008 23;00 UTC seep I

step l If .f:ti!/Otthettl~m;-..ert: 11¢\t~WIMB<l lhen p....,tol:" &:tillh$tQ((ITrttthem.

Fail¥! to- (to so to:i:'ldtead1o"f0t6 ~fn.std-taf!mmth.monr\o o:mecttv.

Security Check:

ftPvmoo>s~~1.0 - tlba)f~~,$1..f).J)Qlf

~x...ut..s~t)Jlt -/\1)'$<,l."1.IJ;li..t

COllns,H000.1'l)il> -~-.....-.p<(h

\'~s Av:41.\f~ AvMIJblo A\f,1it11bt~ Wttte.mie Unw,ito&.'!!'!lt

fal-gl'H's.t ••• , S.tfi'9"V• I & l'!!P,c!Ji•t •• .:!Jlot>;,l•••ttinuh'()IVm.-..~.i~·ow rotai.t,r..i rors.:,1111,y,,,,:n;, iOC:Ct'.tlert!'Mtaehe~ette.il.

F1~ chsd:the tJttcta.1 •. ~t~ s.,,,,,. S,,.,..ly ,, • .i 10< -· hll)(dM.

Figure : 2.2.1

We carry on pre-installation part pressing next button in figure 2.2.1.

15

step 1

slep 1 MySOL ifa.ttlbase eonfi9ur;tion:

s~ ~·..room@!~o 1m on ya.Jr itelllC:r i~11e$:4.$'itp1e: ~s ••

aeeee erilr ·ll:leh>stnsre-otlt\!' 001't'f:rJoombJisto boir~foibd .... B'JtertM:M7$Cl YlmlomB,

i><'"'""'d'"~""·;I,""'""'"' you vAtMo use wtlh,J:)O'Tf«!

&>!er ol<>* """" JXO!i•toJ>c U3&:tbvtr.is..t,ttrJ&I i!ls!Edts.rd •• i.ct v,t,,I; to o, wli> o;;iot!n;i t~es: trMt tmrer w.1sr~t;ons.

lnS:sfltro sarn-iiedatom'3E~ you eee ttn'l!:'#lcti~c.;d J<iat1:t1 u;~ wart.nu to t1ort 'ff.th a ooua.t~c.fy ;,r~ty:ote

lf.,;l~........ I ': ft,cafa""1 TIIIS I• u,m//J 'l>MJ,;ost

: ~1vstt. ~elf t:00)9. . EJJ,¥!r $0 .. m~!h!} ee ,a-tor?!'. 2 u~!t~ ~'4.'tfi by Mt- t1U&.er

~ti~-~(\v<;t'~ ..

MyS<;/L 0.toooee ,~,..

I

F~r .sit~ t;e.c:,m,.'y1t$l'it,J ii p.,MiS'vld-f~r Ui~ r'il/~ :CtOitht JS 1!1:ihd:JUftf

S:11~ Jiost.9 Blf(ll.' (}!I~ t1 <Mttaft, 06 n.;,J!r,¢:'( $!lit, {J$t ~~JI! p,e!flt.i.'> tM$ CQ.ttt tord/jr/bCt JO!.»nfa~ .9-ft('r&

AilY ~M~ MCKlJplrJb.l:es (i<JH!IOIIY*t Joom/;Ut,:;:.tllsf.'1.LYJ.S tJ'ilf ~ ,rplao~i ~.rtl' Qr.Cf*.d tJ,Jt C;Oti'¢:1tiir.l.i-St)'{.if.l. irt::~lft;P(,¢1/./F'IU~i~ JFJQ!l?/#i

, •..... _,

Figure : 2.2.2

We should create database in cpanel before using infomiation of database in figure 2.2.2

that we installed.

16

step2

sl<>p 1 Enter th• name of your Joomf~! ~it•:

slap2

Figure : 2.2.3

In figure 2.2.3 we wrote our site name and we passed step 3 with next button.

17

step3 litensl:'

Confirm th• ~it, URL, path, .idmin e-m;,.il ~nd filt/direuory chmol.'h

-

Slep 3

It UF.1. «id'F'ffihbct: ceren lh!n Jtto>• don« <h,¥190 lhtrn.11""" Q'e nnt .surett.ian io~:w ror&ct l(Cwl:S&' Qr1Kftni,_i;l(i,1~.lls1A11y, th&"iilJ9$dSplayedwll \l'fOft tc:r 'JOt,i 1~~.

~c:f '(OLl'"·t>ri&J*,lti"~:ts,P-4swll b?,t\e.e·tr~fa:j~ot.1hes'-9 :sor,,.Adm;itl!lm.

iht:f~si¢n u,ltin;S: v.1n t.; Uled w~ nstonr,o joom~fteel:, ~ 11'\o Jomltl odclmin,t•i"fl e1.d't1/thened~m50tQer. n· "fO'J s~ .un$-t.rt .it,tiil f~t 1MI I:;;' set,-etllo d>l<tlr eelllrQS .i 1J~m;i:ml!nt,YW~"1li~¢httl"f9~ th~ i\'i'q* ·1a1:a:- i"l1h'.3: sb~-IJI.Jl»I

t'lf.!JlrfttJn.

Figure : 2.2.4

In figure 2.2.4 we wrote our site name (http://neuced.cm:n/cms) ,p the space and (/home/neliced/p-qblic_html/cms) the space at path. The person who use Joomla! as

adm'.in, we enter that person's email and, we determined a password on our own. After

we entered email and password, we have passed last stage with next button.

18

,. step4 lice11SE1

Slfp 1

CIJJk tftl "'Vim $t!e'' tA.nton to ,t>,t Jn,11!11$1< ~· "'A1*Tirfstr»ti'oa· to t~H:e 'yo:tto it;fmiii~{,t".,!jfi.

PLEASERE~'B,1BER TO COMPLETELY ll'HlOVE THE UISTALUITIOII DIRECTORY

-

!51ep4 USDfnMnv:

Pas=;wo1d:

Figure : 2.2.5

We saw information screen that determined your username and password in step 4. If

we push view site button below, it will direct us to our site view part. If we push for the

administration button, it directed us admin panel.

"But completing Joomla! set up, opening our site in ftp, we have to delete installation r

file from Joomla! files where this files are irr CMS file. Joomla! is used this system for

security.

19

2.2.1: cf'anel cPanel ( control Panel) is a graphical web-based web-hosting control panel, designed to

simplify administration of websites. cJ\mel handles all aspects of website administration

in its interface. The software, which is proprietary and distributed by cl'anel, Inc., is

designed for use by commercial web hosting services, so the company does not offer a

reduced-cost personal use license; however, owners of non-profit organizations such as

educational institutions and charities can request a license at a free or reduced cost.

Reduced prices are frequently available from dedicated-server companies, who install it

along with the operating system.

cPand runs on a number of popular RPM-based Linux: distributions, such as SUSE,

Fedora, Mandriva, CentOS~ Red Hat Enterprise Linux as well as Fre~BSD. Preliminary

support for Debian is claimed, although this version has been in "beta" state for several

years, and is not supported. ePanel is commonly accessed on ports 208:?: and 2083 (for

an SSL version). Authentication is either via BTTP or web page login.

20

When we get hosting to the subpage that is determined entering usemame and

password. We get the cpanel system that is showed figure 7-i.2 using www.rieuced.com

/cpanel addressed.

, ?'I nttp;//',nm,nooccd.oom,2C82 l100IDTJn.l.:!<i 'el'oocr'~""'°'""""1,,moooveporoio,,a11;im i.;..,' K!Jlitooaii• ---¥ -··, - --- ~- ----- I -

0 l<J ""'°"'"' hot1'1<rn,l;i;iop.,..b \'OntOOsh\l<ulan. I 1""""' I I 11oz1i.,= I

Figure : 2.2.1.1

21

We will chose MySQL database for .a new page that is opened.

..; ~ "= ~· •

- I

cPanel X"

N• cllbQct~all lt.n ~ui scd. Yh wiR 1M': uubk to rete.iw av1ifin1io,u •r rttetJQvr ••n••ril..r "* f{I ""' sd 11 ,c;lffrull,1 "t••I •it•~,..,..

f'k:.n~'-,..,-~~~-ll!~1e,

....,,-..-~ - •••.•.••. ,.. .•• u 0.01 Met,1r1~es

i 1whbh: 'S.7S Me.a.i~lfes

iVl)M:~p,ytu

1 /unlimrtd

4 'V IJllC" i:,,;.,J ; Mail Wtbm~1! l'h:tn9e Parbd A.ddon

Pf)!l,',l,nl Oort)11ns 0fnttU\S.

''!!!JP u ~ J:TP IAanau, Filf fA"1\a9u Dl9.Sp;iio B;.tliijti: Pa.&-.•t:f

UH gt Pt¢t11t·t Crirect.r1u

.r=>;

£j 6:uo,pa:!IU S!dnfofl!.tin \ it,1Ql® JR~du1t<~

i'10-htPagit,18 EkNMcn~

~ el ~ i.t;I t: ·- Weat'FTP R:a1twAc.(H$ Rawle!} .euo,10,9 SUIHltrn.1in ~, .. ~ Loos t,hn,:i.at1 '51i11::S

Figure 2.2.l.4

22

In opening new page, we determine a database name, we push create database button

after we got this we continue our process with the link of "go back'' that we got

database created information like figure 2.2.1.4.

CutMJll Dat<'Jb.lses: n,o,uc_.cJ,Jc)c.n.-~ fkllele Gtm'-+- Rupair

N•• l>->tob~eats Database :

Current users:

U!,em<lme: I · ....,._....,, :1 il'6!.SY~rd: c- "lls..ritti.U_!~rJ

P.ri¥il~')M:

f:' AU. r CR[~TE

I At:r£R

t Q•OP

~ 'LOCKTll6lfS

r •JU:Hit~N"{:S:~

r Sl!LECT

r tNSERT

r UPQ-A~ r wLm

Figure : 2.2.1.3

MySQl Account Maintenance

b_.a.sit C·rnte-11 Athh,d tht dat11b1n..e joomla

Figure : 2.2.1.4

Determining the username and password, we shall push to the create user button and

after that we formed new user. We can see in figure 2.2.1.6 which shows new users'

information that we have continued our process pushing link of "go back".

23

Current Dota\lases: n,,.m,dc_joomla IJ, ,,, •• Oh'l<.k ~ep11lr

Uc.~W in joomt".t f°l~i,,(.Q-~t_bom..11 (Pri".1.1llrt9@S"1 Al,1. PR.J,VJL.EGl;S,<) Otl~tl!

•tonn.ection $1"n9:r; $,JM-= •Piat tJSJ->c..:imr.-.::d("bat:m1s:;i:,.,01.n::cdc..J~b:k>a.l.~st'~ ",'.!cuud::_.~ ..•. , ",!.,"A;S.SWORD HERIE':>r); .f,dM=m_rs,;l.,~t,.'11od (~(('G(M:t"~ ",">«:ot:.dc,..h-e,n~·, •. <:At"SSnDRD HtRe>") o:·.:Ji·'= f!

.PHP ca.?:not c;Mnc,!t t~ t'h-4 d:,tab~u, ,h(J;,e~s~: ' - mrs,qle.•.•'<'.i'()); my:;4l"'s.cJ~ •.• dh r,-,,:qud,t:JQ<)tt':l~ ");

Add users To Your Dotabases:

U~cY! r~e~o~d~)>~f~a·-3 0.;.t-b~SCl ,~~UCe-dcj~omJa 3 P1Mt9gi;;S:!

r,1 ALL ., r SEI.ECT

r [<f,~l!I.T

r UPDA"" ~

r c•·t'<TE

r ALTm

r o,«,»

Figure : 2.2.1.5

.... ' -

cPanel x" - I

M,SQI. Accoanl Mainlenaooo

i\~..illl'tC,:e~ Addtd b•lidw/lli 1h11; ,;aiSW&id

Figure: 2.2.1.6

We create database and user. We match them with eachother and we add user to the

database in figure 4.2.1.7 (pushing add user to database button). We completed our

process, Also we can see information screen in picture 2.2.1.8.

24

MvSQL Acoount Mai.ntenanoe

Cur~el!t {)ot..bases: neuccdc.,.joomla Or.t, ·T.~ Cht:•cli, Repoir

current Users: neuc.edt_~~m~ f"~l-"t~

f..1:1:1!!:rna,me::~-~ _] _

P.-nuc.11d: lj C<ei='te use.!J

Add Users To Your Do1:4bases:

.. , r SlilECT

r tlfSERT r csun r ALTER

r; uPDA't& r O,L.,.. r ll'OfX

r ,bROP

r ,LOCK TA~I..$

r" 'Rfffl(f;sC6S r <:.RE.,.'I'[ TWPORARY TAel[S

f}dd User_ 1'_0 D0tlb_~sc _

Access ~osts:

f igure : 2.2.1. 7

'""""

cPanel X'"

M,SQL Ac~ounl ~iainlenaooe

A11cM.1!!« •iJ•e.t w ~~e-u Un Add"Jod !hi!' (4t,I

Figure : 2.2.1.8

Database which we create in cPanel in three steps and we write user information in

necessary place in figure 2.2.2 and we continued Joomla! set tip from 2.

25

CHAPTER3

BUILD A WEBSJTE

3.1. CHOSING TEMPLATE

A website template can be defined as a document which is used as a starting point for a

website because of its present format and design, Thi-s aids in increasing productivity in

the process of desi~n as these documents need not to be recreated everytime they are

needed. The basic design found in the majority of website templates ensure that these

will compliment any company or product as the sight and feel is professionally designed

to be reused,

Because of putting more modules to the main page, this is the most qualified template

between all the templates.

We used ja_larix template for our web site design. This is the display of ja_larix

template in the web site. tj JA Lari• Mozilla Firefox ~~~

YOUR SHOPPING CART

(v,!~wca~ el •.....•..

HOME TYPOGRAPHY NAVIGATION LAYOUT SAMPLE CONTENT PRODUCTS

Sony Ericsson W810i Samsung t809 RAZR Y3B1ack Kl00/k700i P990Phone Motorola A1200

e

You are here: Home 000

Aple iPod Nano 2 Gb iPhonePro Aple iPod Nano 30Gb

$23'1.12 ~ $79.18

You Save: $2.00

$5.40

Addto cart ~--··-···-- Done

Figure: 3~1.1

26

In figure 3.1.2 and 3.1.3, 'Ye .can see the ja_larix template inline with positions. 0 NcmCod - Home , Mozilla Firefox ~@rgJ

- ---··~---

HOME !\BOUT US ACADEMICS CAMPUS I lfE DOCUMENTS rQRUM

r -

ooe

Figure: 3.1.2

(j NeuCed · Home . Mo:zilla Firefox {';J@)rg)

D/ ~neuce<l.,:cm/ansflnd,•.Jl/l>?tp:;------ ····- --~--:-ill] [~·~J~ ,~..,,v,iJU<.c, ;..,;y·,.;--.. •• ..-dg 1·0._-.,~ •• :. .:.., ,.., •• ..,.,~,,;;t·,, .,,. •• ,yn-.. ,.,.,:t,"co..,-i,>'uc.o1.,_,,,,.,..,v-;.u1·J<~~.....-~ •• ,-,,-.:; ~.~· <"~-·

their .applications .is compon-ents of systems. fteuCe:d of Compute, Engineering su:;tains and sU"cngthans i:b te~d"ling ond r1U-<1-•rch progrllM to pn~vid@ $tudottnU"- with im1pi1'0tion .-nd hitr' quality of education in the theory .and pracbc.~ of Comput,H Engineeting.

Graduation Ceremony 5prlnc~ ~o, Grcdua!iffl cu~y will tak~ ploee: In finnt cftheGr~Utw.aryon.Vth-of-J\..JM,F0t the~t«~, the studeou should pa'f the 50 YTL ~s:it to tl-w, Ne4r E~st ~ 1tarUng tttm 1sth cJ );Jne, 1h€ student~ IDO'..i!d t.ik.e thW rC!O•; \l;;ir,g ~ b..onW. rK.;pi, iht '9be: un btt rubmu~ back to th~ l.Wv1'f1iy in oida' to g.:lth.!;li· p,1y:menh b4. Aftet ~ ctre:nony, tt.w dudtnti: ii.Hp !»ck hit rohil,. lMJ UR lal(,t, b4tk tra!Y' mo,JW'f. Godu~on rol!MK1Jtlwll l-111<.•pbc• on l).rhof Jun,:.

bw,e,

••• 0

)aman,

Figure: 3.1.3

27

As showing in the figures there is so much place which were seperate for more

modules, Our preference is a menu above because it need_s to open completely some

parts at the open page below. It is also important for us access menu above.

Figure 3.1-.4 is an example of template. h's name isja_acrus template. We can also use

it in our system. (:) Joomlademo.de Mozilla Fuefo

/\C1US p suchen. .. a gift from Joomlart

Forum K-Oemo M-Oemo JoomlaOS

(l) MA!NMENU Home News

Links News Feeds

NeWSllash ~to a,-.:t>., an~'*1ervtisy;'t,doo,n\ ,_In_ lho~lna wrod are, the'*>y,~ lh,,) i, tafl;ITist and lsat-isot the~pdao.

FAQs Impressum

@ Home (!I WERBUl\{l JoomlaDemo.de

~ ~ Professional Web 2.0 lemplates, W3C Tableless CSS, Nevv! Menu Systems -yootheme.oom

In diesef Templateauswd>I befinden sich Ci,er 1600 f(r ~ frei verfugbare Te"'l)iates. Die Dov«'oloads

findet men t.ri:er www.JoomlaC>S.de rn Dowrhd,ereich.

black_whrte_block ~·~ Auswahlen j .Jocma! ist ei"l leishngsflihiges, ek'tach zu konfiguierendes U"ld p(lJ)lH'es Open-Scuce \1/eb Ccrteri ...._.,..... System (\I/CMS), Jooma' ba<iert adder serverseitigen

5",iptsprache PHI', cie ebenso...., cie verwendete Ddterbank MySQl ....ter der GMJ

Gener~ P,.i,ic License (GPl) stel't, u,d kosterJos erhaitkh ist, Ill ANMELDUNG Benlhername

Joorm! rst aus dem Open-Soufce-Projekt Mambo herlr'orgegangeni des freher als

Mambo Open SOU'ce bzw. MOS bezeid'net w.xde. Passwort

D Angemeldet-

Figure: 3.1.4

28

Figure 3 .1.5 is also an example that can be used but in this ja _ acrus template inline with

position we can not put a menu part to the right side of the site like ja_larix template. ONeuCed - Home - Mozilla Firefox ~~l8:J E"' ~<It :iiew tt,to,y l!<,ol<ma,ks IDOis tl..,

- - ---- - - ·- ·- - . ---~- ----- ~ l~I r- .J,-ht-t-p,-/Jne,x--ed-.,-an/-crns-/nde-'-x'--.php-'t_p-_1--------------~k-!~t,.-! [[;E!ja_acn,s template __ Q__

/\C,US 1~ -.m,-~. PB' •

1B Home

Welcome to Computer Engineering Department

Figure: 3.1.5

29

3.2. USING MODULES AND COMPONENTS The site is opened first, when push "Home" button ("Home" in the main menu or

(

"Horne" in the top menu) openning page is showed with in figure 3 .2. l , t1 Nout:cd • Homo · Mo~illil firofox [}@~ Do~~~ <i&~Jl ~ _VgllMtfl ~).M' '.fMdirt - __ ...._ _ ~ --- -.3c--·: ·. -~~-- \)

Gli'(~ .. . . . -J;TB!tH,,00i,.-. -·-1~ ~...i. .. ~· ·--~~- u·-·'·----.··· .

I).~ ~!Ji U\;iil'l•E'1t.ta '%BU Will'JIU6dNif l'~~IPQl'IO: - HOME /\BOUT US I\CI\Oft.llCS DOCUMENTS rDRUM STUDENT INfDRMI\TION SYSTFM

Welcome To Computer Engineering Deparbnent ,-,y.~·~ ..••.••• J..di:bB ! NEWS

SUbmtss1oo of Graduation Project -S.~u,.:hy 241.t •. ,- ?OOt tho .,...,.,.,..;wd..., !hodtJ1llhmitfl1,0, ,y.KK.li''Soni)roj,K'!s~lha !1.JP-etV°tlOt't btfu,t, f.lh of' June~ ttw 1tudffits ..hould ee ftM!Y lo i:,te<"..ent •.•

Figure: 3.2.1

Search: We can search anything in the site's database. M&in menu:. We used transmenu module (mod_transmenu) for opening as submenu of

rrienu titles and according to them there are subtitles. Our main aim is bound to choose

the main menu, we can see that submenus lists in the new pager Using transmenu,

menus are being like accordion. The users can reach to the menus, there is no necessity

to reload the page. Staff: Has same properties with main. menu. It is formed as addition menu.

News: Subject content part is attended in front page, these parts are news and news

flash parts. The people who authorized as writer in the site, after entering user registered

and user information that they can allow to write and enter news stable content etc. parts

(there is no need to use another program) they use only JCE editor, Flowing text part in

the right side of site announced according to series of entering news and the last five

news title.

30

0 Mc.Cod , Homo , Mozilla Firofo

Corrputer Erg,eemg focuses on the design, a,alysis and ~lication of computer'> ano on 1!iei' ~ticnS as components of systems. NeuCed of Corrputer Enj,eemg sustans and strengtnens its teading and research p-ogram to p-ovi.:le sfuder,ts wilh i'1Spiratton and ~ qualty of edJcation ,, the theay and practce of Corrputer Eaj~ng.

Graduation Ceremony Spying 2e0i Gndu.tic;t,ce~y will I.>!<.• plKc in front

cf the G,.,--idllbr.wvor\27th. of Jur,e;. !=or l:hiiCl'/'e,T,Qr,y, lhE: illJd,;r.ti should' P3Y the SO TI'L G=po.1il to ll'o!; H~r Eill S.i.nk.tlufng Ii-om l~h cf~. 'TN ~h 11\ould 1.1ke thtt 1obes usnQ thefl' ~ rKe.p\. tra rober cen be Ni:fll}led bac:k lo h l.k'wu~ in 011de:r to g<:I HwU Jl3)'l'n::f"b t).Kk, AA.er the C6'emony, tMc rtud8'1t:s kt-!p bM.k !Nir rob.1. 111-,y un I~• ~k thw 1ll«lt-Y,

C-radu.lllionteheanalw;I takepbc1:: on rJhof Jul'\!,

I piltft!:r lo study Ccitnpute:I'" 'E1u1iattring, H:uuJe Q ii i; populir in Hte

""""'

POLL I

Q -JI h po:.!ihloetofi:rtda

!Ob O ttww.th!abi\tyto

:tudy CompU!at· Englnlll1'M

o tlilt~p,-ogfMl'l/"fin9 bo:,.u,~• and ho1d·.\'Ytde~

Figure : 3 .2.2

Login module: We load a component that provide user integration, its name is

community builder (CB) for adding properties like user profile, user lists to the site,

This component is provided on the neccessary membershlp process like registered, list

profile. A user who registered to the site, is not registered Joomla! registered form, the

user only register to the site with using registered form which developed ourselves, User

can form his/her own profile, can add his/her own picture and can display the users lists.

User can visit this users profiles and can message with eachother. CB component is

provided all of this process integration. Calendar: The people who is included of CB integration. We use a component that

name is Jcal (com_Jcalpro) for calendar. The aim of using this component for

authorized user can add event meeting, special days and adding this days can display to

the users in the calendar. It displays upcoming events and it also display (it you want)

finished events. It is a component and apparent of the calendar. Slide Show: Owing to modal name is JSN lmageShow Free the file which seperate for

on display the pictures as flashs,

31

tl NnuCed . Homo . Mozilla Fircfo --·- -- ·--- ----------· ___Q_ 1. tr.. l liel•l""'''~' - - - :r- .. '

• ooiya OO;en G&i.inGm §o"~ Y~J irnleri Ar&").¥ 'f.¥<ill - ·-

- Graduation Ceremony Sp.rinQ 2\lCU Gr.d.ialiro Cff~"Mn)' will t1M<.e pl.Ke. in ft..ri rJ the &.nd ub,a,y on ii"'ot )Jne, For the r:a~ny, \~ st\J&:rb ihou}d p:r, lht: 50 'tT\. dtpo:il to the HHt' Ehl

lklnk ;\,rling &"--o tsih cf~, TJ,, ~\; ;hwld t..._, tha' robes. UU'lglhetr b.v',krec.1:ipl, Th! robe! UI\~ ~~to\f-rtLt,rlt!"i«YinOt'dtt'~ogt.l~U" pa:;tflilfts~.Aftcill\.t:c.~;,thi!,•.t~kie~ ~tt"w:ir robe~tM'Y ~ hkt ~ their mOflCV.

Gr~-Ol"I f~salw:11 takepl.ce, on ll1h of ).me,

't pr~r!!cr to d.udy Co~f)\llH frtff'tnttring. ~(ilUSII! Q l ls popUilr in tte

WOO'ld

0 1r..po1-::iblf:<tomd.11 ;,b

QI NV<!-tht abilly lo ~tudy Co.-npu\'?f

POU.S

Q I like p,<191 "ramhg u~.ol"ld

h~#~ck,.,ign,

O Iamiol.-ru-•qdin <:004)1.it.Q!'S

Vot~ .~~•Its

---------··- ---- D,'4.INE USERS

HOMC CONTACT US UNICS

eopyright©>008 200acN,...,C~[Mqlotd,...d<;::(J9e(ll;,yfHc'n; X\K....i v,I

neuced.com ot.oouyor

Figure: 3.2.3

Polls: We can publish poll whatever w.e want. Authorized people is formed pools. It

admin wants, only -registered people can attend to this poll and can vote only one time.

Online Users: It displays visitor and registered users in the site when come over to the

registered peoples name, we can see the person's uplo~ded picture. This module

belongs to CB. Its name is live user pro. Changing col'our: There are three button from where we can change the colour and there

are three CSS file in this she. Link colours are only attemate in CSS'. There are pictures

which were prepared according to colours in three image files. Which colour that you

push, it is used that image file, CSS file.

32

Graduation Ceremony ,t

"'·~- ,.,) '-& •.. "'· ',\ ;,

t.3)j Qi hltp:/~ed.~~cms/illde~~ ------- =i:-:ri8 tr~E;;• I --~ tr~ --- ~i'W~''ffW:i.7'21:>E iht gr11dur.ir1CJ thJdtnlt 1houdsl.r.ATHttllek ,gr~~CJ'lpl''l;ljtd';.ktth. supenl4Gt'S bJofe tlh of Jun• olnd the :tud9ri!s ~iJd. be: re<11dy to pt~rtl ...

Corrµ.1ter Er,gneeting foC1.JSes on die design, ana'fsis snd application o computers MO on 1hei' ~ti<:nS as co,rponents of systems. NeuCed of Co"l)Ute Engneenng sustans .nd strenqtl1El'lS .ts teachng .,rid researcn program to provide stl.ldents with r1$piration and hgh quality of edxatiOn in the U'leQ"Y snd prscece of Computer Engneering.

5prtn920C$Gr.dl.utiClC"ICe'temonY u.1lit.k'! p~ein'fror.t d~ <.:tand utta,-yor-i V1h cl June.Forthec1:1~, th• ::h.lder>h di.oultf p~y lh•S& Vn, ~pa.it to,\t)I ~;,r E1:.I. 8¥.k strilg f:-om ts*' of Atne, 1M stutienh shouki lak! lhM' rob~ W\gthf:w b#lk ,t<:~- Ihe: ,oboe:~ (..M\ b6 rubmlt~ bxk to !he Uwersl'; in ctd~r to Q~l th!if p.i,ymtf\tl. b.Kk, Alter Hw ur~, lM :h.dtr.13 k~p back hir rob..lsJ they c~ t~ Nck theil mon~. G'ado.s&\iorl 1W¥~ w-lt \.!lke:pliCt on dh of .),.IM,

POLLS

I ptJec.- to stu.dy Conlpliter £nginl!:4!.ring, kc:;;i,u.sl!

O ilh.p,opJ.t!·intht Wo,'ld

Q ii I~ poi1.iblf!c to find a ~b

Figure: 3.2.4

User Menm User menu is a menu which is only registered people that can access in thy

site. In this menu, there are some properties like displaying site, users' ~rofile, reading

or sending news (if only give authorized), sending message, users can organize their

own informations, cap. access all the users, lists.

33

CHAPTER.4

IMPLEMENTATION

0 NouCcd · Home · Mozilla Firefox __ ~]'

4.1. APPLICATION OF THE SITE

., I:'

ooe

NEWS

Submission of Graduation Project $.1,w d4'f, Z4 r--~t)' 2009

The Qradu;.Un,;i students 1hwld~ltwr g,adwUoo J.t'oiech to the :lupervi~r't b<HO,e fllh of­ June eod the s:tiJdents,,.

Figure : 4.1.1

When we enter to the site, we reach to the introduction page. It gives us information

and content of our site. By the way; when we get the introduction of the site, there are

six kind of main menu.

34

~.NouCod ·Gallery, Mozilla Firefox ~@(81

------

HOME AB0U1 US ACA'.JEMtCS OOCUMFNTS rDRut,1 STllDfNT ltffORMATION SYSTEM

000

GALLERY

CATEGORIES

fampu; lif• (i i:;Jo:h.Ji,;,~)

Figure : 4.1.2

When we click to the "About Us", we reach to the photo galery as a sub menu. The

users can look to these which were put by the admin.

35

apg Dos__yl!l _ O(qen G6itJnllfil §e~ ~- Al'~!ar Y.arrlim __ ~ .. __ . __ ---·· ----·-- ~- (.1_

fi r.:-::=--: - - '-- - - ~ · -'~ --· - - --r-r::""I r· r-· · -· t..~ 1..;~/neuced.tOff,/crns/ndex.php?"PtJon=,O!ll_conten™'•!lc=.....,6ld=l:l&ltemd=28 - =

Academics

The am of Corrputer Engineering Department is to ixovde a strong background n the theories and ixoclices of computer erg,eemg, and to g-a<Late Computer Enginee;s with up-to-date knov,ledge aid nformaoon regardng corrpure,- science and ~neeir,g.

Tne Department also aims to prepare specialsts and instructc<s il the field of Computer engineering, to a!eviate tlie demaid for wel-trdined engineers in the indJstry, bosress and n insliOJlions of higher education; to carry out resesrch projects; to offer elective computer courses to students of other departments; and to help faa..lty members n th& resezrches that reguire the ulfizalion of corfl'.)Uters. Students learn to put inro proctice afferent svsterns of processing, and different computer languages; seria' year students on the other hand, specialze n hardware and/or software areas a::cording lo thet preferences. The strucurs of lhe courses provided by the department ind.Jcle subjects ond oocrses that are currently provided by Ur1iversities in Europe and the USA. Students have to complete 60 worki"lg-day summer training to qu<liif,.; for graduation.

The department pro\i!des the enrolled students l'llth the folOYlings: 1. Comprehensive COfll)uter apphcaoon related 1:oJXS. 2. Courses inclu::lng topics an::! subJeCts that are at the focus of uo-to-date soenufrc research i1 Europe and the USA. 3. Solid theoetical and pra::ticcl k~e and exl)e(ience. 4. Access to Internet and e-mal fadities for at the students and the staff. S. Uulizlng a l.;;rge number of fast Personal Cofll)Uters PC's. 6. Seven laboratories to tJr:m students good practical experience. 7. Ublizing network servers 111cludng two NT servers, Linux servers and fllovel server. vii

Figure : 4.1.3

When we push to the "Academic" menu, we reach to five main menus so this gives us

information about academic. These are; undergraduate, graduate, PhD, academic calendar and facilities.

36

t:) NeuCcd · Downloads · Mozilla fircfo

Categories Filas

Graduation Project

Summer lrilining

Figure ~ 4.1.4

When we enter to the "Documents" menu, there ate some sub categories which were

created by the admin. These are; graduation project, summer training. So when we click

to the subrnenu, we have file that can be used. Also users can download the files easily.

37

~:> NeuCod . Forum list . Neu-CED· Mozilla Firefox 61 X o

Wetc-0me, Guest Ftea5l9login or Register. Lost: PassrHord7

Public Are.a & General Discussion Forum

Titpi( ----- -5 ..,_,,, --- - __, - - - ----· -- - ----·-- Neu-CEO Forum Stats ' · • ' ' · : 8 TouJ U~t:6~ 8 L~St Membei: lMY.idJi Total Mo;sqs: 0 Total Subje<ts: 0 Tot•l Se,,--oons: I Total Cat"90rieS: I T<>day Open: 0 Ye<terd!)'O)leO: 0 Today Tot>i AASv10<: 0 V<ttt.,d,iy Jot,I M<wor: 0 > View Re<ent Posts > Mare About Sla\s > U--..er li,;t

- .w •• - -- ---------

Or~lne O Members and 1 Guests ' • . ' · ' • • El ~ ---~ -- __..,_____;.. ·-·-·-·- - .... _ ____..~..,..

Tal"l)3m

Figure : 4.1.5

When we enter to the "Forum" menu, we cart see the forum titles that the users entered.

38

tj http://sis.neu.edu.tr - Mozilla Firefox ~LQ}l:8]

Login for new user:

NEU - Student Information Sy_stem

Student Information System tlttp//si s .neu .edu tr

Login for existin,g1~r:

Si.<1n up now ! Student No: Password:

Yard1_m Kom1lan Login

Sis Kullarnm1 ve internet Erisiminizi Aktif Etmek

NEU.Wireless Bilgileri ve Ayarlan

D NEU- Wirless Internet and Settings YENiPROXY-~

~

internet Kullarurm

Servisler ,ii

NEU Mobile Heu F,,1,1111

F· r.. f' "~ 1.1sm1 111,,m Student Mail

Pro.9.ramlar

Bilgi islem Merkezi Oijrenci Darnsma Noktas1 Bilgileri

iA~KM)

_v

Tamam

Figure : 4 .1.,6

When we enter to the "Student Information System", user is oriented the student

information sytem the link is created by admin.

39

rj NcuCcd · Teaching Staff· Mozilla Firefox ~@rg)

OOQ

Teaching Staff NaUC:td hu: l ~~rtd ~en

L, JP

Name pktcees

Figure: 4.1.7

The "Staff" menu is created in web sites. These are consists of teaching staff,

admiriisttative staff and asistant. User can get easily information from these page.

40

~ NcuCed ·Home· Mozilla Firefox /I)@~

rrputer Enoneemo focuses on the deslgl, aialysis and epplicatbi of computers ancl on tfiei- 8H)li:atiom as corrpcoents of systems. NeuC.ed of Corrl)uter Enghee(ing sust.airis and str~ its teac~ and research program to provide students with nspiration and high quality of edJCation u, the theory and practice of Co,rputer Engneering.

Graduation ceremony

·(!~.J .t11!h. .~J! n··" , ' .. ~ ; .,/: •' . . ·. . ' ,: .. 1ftil.:\/llll 'l~i\ ,(•

Jltil4f< ,.~·'1"f1:1I <~', \ ~ • f ,, . ' ; I'• ,..," ? ~ ~- '. • . • ., t

pring 2008 Gr ad.iallon ceremony wl take place i1 front of 1he Gr.and lbrary on 27th of June. For !he cerernorw, the students sh:luld pay the SO YTL deoosit to the Near East Bank starting fro 15th of )_ine. The students should tffi<= their robes usir,;;J their ba11( receot. The robes can be submtted bad<. to the UniversilV in order to get their payments bad:.. Afi:er the ceremony1 the students keep back their robes, tnev can take bock their money. Graduation rehearsa

()

J--)c F1 - - -

POLLS

J p,..afer t,o sh••Y Compu1'1-r £nglne;.,.rlng, bececse

Qih.~1!1'10\e

w""ld Q l is ponible lo find .11

;,b Q i hne Ow fbti~y lq

tludt Compul.,?,r foginttrng ~!

neuced.com okunuyor

v,ill take place on 13th of June .

Figure : 4.1.8

The users can become a member to the she by using the "D ser Login" part. This advantage gives us many alternatives. We can see the news and also we can chat with

the members of the site.

41

t') NcuCod . Home · Mozilla Firefox ~@r8)

Graduation Ceremony .j t::I

I take place on 13th of :une.

Sprng 2008 G'aruaoon ceremony wl take place in front of the Grand LIDra,y on 27th of June. For the cerernonv, the students shcud pay lhe 50 YTL deposit IP the Near East Bank starting fro 15th of l..ine. The students should take thei" robes using their b!rik receipt. The robes can be submitted back to the University in order to get their payments back. After the ceremony1 the students keep back their robes, mev can take back their 1T1011ey. Graduation reheasa

0 -----·----

~I

(

I

POLLS

I pr.~r~r to itudy C@iinpUlf!.t

En9inee:riP11t because

0 K ii p,opl.Jar in the WCt'ld

0 I i. po~ibl• ~o fi.-.d .a ,:,b

Q ! luve the m4ty t.o ;ti,dyCo.TIJ)!Jl9r

Qilikep,ogr~ laRQ1J3Qei.:,nd h4rd,vM't~~19n

'---------------------------------...l.......JU..J..!i ¥flihlerc~1edin ·~

Figure: 4.L9

42

U NeuCed . Home . Mozilla Firefox e;]@rg) G&!Om'!!l §o~ Y~ imlefl A<~!ar l'.~dtm -- . -- ···--·· . - . .. . ·-----· ~ ·- --·--··--------

••. \ ~ •. " ~: (a.1f Untvup(y- (Ol'Vl'>u.l<r (1"1q!'Netln9 DcportMC-nl

Corrputer Engneemg focuses on the design, malysis and application of corrouters ano on ther ai::pl;:ations as components of systems. NeuCed of Corrputer Engneering sustains and strenqthens its teacling and research program to prova:le students with J1spiration and high quality of edJcatJon in the theory and practice of Corrputer Engneering.

Graduation Ceremony

11\ take place on 13th of June.

Spru'lg 2008 Grad.Ja1ibn ceremony wil take place n front of the Grand Library on 27th of June. For the cerernonv, the sllJdents sln.ild pay the 50 YTL deposit to ~ Ne;,r East Bank starting from 15th of l.11e. The students shQ..ild take their robes USing their ba1k receipt. The robes c.."111 be st.1bmtted back to the University n order to get their payments b.icl;. After the cerernony1 the students keep bad; their robes, 1T1ey can teke back their money. Grad1.1aoon reheasa

POLLS

.I pref@r to rtudv CoMpu'te.r Engin,:cri119, ber.111u:1e

0 i i; popv1~· In th.; WOfk!

O ·11 h.pouible.tofirid.a, job

O, ,,.,.tt,, abilty lo tt~)'Compul.er

O J !ikE-- orogr.arMW"19 l..ngy41gu m hard.v.are.deslgn

Qi amtl'1tetc9..edln Corr.pub-rs:

Vote .f RenilU

ONLINE USERS

neuc:ed .com okl.Jnu)"or

Figure: 4.1.10 - '

The "Calendar" gives us upcoming events which is an advantage, is created by admin,

HOME~llNKS.

Cop1rlght l!> 2008 ..,,... .••..••• , ••••..•• .J •.••• • -·-' t. .• <".-• V. - .f •••

Figure : 4.1.11

When we click the "Contact Us" button at the bottom of the site, it gives us the contact

us. This provides to contact with admin.

43

4.2, ONLINE SYSTEM

The online system is important to connect user that is rnade comment about site, users

can demand extra things. So online system can provide, update, improving site.

Web sites can be arranged as local host and also they can be collacate as online system,

Site that is prepared as local host, until admin site is finished only it can make process

on its own on the computer, it can't take ideas and views. Sites which are preparend as

Joomlal, they can be prepared as local host or online system. It can use all operating

system like Windows, linux. Can be used all the web browsers. This advantage pf Joomla! is important 'in our choice.

Aim of prepared site is reached information about department of students level of site

preperation talking all the students view and informati on, is important for we are sites

avaliability.

We are protected our sites updating we take infomiation from all the people who

interest and request our site with using online system.

44

CONC~lJSION

We used CMS providing to be dinamic and connect of database in preparing site for I

computer engineering department. At the beginning, we tried CMS to support Java as

platform to the name of adapt. But as a result of the problems about updates, it is chose

Joomlal to support this platform.

We accessed possibility of testing when we made project, we use online system instead

of local host. Joornla is chose because it is provide more possibilty as template, adding

module and component according to wish and it has understandable admin panel.

In this project, there are general informations about department and also update news and events.

In chapter one, it is told why we choose Joomla! and why we use CMS.,

In chapter two; it is told, that setup of Joornla! and using FTP for setting online system.

In chapter three, it is told that the aim of choosing this template and this template of

harmony with the site. Also it is told that the aims of using module and component in the site.

In chapter four, it is told that the aim of being online system of site, content and aim of opening menus in the site.

Violation of module is not enough for visual quality, components and contents can be I

changed in admin panel according to request in the project. It is told that we have to

make a few example all of the contents are uncomplete in the project. For example ;

staff'<> teaching staff there aren't all the teachers name under the staff Academics ->

undergraduate -> curriculum for the most course codes compose link under the curriculum,

45

REFERENCES

1. Joonila!. 2005. What is Joornlal? http://www.joomla.org/content/view/12/26 (accessed May q, 2008)

2. GF9rge AS. 2005. Joomlal.OcIf download,

http://joomlacode.org/gf/project/joomla/fr~ (accessed May 25, 2008)

3. Bora Erdemir. zdot. FTP Now 2.6.88 Download. http://www.downloadtr.com/program..asp?id=236{accessed May 25, 2008)

4. JA v'2.0 Stable. 2005. JA Larix - Smart shopping Joomla template download.

http://www.joomlart.com/templates _club/club _portfolio/j a _-larix.html ( accessed May 30, 2008)

5. KreativMedia. 4004. JOOMLAPOLIS!

http://www.joomlapol1s.com/ component/ option,com _ dccman/ltemid.J 6/ ( accessed May 31, 2008)

6. Joomla! 2005. Joomlal Components and Modules Download.

7. http://extensions.joomla.org/index.php?option=rcom .mtree&task=listcats&cat id=l 85 ' - -

4&Itemid=35 (accessed May 31, 2008)

46