BINUS INTERNATIONAL OPERATION SUPPORT SYSTEM PORTAL PROFILING SYSTEM

  

INTERNATIONAL UNDERGRADUATE PROGRAM

BINA NUSANTARA UNIVERSITY

Major Computer Science

Stream Web Development

Sarjana Komputer Thesis

Semester Even year 2005/2006

  

BINUS INTERNATIONAL OPERATION SUPPORT SYSTEM

PORTAL & PROFILING SYSTEM

Felicia Yulianti Bunarsih (0500550355)

Stefanie Vastianna (0500555476)

  

Victoria Alam (0500594483)

ABSTRACT

  The objective of this thesis is to develop BiNus International Operation Support

System’s Portal and Profiling System. This system tries to solve the problems the staffs

currently have regarding the scheduling and preparing of the next commencing semesters for the students of International Undergraduate Program (IUP) of Bina

Nusantara University. The development of the system is undertaken by two teams. Our

team is dealing with the User Interface and the profiling system, one subsystem of the

entire system. Fundamentally, our job is to create a portal that acts as a single interface

to the system, accommodating different types of staffs to access and perform their tasks

regarding scheduling and semester preparation. The other team deals with the Business

Logic part of the system. The overall result of the system implementation is good. The

system meets all of the users’ requirements and to some extent, even over the users’

expectations, although some additional fixing and enhancement need to be done. From

the results we have, we are confident that the system can be implemented in the Joseph

Wibowo Center (JWC) of Bina Nusantara University and can really replace the current

system of scheduling and semester preparation.

  Keywords

BOSS, web–based system, portal, semester preparation, user interface, profiling, agile

methodology, .Net framework, database–driven menu.

Preface

  

This thesis is the final academic requirement of students of International Undergraduate

Program to graduate and obtain the bachelor degree. We are very proud of the hard work

we have put in into the development of the system and the writing of the thesis as well.

Nevertheless, there are a lot of parties, individuals and groups, who have supported and

contributed so much for the thesis to be completed successfully. To those parties we mentioned below, we thank you.

1) The late Mrs. Dr. Ir. Theresia Widia Soerjaningsih, M.M., as the Rector of Bina

Nusantara University; 2) Mr. Firdaus Alamsjah, Ph.D., as the Executive Director of Joseph Wibowo Center of Bina Nusantara University;

3) Mr. Abi Jabar, M.B.A, as the Program Director of International Undergraduate

Program of Bina Nusantara University;

4) Mr. Ir. Tri A. Budiono, M.I.T., as the Program Manager of Computer Science

International Undergraduate Program; 5) Mr. Andreas Utomo Kuswara, S.T., S.Kom., M.M., M.Comm., as our thesis supervisor; 6) Mr. Baharuddin Suryadi, S.Kom., M.M., as the Manager of Information Technology Support at Joseph Wibowo Center; 7) All the operational staffs of Bina Nusantara University at Joseph Wibowo Center who have been the interviewees and testers for the thesis;

8) Our colleagues in the other team who have developed the system together with

our team; 9) All the lecturers who have taught us the knowledge; 10) Our families and friends who have supported us in completing the thesis; and

  We are very aware that this thesis is not perfect. Thus, we generously accept every critics and suggestions given to us.

  Jakarta, July 1, 2005 Author

TABLE OF CONTENTS

  

Error! Bookmark not defined

  CHAPTER 1 INTRODUCTION ACKGROUND RROR OOKMARK NOT DEFINED 1.1 B ................................................. E ! B . COPE RROR OOKMARK NOT DEFINED 1.2 S .............................................................. E ! B . IMS AND ENEFITS RROR OOKMARK NOT DEFINED 1.3 A B ........................................ E ! B . TRUCTURES RROR OOKMARK NOT DEFINED 1.4 S ................................................... E ! B . CHAPTER 2 THEORETICAL FOUNDATION Error! Bookmark not defined. HEORETICAL OUNDATION RROR OOKMARK NOT DEFINED 2.1 T F ............................ E ! B .

  2.1.1 The Internet..............................................Error! Bookmark not defined.

  2.1.1.1 Web Portal..........................................Error! Bookmark not defined.

  2.1.1.2 World Wide Web ...............................Error! Bookmark not defined.

  2.1.1.3 Internet and Intranet ...........................Error! Bookmark not defined.

  2.1.2 Interface...................................................Error! Bookmark not defined.

  2.1.2.1 Human Computer Interaction .............Error! Bookmark not defined.

  2.1.2.2 Web Usability.....................................Error! Bookmark not defined.

  2.1.2.3 Graphical User Interface ....................Error! Bookmark not defined.

  2.1.2.4 Web Design........................................Error! Bookmark not defined.

  2.1.3 Models .....................................................Error! Bookmark not defined.

  2.1.3.1 User story ...........................................Error! Bookmark not defined.

  2.1.3.2 Use Case Diagram ..............................Error! Bookmark not defined.

  2.1.3.3 Use Case Scenario ..............................Error! Bookmark not defined.

  2.1.3.4 Data Flow Diagram ............................Error! Bookmark not defined.

  2.1.3.5 Flowchart ...........................................Error! Bookmark not defined.

  2.1.3.6 Data Dictionary ..................................Error! Bookmark not defined.

  2.1.3.7 Entity Relationship Diagram ..............Error! Bookmark not defined.

  2.1.3.8 Class Diagram ....................................Error! Bookmark not defined.

  2.1.3.9 Sequence Diagram..............................Error! Bookmark not defined.

  2.1.3.10 Activity Diagram..............................Error! Bookmark not defined.

  2.1.4 Tools ........................................................Error! Bookmark not defined.

  2.1.4.1 HTML ................................................Error! Bookmark not defined.

  2.1.4.2 Cascading Style Sheets.......................Error! Bookmark not defined.

  2.1.4.3 ASP .NET...........................................Error! Bookmark not defined.

  2.1.4.4 C# .......................................................Error! Bookmark not defined.

  2.1.4.5 JavaScript ...........................................Error! Bookmark not defined.

  2.1.4.6 Database Management System...........Error! Bookmark not defined.

  2.1.4.7 Microsoft® SQL Server .....................Error! Bookmark not defined.

  2.1.5 Testing .....................................................Error! Bookmark not defined.

  2.1.5.1 Content Proofing ................................Error! Bookmark not defined.

  2.1.5.2 Visual Acceptance Testing .................Error! Bookmark not defined.

  2.1.5.3 Web Usability Testing........................Error! Bookmark not defined.

  2.1.5.4 Web Functionality Testing .................Error! Bookmark not defined.

  2.1.5.5 Module Testing ..................................Error! Bookmark not defined.

  2.2 T HEORETICAL F RAMEWORK ............................ E RROR ! B OOKMARK NOT DEFINED .

  2.2.1 Agile Software Development....................Error! Bookmark not defined.

  2.2.2 Unified Modeling Language ....................Error! Bookmark not defined.

  CHAPTER 3 ANALYSIS ON THE EXISTING SYSTEM Error! Bookmark not defined. OMPANY ISTORY RROR OOKMARK NOT DEFINED 3.1 C H ......................................... E ! B . OMPANY RGANIZATIONAL TRUCTURE RROR OOKMARK NOT DEFINED 3.2 C O S ...... E ! B . OLICY AND ROCEDURE RROR OOKMARK NOT DEFINED 3.3 P P ................................ E ! B . ATA LOW IAGRAM RROR OOKMARK NOT DEFINED 3.4 D F D .................................... E ! B . XISTING ROBLEMS RROR OOKMARK NOT DEFINED 3.5 E P ....................................... E ! B . LTERNATIVE OLUTIONS FOR THE ROBLEMS RROR OOKMARK NOT

  3.6 A S P ............... E ! B

  DEFINED .

  CHAPTER 4 DESIGN OF THE PROPOSED SYSTEM Error! Bookmark not defined.

  4.1 W EB P ORTAL ................................................... E RROR ! B OOKMARK NOT DEFINED .

  4.2 I NTERFACE ...................................................... E RROR ! B OOKMARK NOT DEFINED .

  4.3 M ODELS .......................................................... E RROR ! B OOKMARK NOT DEFINED .

  4.3.1 User Stories .............................................Error! Bookmark not defined.

  4.3.2 UML Use Case Diagram .........................Error! Bookmark not defined.

  4.3.3 Use Case Scenario ...................................Error! Bookmark not defined.

  4.3.4 Data Flow Diagram.................................Error! Bookmark not defined.

  4.3.4.1 Context Diagram ................................Error! Bookmark not defined.

  4.3.4.2 Overview Diagram .............................Error! Bookmark not defined.

  4.3.4.3 Detailed Data Flow Diagram..............Error! Bookmark not defined.

  4.3.5 System Flowchart.....................................Error! Bookmark not defined.

  4.3.6 System Data .............................................Error! Bookmark not defined.

  4.3.6.1 Data Dictionary ..................................Error! Bookmark not defined.

  4.3.6.2 Entity Relationship Diagram ..............Error! Bookmark not defined.

  4.3.7 Class diagram..........................................Error! Bookmark not defined.

  4.3.8 Sequence diagram....................................Error! Bookmark not defined.

  4.3.9 Activity diagram.......................................Error! Bookmark not defined.

  4.4 T OOLS ............................................................. E RROR ! B OOKMARK NOT DEFINED .

  4.4.1 HTML ......................................................Error! Bookmark not defined.

  4.4.2 Cascading Style Sheet..............................Error! Bookmark not defined.

  4.4.3 Programming Tools .................................Error! Bookmark not defined.

  4.4.4 Database Management System ................Error! Bookmark not defined.

  4.5 T ESTING .......................................................... E RROR ! B OOKMARK NOT DEFINED .

  CHAPTER 5 SYSTEM IMPLEMENTATION Error! Bookmark not defined. RROR OOKMARK NOT DEFINED

  5.1 S YSTEM I MPLEMENTATION .............................. E ! B .

  5.1.1 System Specification ................................Error! Bookmark not defined.

  5.1.1.1 Hardware Specification ......................Error! Bookmark not defined.

  5.1.1.2 Software Specification .......................Error! Bookmark not defined.

  5.2 I MPLEMENTATION S TRATEGY AND O PERATIONAL P ROCEDURES ................. E RROR !

  OOKMARK NOT DEFINED B .

  5.2.1 Sitemap ....................................................Error! Bookmark not defined.

  5.2.2 Menu ........................................................Error! Bookmark not defined.

  5.2.3 Login Page...............................................Error! Bookmark not defined.

  5.2.4 Main Page................................................Error! Bookmark not defined.

  CREEN C APTURES ............................... E

  7.2 R ECOMMENDATION ......................................... E RROR ! B OOKMARK NOT DEFINED .

  REFERENCES Error! Bookmark not defined. APPENDICES Error! Bookmark not defined.

  A PPENDIX A – P

  AGE T EMPLATES ................................ E

  RROR ! B OOKMARK NOT DEFINED .

  A PPENDIX B – S

  RROR ! B OOKMARK NOT DEFINED .

  CHAPTER 6 DISCUSSION Error! Bookmark not defined. CHAPTER 7 CONCLUSION & RECOMMENDATION Error! Bookmark not defined.

  A PPENDIX C – C

  ASCADING S TYLE S HEETS .................. E

  RROR ! B OOKMARK NOT DEFINED .

  A PPENDIX D – Q

  UESTIONNAIRE ................................... E

  RROR ! B OOKMARK NOT DEFINED .

  7.1 C ONCLUSION ................................................... E RROR ! B OOKMARK NOT DEFINED .

  5.4.6 Open Discussion Sessions Results ...........Error! Bookmark not defined.

  5.3 T EST P LAN

  5.3.5 Module Testing ........................................Error! Bookmark not defined.

  ...................................................... E

  RROR ! B OOKMARK NOT DEFINED .

  5.3.1 Content Proofing .....................................Error! Bookmark not defined.

  5.3.2 Visual Acceptance Testing .......................Error! Bookmark not defined.

  5.3.3 Web Usability Testing..............................Error! Bookmark not defined.

  5.3.4 Web Functionality Testing .......................Error! Bookmark not defined.

  5.3.6 Open Discussion Session .........................Error! Bookmark not defined.

  5.4.5 Module Testing Results............................Error! Bookmark not defined.

  5.4 R ESULTS

  .......................................................... E

  RROR ! B OOKMARK NOT DEFINED .

  5.4.1 Content Proofing Results .........................Error! Bookmark not defined.

  5.4.2 Visual Acceptance Testing Results...........Error! Bookmark not defined.

  5.4.3 Web Usability Testing Results .................Error! Bookmark not defined.

  5.4.4 Web Functionality Testing Results...........Error! Bookmark not defined.

  CURRICULUM VITAE Error! Bookmark not defined.

  

LIST OF TABLES

  ..................................... E RROR ! B OOKMARK NOT DEFINED . T ABLE 4.1 – L

  E RROR ! B OOKMARK NOT DEFINED .

  T ABLE 4.4 – U SER S TORIES WITH P ROGRAM D EVELOPMENT M ANAGER AS THE A CTOR .................... E RROR ! B OOKMARK NOT DEFINED . T ABLE 4.5 – U SER S TORIES WITH C OURSE G ROUP C OORDINATOR AS THE A CTOR T ABLE 4.6 – U SER S TORIES WITH C OURSE C OORDINATOR AS THE A CTOR ............ E RROR ! B OOKMARK NOT DEFINED .

  E RROR ! B OOKMARK NOT DEFINED . T ABLE 4.3 – U SER S TORIES WITH P ROGRAM M ANAGER AS THE A CTOR

  IZES ...... E RROR ! B OOKMARK NOT DEFINED . T ABLE 4.2 – U SER S TORIES WITH A DMINISTRATOR AS THE A CTOR

  I MAGES AND T HEIR S

  IST OF

  IST OF M AJORS IN IUP..................................................... E RROR ! B OOKMARK NOT DEFINED .

  ............................................... E RROR ! B OOKMARK NOT DEFINED . T ABLE 1.1 – T HE S COPE OF THE S YSTEM T ABLE 1.2 – T HE T ERMS U SED .............................................................. E RROR ! B OOKMARK NOT DEFINED . T ABLE 2.1 – U SE C ASE D IAGRAM N OTATIONS ...................................... E RROR ! B OOKMARK NOT DEFINED .

  ICROSOFT ® SQL S ERVER T ABLE 3.1 – L

  .......................................... E RROR ! B OOKMARK NOT DEFINED . T ABLE 2.8 – C ARDINALITY IN M

  IAGRAM S YMBOLS ................... E RROR ! B OOKMARK NOT DEFINED .

  T ABLE 2.4 – C LASS D IAGRAM R ELATIONSHIP T YPES ............................ E RROR ! B OOKMARK NOT DEFINED . T ABLE 2.5 – C LASS D IAGRAM S TRUCTURAL R ELATIONSHIP ................. E RROR ! B OOKMARK NOT DEFINED . T ABLE 2.6 – S EQUENCE D IAGRAM C OMPONENTS .................................. E RROR ! B OOKMARK NOT DEFINED . T ABLE 2.7 – A CTIVITY D

  IAGRAM T ABLE 2.3 – T HE B ASIC S YMBOLS OF F LOWCHART ............................... E RROR ! B OOKMARK NOT DEFINED .

  ....... E RROR ! B OOKMARK NOT DEFINED . T ABLE 2.2 – T HE B ASIC S YMBOLS OF C ONTEXT – LEVEL D

  T ABLE 4.7 – U SER S TORIES WITH S CHEDULER AS THE A CTOR .............. E RROR ! B OOKMARK NOT DEFINED . T ABLE 4.8 – U SER S TORIES WITH R ECRUITER AS THE A CTOR ............... E RROR ! B OOKMARK NOT DEFINED . T ABLE 4.9 – U SER S TORIES WITH A LL U SERS AS THE A CTORS .............. E RROR ! B OOKMARK NOT DEFINED . T ABLE 4.10 – MS _ ADMIN T ABLE ........................................................... E RROR ! B OOKMARK NOT DEFINED . T ABLE 4.11 – MS _ BINUSIAN T ABLE ....................................................... E RROR ! B OOKMARK NOT DEFINED .

  T ABLE 4.12 –

  RROR ! B OOKMARK NOT DEFINED .

  T ABLE 4.18 –

  TS _

  ROLE _

  MENU T ABLE ................................................... E

  RROR ! B OOKMARK NOT DEFINED .

  .... E

  RROR ! B OOKMARK NOT DEFINED .

  T ABLE 5.1 – B

  ROWSER C OMPATIBILITY T EST R ESULTS FOR A LL T HREE B ROWSERS T ABLE 5.2 – W

  EB F UNCTIONALITY T ESTING R ESULTS .......................... E

  ....................................................... E

  ROLE T ABLE .......................... E

  RROR ! B OOKMARK NOT DEFINED

. T

  ABLE 5.3 – T

  EST S CRIPT R ESULTS ...................... E

  RROR ! B OOKMARK NOT DEFINED

. T

  ABLE 5.4 – O

  PEN D

  ISCUSSION S ESSION

  1 A TTENDANTS T ABLE 5.5 – O

  PEN D

  ISCUSSION S ESSION

  2 A TTENDANTS ...................... E

  RROR ! B OOKMARK NOT DEFINED .

  EXECUTIVE _

  MS _

  EXECUTIVE _

  BINUSIAN _

  WEB T ABLE .............................................. E

  RROR ! B OOKMARK NOT DEFINED .

  ............................................. E

  RROR ! B OOKMARK NOT DEFINED

. T

  ABLE 4.13 –

  MS _

  COURSE _

  GROUP T ABLE T ABLE 4.14 –

  MS _

  ROLE T ABLE .......................................... E

  BINUSIAN _

  RROR ! B OOKMARK NOT DEFINED .

  T ABLE 4.15 –

  MS _

  LECTURER T ABLE ..................................................... E

  RROR ! B OOKMARK NOT DEFINED .

  ............................................................. E

  RROR ! B OOKMARK NOT DEFINED

. T

  ABLE 4.16 –

  MS _

  MENU T ABLE T ABLE 4.17 –

  TS _

  RROR ! B OOKMARK NOT DEFINED .

  

LIST OF FIGURES

  2 X 2 F RAMES ................................... E RROR ! B OOKMARK NOT DEFINED . F

  IGURE 2.13 – A N E

  XAMPLE OF A L OGIN S EQUENCE ................................ E RROR ! B OOKMARK NOT DEFINED . F

  IGURE 2.14 – U SING T ABLE TO O RGANIZE D ATA ................................... E RROR ! B OOKMARK NOT DEFINED . F

  IGURE 2.15 – U SING T ABLE FOR W EB L AYOUT F

  IGURE 2.16 – W HAT

  I T L OOKS L IKE IN THE W EB B ROWSER ................ E RROR ! B OOKMARK NOT DEFINED . F

  IGURE 2.17 – HTML C ODES FOR

  IGURE 2.18 – W HAT

  IGURE 2.12 – C LASS E NTITY IN C LASS D

  I T L OOKS L

  IKE IN THE W EB B ROWSER ................. E RROR ! B OOKMARK NOT DEFINED . ................ E RROR ! B OOKMARK NOT DEFINED . F

  IGURE 3.1 – T HE C OMPLETE O RGANIZATIONAL S TRUCTURE OF B

  INA N USANTARA

  IUP ......... E RROR ! B OOKMARK NOT DEFINED . F

  IGURE 3.2 – T HE O RGANIZATIONAL S TRUCTURE OF O PERATION D

  IVISION ....................................... E RROR ! B OOKMARK NOT DEFINED . F

  IAGRAM ............................ E RROR ! B OOKMARK NOT DEFINED . F

  IGURE 2.11 – C ONVERTED R ELATIONSHIP U SING AN A SSOCIATIVE E NTITY ................................ E RROR ! B OOKMARK NOT DEFINED . F

  ....................................................................... E RROR ! B OOKMARK NOT DEFINED . F

  XAMPLE OF AN “E XTENDS ” R ELATIONSHIP .............. E RROR ! B OOKMARK NOT DEFINED .

  IGURE 2.1 – A N A CTOR ..................................................................... E RROR ! B OOKMARK NOT DEFINED . F

  IGURE 2.2 – A U SE C ASE ..... E RROR ! B OOKMARK NOT DEFINED . F

  IGURE 2.3 – A N E

  XAMPLE OF A “C OMMUNICATES ” R ELATIONSHIP F

  IGURE 2.4 – A N E

  XAMPLE OF AN “I NCLUDES ” R ELATIONSHIP F

  IGURE 2.5 – A N E

  ............. E RROR ! B OOKMARK NOT DEFINED . F

  ........ E RROR ! B OOKMARK NOT DEFINED . F

  IGURE 2.6 – A N E XAMPLE OF A “G ENERALIZES ” R ELATIONSHIP ......... E RROR ! B OOKMARK NOT DEFINED .

  F

  IGURE 2.7 – A N E XAMPLE OF U SE C ASE S CENARIO ............................. E RROR ! B OOKMARK NOT DEFINED .

  F IGURE 2.8 – T HE B ASIC S TRUCTURE OF AN ER M ODEL ....................... E RROR ! B OOKMARK NOT DEFINED . F

  IGURE 2.9 – A N E NTITY WITH I TS A TTRIBUTES ................................... E RROR ! B OOKMARK NOT DEFINED .

  F

  IGURE 2.10 – M ANY – TO – MANY R ELATIONSHIP BETWEEN T WO E NTITIES ........... E RROR ! B OOKMARK NOT DEFINED .

  IGURE 3.3 – DFD OF THE C URRENT S YSTEM

  F

  RROR ! B OOKMARK NOT DEFINED .

  ETAILED DFD 3.0 OF THE P ROFILING S YSTEM ............ E

  IGURE 4.19 – D

  RROR ! B OOKMARK NOT DEFINED

. F

  ETAILED DFD 2.0 OF THE P ROFILING S YSTEM ............ E

  IGURE 4.18 – D

  RROR ! B OOKMARK NOT DEFINED

. F

  ETAILED DFD 1.0 OF THE P ROFILING S YSTEM ............ E

  IGURE 4.17 – D

  RROR ! B OOKMARK NOT DEFINED

. F

  ............ E

  IAGRAM OF THE P ROFILING SYSTEM .......... E

  IGURE 4.20 – D

  VERVIEW D

  IGURE 4.16 – O

  IAGRAM OF THE P ROFILING SYSTEM F

  ONTEXT D

  IGURE 4.15 – C

  RROR ! B OOKMARK NOT DEFINED

. F

  ............ E

  RROR ! B OOKMARK NOT DEFINED .

  IAGRAM OF P ROFILING SYSTEM ........ E

  SE C ASE D

  IGURE 4.14 – UML U

  RROR ! B OOKMARK NOT DEFINED

. F

  ETAILED DFD 4.0 OF THE P ROFILING S YSTEM ............ E

  IGURE 4.13 – S

  RROR ! B OOKMARK NOT DEFINED .

  LOWCHART OF P ROFILING S YSTEM FOR A DMINISTRATORS .......... E

  IGURE 4.27 – F

  F

  RROR ! B OOKMARK NOT DEFINED .

  LOWCHART OF P ROFILING S YSTEM FOR U SERS ............ E

  IGURE 4.26 – F

  F

  RROR ! B OOKMARK NOT DEFINED .

  ETAILED DFD 9.0 OF THE P ROFILING S YSTEM ............ E

  IGURE 4.25 – D

  F

  ETAILED DFD 8.0 OF THE P ROFILING S YSTEM ............ E

  RROR ! B OOKMARK NOT DEFINED

. F

  IGURE 4.24 – D

  F

  RROR ! B OOKMARK NOT DEFINED .

  ETAILED DFD 7.0 OF THE P ROFILING S YSTEM ............ E

  IGURE 4.23 – D

  F

  RROR ! B OOKMARK NOT DEFINED .

  ETAILED DFD 6.0 OF THE P ROFILING S YSTEM ............ E

  IGURE 4.22 – D

  ETAILED DFD 5.0 OF THE P ROFILING S YSTEM F

  IGURE 4.21 – D

  CHEDULE M ANAGEMENT C ONTENT P AGE L AYOUT F

  RROR ! B OOKMARK NOT DEFINED

. F

  IGURE 4.1 – T

  EVISED C OLOR S CHEME ................................................. E

  IGURE 4.7 – L

  F

  RROR ! B OOKMARK NOT DEFINED .

  ........................................ E

  RROR ! B OOKMARK NOT DEFINED .

  ASIC L AYOUT T EMPLATE ............................................... E

  IGURE 4.6 – B

  ONT F ACE AND T YPOGRAPHY F

  IGURE 4.5 – F

  F

  RROR ! B OOKMARK NOT DEFINED .

  IGURE 4.4 – R

  RROR ! B OOKMARK NOT DEFINED .

  F

  RROR ! B OOKMARK NOT DEFINED .

  .............................. E

  RROR ! B OOKMARK NOT DEFINED .

  NITIAL C OLOR S CHEME ................................................... E

  IGURE 4.3 – I

  HE W EB P ORTAL AND ITS M ODULES F

  IGURE 4.2 – T

  F

  RROR ! B OOKMARK NOT DEFINED .

  YPES OF U SERS AND T HEIR R ELATIONSHIPS .................. E

  OGIN T EMPLATE L AYOUT ........................................ E

  .............................................. E

  IST M ANAGEMENT ..... E

  I NFORMATION ......................... E

  S C OURSE L

  URRICULUM ’

  IGURE 4.12 – C

  RROR ! B OOKMARK NOT DEFINED

. F

  I NFORMATION ................ E

  XPANDABLE G ROUPED

  IGURE 4.11 – E

  F

  RROR ! B OOKMARK NOT DEFINED .

  ........................... E

  RROR ! B OOKMARK NOT DEFINED .

  XAMPLE OF G ROUPED

  RROR ! B OOKMARK NOT DEFINED .

  IGURE 4.10 – E

  F

  RROR ! B OOKMARK NOT DEFINED .

  IEW T EMPLATE L AYOUT ..................... E

  DIT / V

  REATE / E

  IGURE 4.9 – C

  IST T EMPLATE L AYOUT F

  IEW L

  IGURE 4.8 – V

  F

  RROR ! B OOKMARK NOT DEFINED .

  F

  .......... E

  E RROR ! B OOKMARK NOT DEFINED .

  IAGRAM OF A DMINISTRATOR L OGIN A LTERNATE C OURSE

  EQUENCE D

  IGURE 4.40 – S

  IAGRAM OF A DMINISTRATOR L OGIN F

  EQUENCE D

  IGURE 4.39 – S

  RROR ! B OOKMARK NOT DEFINED

. F

  RROR ! B OOKMARK NOT DEFINED .

  IGURE 4.41 – S

  IAGRAM OF U SER F ORGOT P ASSWORD A LTERNATE C OURSE 2............... E

  EQUENCE D

  IGURE 4.38 – S

  1 F

  IAGRAM OF U SER F ORGOT P ASSWORD A LTERNATE C OURSE

  EQUENCE D

  IGURE 4.37 – S

  F

  F

  EQUENCE D

  IAGRAM OF U SER F ORGOT P ASSWORD ............... E

  EQUENCE D

  3 ..................................................................................................... E

  IAGRAM OF A DMINISTRATOR C HANGE P ASSWORD A LTERNATE C OURSE

  EQUENCE D

  IGURE 4.44 – S

  F

  RROR ! B OOKMARK NOT DEFINED .

  2 ..................................................................................................... E

  IAGRAM OF A DMINISTRATOR C HANGE P ASSWORD A LTERNATE C OURSE

  IGURE 4.43 – S

  IAGRAM OF A DMINISTRATOR C HANGE P ASSWORD .... E

  1 F

  IAGRAM OF A DMINISTRATOR C HANGE P ASSWORD A LTERNATE C OURSE

  EQUENCE D

  IGURE 4.42 – S

  F

  RROR ! B OOKMARK NOT DEFINED .

  ..................................................................................................... E

  RROR ! B OOKMARK NOT DEFINED .

  RROR ! B OOKMARK NOT DEFINED .

  EQUENCE D

  IGURE 4.28 – ERD

  EQUENCE D

  F

  RROR ! B OOKMARK NOT DEFINED .

  IAGRAM OF U SER L OGIN A LTERNATE C OURSE .......... E

  EQUENCE D

  IGURE 4.31 – S

  F

  RROR ! B OOKMARK NOT DEFINED .

  IAGRAM OF U SER L OGIN ............................ E

  IGURE 4.30 – S

  EQUENCE D

  IAGRAM OF P ROFILING S YSTEM F

  LASS D

  IGURE 4.29 – C

  F

  RROR ! B OOKMARK NOT DEFINED .

  .......................................... E

  RROR ! B OOKMARK NOT DEFINED .

  OF P ROFILING S YSTEM ....................... E

  IGURE 4.32 – S

  IAGRAM OF U SER C HANGE P ASSWORD ...... E

  IGURE 4.36 – S

  EQUENCE D

  RROR ! B OOKMARK NOT DEFINED

. F

  ...... E

  RROR ! B OOKMARK NOT DEFINED .

  IAGRAM OF U SER C HANGE P ASSWORD A LTERNATE C OURSE 3 .............. E

  EQUENCE D

  IGURE 4.35 – S

  2 F

  IAGRAM OF U SER C HANGE P ASSWORD A LTERNATE C OURSE

  IGURE 4.34 – S

  RROR ! B OOKMARK NOT DEFINED .

  F

  RROR ! B OOKMARK NOT DEFINED .

  .............. E

  RROR ! B OOKMARK NOT DEFINED .

  IAGRAM OF U SER C HANGE P ASSWORD A LTERNATE C OURSE 1 .............. E

  EQUENCE D

  IGURE 4.33 – S

  F

  RROR ! B OOKMARK NOT DEFINED .

  F

  IAGRAM A DMINISTRATOR L OGIN ................ E

  IGURE 4.58 – A

  F

  RROR ! B OOKMARK NOT DEFINED .

  IAGRAM A DMINISTRATOR F ORGOT P ASSWORD ........... E

  CTIVITY D

  IGURE 4.57 – A

  F

  RROR ! B OOKMARK NOT DEFINED .

  CTIVITY D

  IAGRAM A DMINISTRATOR C HANGE P ASSWORD .......... E

  IGURE 4.56 – A

  F

  RROR ! B OOKMARK NOT DEFINED .

  ............. E

  RROR ! B OOKMARK NOT DEFINED .

  IAGRAM U SER C HANGE P ASSWORD ............ E

  CTIVITY D

  IGURE 4.55 – A

  IAGRAM U SER F ORGOT P ASSWORD F

  CTIVITY D

  RROR ! B OOKMARK NOT DEFINED .

  IGURE 4.54 – A

  IGURE 4.61 – T

  EXT FIELD STYLE WITH DIFFERENT WIDTH SIZES .......... E

  IGURE 4.63 – T

  YPERLINK S TYLE F

  IGURE 4.62 – H

  RROR ! B OOKMARK NOT DEFINED

. F

  ......................................................... E

  RROR ! B OOKMARK NOT DEFINED .

  ABLE S TYLE ................................................................. E

  F

  F

  RROR ! B OOKMARK NOT DEFINED .

  IAGRAM A DMINISTRATOR R OLE M ANAGEMENT ......... E

  CTIVITY D

  IGURE 4.60 – A

  F

  RROR ! B OOKMARK NOT DEFINED .

  IAGRAM A DMINISTRATOR M ENU M ANAGEMENT ........ E

  CTIVITY D

  IGURE 4.59 – A

  CTIVITY D

  F

  IGURE 4.45 – S

  IGURE 4.47 – S

  IGURE 4.48 – S

  F

  RROR ! B OOKMARK NOT DEFINED .

  ..................................................................................................... E

  RROR ! B OOKMARK NOT DEFINED .

  2 ...................................... E

  IAGRAM OF A DMINISTRATOR F ORGOT P ASSWORD A LTERNATE C OURSE

  EQUENCE D

  F

  IAGRAM OF M ENU F

  RROR ! B OOKMARK NOT DEFINED .

  1 ..................................................................................................... E

  IAGRAM OF A DMINISTRATOR F ORGOT P ASSWORD A LTERNATE C OURSE

  EQUENCE D

  IGURE 4.46 – S

  F

  RROR ! B OOKMARK NOT DEFINED .

  IAGRAM OF A DMINISTRATOR F ORGOT P ASSWORD .... E

  EQUENCE D

  EQUENCE D

  IGURE 4.49 – S

  RROR ! B OOKMARK NOT DEFINED .

  EQUENCE D

  IAGRAM U SER L OGIN .................................. E

  CTIVITY D

  IGURE 4.53 – A

  IAGRAM OF R OLE M ANAGEMENT A LTERNATE C OURSE F

  EQUENCE D

  IGURE 4.52 – S

  F

  RROR ! B OOKMARK NOT DEFINED .

  IAGRAM OF R OLE M ANAGEMENT .... E

  IGURE 4.51 – S

  EQUENCE D

  RROR ! B OOKMARK NOT DEFINED

. F

  IAGRAM OF M ENU M ANAGEMENT A LTERNATE C OURSE .............. E

  EQUENCE D

  IGURE 4.50 – S

  F

  RROR ! B OOKMARK NOT DEFINED .

  ... E

  RROR ! B OOKMARK NOT DEFINED .

  IAGRAM OF M ENU M ANAGEMENT ............. E

  RROR ! B OOKMARK NOT DEFINED .

  F

  ITUATION IN THE T ESTING R OOM F

  RROR ! B OOKMARK NOT DEFINED .

  XPLORER ™.................... E

  I NTERNET E

  ABLE B ORDER IN

  IGURE 5.13 – T

  F

  RROR ! B OOKMARK NOT DEFINED .

  ................................. E

  RROR ! B OOKMARK NOT DEFINED .

  UPPOSED T ABLE B ORDER ............................................. E

  IGURE 5.12 – S

  IGURE 5.11 – S

  IGURE 5.14 – T

  F

  RROR ! B OOKMARK NOT DEFINED .

  ORGOT P ASSWORD P AGE .............................................. E

  IGURE 5.10 – F

  S L OGIN P AGE F

  ON U SER ’

  OT L OGIN Y ET )

  RROR M ESSAGE (N

  IGURE 5.9 – E

  F

  RROR ! B OOKMARK NOT DEFINED .

  .......... E

  F

  ABLE B ORDER IN O PERA ™ .......................................... E

  S L OGIN P AGE ......... E

  RROR ! B OOKMARK NOT DEFINED .

  IDTH IN M OZILLA F

  IELD W

  EXT F

  IGURE 5.19 – T

  RROR ! B OOKMARK NOT DEFINED

. F

  IDTH .................. E

  IELD W

  UPPOSED T EXT F

  IGURE 5.18 – S

  RROR ! B OOKMARK NOT DEFINED

. F

  ....................................... E

  ABLE B ORDER IN O PERA ™ .......................................... E

  RROR ! B OOKMARK NOT DEFINED .

  IGURE 5.17 – T

  F

  XPLORER ™

  I NTERNET E

  ABLE B ORDER IN

  IGURE 5.16 – T

  RROR ! B OOKMARK NOT DEFINED

. F

  .................... E

  RROR ! B OOKMARK NOT DEFINED .

  UPPOSED T ABLE B ORDER ............................................. E

  IGURE 5.15 – S

  F

  RROR ! B OOKMARK NOT DEFINED .

  ON U SER ’

  IGURE 4.64 – D

  RROR ! B OOKMARK NOT DEFINED .

  IGURE 4.70 – C

  RROR ! B OOKMARK NOT DEFINED

. F

  ..................................................................... E

  RROR ! B OOKMARK NOT DEFINED .

  IME S LOT ..................................................................... E

  IGURE 4.69 – T

  I NFORMATION S TYLE F

  ROUPED

  IGURE 4.68 – G

  RROR ! B OOKMARK NOT DEFINED

. F

  ..................................... E

  UTTON S TYLE .............................................................. E

  RROR ! B OOKMARK NOT DEFINED

. F

  IGURE 4.67 – B

  F

  RROR ! B OOKMARK NOT DEFINED .

  IST B OX S TYLE ............................................................ E

  IGURE 4.66 – L

  EXT B OX S TYLE F

  IGURE 4.65 – T

  RROR ! B OOKMARK NOT DEFINED

. F

  ........................................................... E

  RROR ! B OOKMARK NOT DEFINED .

  IST S TYLE ............................................... E

  ROP D OWN L

  ALENDAR .......................................................... E

  IGURE 5.1 – S

  ASSWORD )

  RROR ! B OOKMARK NOT DEFINED .

  NVALID U SER N AME / P

  RROR M ESSAGE (I

  IGURE 5.8 – E

  F

  RROR ! B OOKMARK NOT DEFINED .

  OGIN P AGE FOR U SERS ................................................... E

  IGURE 5.7 – L

  F

  RROR ! B OOKMARK NOT DEFINED .

  ENU FOR P UBLISHER ..................................................... E

  IGURE 5.6 – M

  F

  ENU FOR A DMINISTRATOR ............................................ E

  ITEMAP FOR U SER F

  IGURE 5.5 – M

  F

  RROR ! B OOKMARK NOT DEFINED .

  XAMPLE M ENU FOR U SERS ............................................ E

  IGURE 5.4 – E

  ITEMAP FOR P UBLISHER F

  IGURE 5.3 – S

  RROR ! B OOKMARK NOT DEFINED

. F

  ................................................. E

  RROR ! B OOKMARK NOT DEFINED .

  ITEMAP FOR A DMINISTRATOR ........................................ E

  IGURE 5.2 – S

  IREFOX ™

  F

  ............................................ E