You are on page 1of 21


FINAL PROJECT REPORT (Traveler Kit in Brunei)

Travelers Kit in Brunei

People from outside of the Brunei facing the problem with communication and do not understand the Brunei language. They also do not know or familiar with the place in the Brunei. They cannot get the map or info about what is the interesting place in Brunei.

To provide a comprehensive guide for traveling in Brunei. To develop useful software that will help many people. To develop software skill on us to become real software engineer. To encourage tourist to know Islamic culture in Brunei. To promote Islamic culture to tourist.

We aim the stakeholders is the people who travel in Brunei. We use English language so we assume the people who use this software are people who can read and understand English language. The level of age is an adult range people. The gender can be either male or female. It is not specified to certain gender, race or religious.

In the project, we will help people to easily learn and give info about what is actually Brunei is all about. We will make the tourist easily travel in Brunei. In the project also, we promote the tourist to travel to the place has Islamic element on it as example the mosque in Brunei.


1. Determine problem related to the software development. 2. Collection of sources and information from books, journals, conferences and websites. 3. Decision on tools and design are still in progress. However, the features of the software have been determined. The main menu will consist of main homepage an navigation to other page. 4. All the materials and content in this project will be checked and verified by trusted consultants before they get published in the website.

The project assign to us based on Software Engineering course that we took in this semester. Our project entitles Travelers Kit in Brunei. We create the software that can help the tourist that travel in Brunei. We have to implement the software engineering knowledge that we learn into our project. Firstly, we must know what is software?

Software is: Instructions (computer programs) that when executed provide desired features, function, and performance Data structures that enable the programs to adequately manipulate information Documentation that describes the operation and use of the programs.

Software is developed or engineered; it is not manufactured in the classical sense. Software doesn't "wear out." Although the industry is moving toward component-based construction, most software continues to be custom-built. Even though using different type of software approach and version, the software engineering general knowledge still can be use from now to future. We have tried our best to do our project based on software engineering skill and make it as our guide.

Timeline Schedule
WEEK 1- 2 Planning - Estimation -Scheduling WEEK 3- 4 Design -Idea Development WEEK 5-8 Development -Construction WEEK 9-10 Testing -Troubleshoot WEEK 11 Deployment -Delivery -Feedback


There is tool and software that we use in the developing the project, that are: 1-Macromedia Flash 8 Macromedia Flash is a multimedia platform used to add animation, video, and interactivity to web pages. Flash is frequently used for advertisements, games and flash animations for broadcast. More recently, it has been positioned as a tool for "Rich Internet Applications" ("RIAs"). Flash manipulates vector and raster graphics to provide animation of text, drawings, and still images. It supports bidirectional streaming of audio and video, and it can capture user input via mouse, keyboard, microphone, and camera. Flash contains an object-oriented language called ActionScript and supports automation via the Javascript Flash language (JSFL). Flash content may be displayed on various computer systems and devices, using Adobe Flash Player, which is available free of charge for common web browsers, some mobile phones and a few other electronic devices (using Flash Lite). Some users feel that Flash enriches their web experience, while others find the extensive use of Flash animation, particularly in advertising, intrusive and annoying, giving rise to a cottage industry that specializes in blocking Flash content. Flash has also been criticized for adversely affecting the usability of web pages.

2-Adobe Photoshop Adobe Photoshop is a graphics editing program developed and published by Adobe Systems Incorporated.

Adobe's 2003 "Creative Suite" rebranding led to Adobe Photoshop 8's renaming to Adobe Photoshop CS. Thus, Adobe Photoshop CS5 is the 12th major release of Adobe Photoshop. The CS rebranding also resulted in Adobe offering numerous software packages containing multiple Adobe programs for a reduced price. Adobe Photoshop is released in two editions: Adobe Photoshop, and Adobe Photoshop Extended, with the Extended having extra 3D image creation, motion graphics editing, and advanced image analysis features.Adobe Photoshop Extended is included in all of Adobe's Creative Suite offerings except Design Standard, which includes the Adobe Photoshop edition. Alongside Photoshop and Photoshop Extended, Adobe also publishes Photoshop Elements and Photoshop Lightroom, collectively called "The Adobe Photoshop Family". In 2008, Adobe released Adobe Photoshop Express, a free web-based image editing tool to edit photos directly on blogs and social networking sites; in 2011 a version was released for the Android operating system and the iOS operating system. Adobe only supports Windows and Macintosh versions of Photoshop, but using Wine Photoshop CS4 can run on Linux.

3-Microsoft Office Word Microsoft Office Word is a word processor designed by Microsoft. It was first released in 1983 under the name Multi-Tool Word for Xenix systems. Subsequent versions were later written for several other platforms including IBM PCs running DOS (1983), the Apple Macintosh (1984), the AT&T Unix PC (1985), Atari ST (1986), SCO UNIX, OS/2, and Microsoft Windows (1989). It is a component of the Microsoft Office software system; it is also sold as a standalone product and included in Microsoft Works Suite. The current versions are Microsoft Office Word 2010 for Windows and Microsoft Office Word 2011 for Mac. 4- Paint

Paint (formerly Paintbrush for Windows) is a simple graphics painting program that has been included with all versions of Microsoft Windows. It is often referred to as MS Paint or Microsoft Paint. The program opens and saves files as Windows bitmap (24-bit, 256 color, 16 color, and monochrome, all with the .bmp extension), JPEG, GIF (without animation or transparency, although the Windows 98 version, a Windows 95 upgrade, and the Windows NT4 version did support the latter), PNG (without alpha channel), and TIFF (without multiple page support). The program can be in color mode or two-color black-and-white, but there is no grayscale mode. For its simplicity, it rapidly became one of the most used applications in the early versions of Windowsintroducing many to painting on a computer for the first timeand still has strong associations with the immediate usability of the old Windows workspace. 5- Notepad Notepad is a common text-only (plain text) editor. The resulting filestypically saved with the .txt extensionhave no format tags or styles, making the program suitable for editing system files that are to be used in a DOS environment. Notepad supports both left-to-right and right-to-left based languages, and one can alternate between these viewing formats by using the right or left Ctrl+Shift keys to go to right-to-left format or left-to-right format, respectively. Unlike WordPad, Notepad does not treat newlines in Unix- or Mac-style text files correctly.

6-Firefox Mozilla Firefox is a free and open source web browser descended from the Mozilla Application Suite and managed by Mozilla Corporation. As of November 2011, Firefox

is the second or third most widely used browser, according to different estimates, with approximately 25% of worldwide usage share of web browsers.The browser has had particular success in Germany and Africa, where it is the most popular browser with 50% and 35% usage respectively. To display web pages, Firefox uses the Gecko layout engine, which implements most current web standards in addition to several features that are intended to anticipate likely additions to the standards. Features include tabbed browsing, spell checking, incremental find, live bookmarking, a download manager, private browsing, location-aware browsing (also known as "geolocation") based exclusively on a Google service and an integrated search system that uses Google by default in most localizations. Functions can be added through extensions, created by third-party developers, of which there is a wide selection, a feature that has attracted many of Firefox's users. Firefox runs on various operating systems including Microsoft Windows, Linux, Mac OS X, FreeBSD, and many other platforms. Its current stable release is version 8.0.1, released on November 21, 2011.

Understanding the problem

Before we start the project, we have to understand the problem may occur during the making of our project. Who has a stake in the solution to the problem? That is, who are the stakeholders? What are the unknowns? What data, functions, and features are required to properly solve the problem? Can the problem be compartmentalized? Is it possible to represent smaller problems that may be easier to understand? Can the problem be represented graphically? Can an analysis model be created?

After we understand each of the problems that above, we have to plan the solution based on this: Have you seen similar problems before? Are there patterns that are recognizable in a potential solution? Is there existing software that implements the data, functions, and features that are required? Has a similar problem been solved? If so, are elements of the solution reusable? Can subproblems be defined? If so, are solutions readily apparent for the subproblems? Can you represent a solution in a manner that leads to effective implementation? Can a design model be created? Then, we have to carry out the plan based on this: Does the solution conform to the plan? Is source code traceable to the design model? Is each component part of the solution provably correct? Has the design and code been reviewed, or better, have correctness proofs been applied to algorithm?

After that, we have to examine the result based on this: Is it possible to test each component part of the solution? Has a reasonable testing strategy been implemented? Does the solution produce results that conform to the data, functions, and features that are required? Has the software been validated against all stakeholder requirements? Then, we follow the Hookers General Principle as our guideline.. 1: The Reason It All Exists 2: KISS (Keep It Simple, Stupid!) 3: Maintain the Vision 4: What You Produce, Others Will Consume 5: Be Open to the Future

6: Plan Ahead for Reuse 7: Think! CONTENT 1. Translate 2. Top Place a. b. c. d. Istana Nurul Izzah Masjid Omar Ali Saifuddin Masjid Jame Asr Hassanal Bolkiah Kampog Ayer

3. Events a. b. c. d. e. Sultan Anniversary National Day Army Day Eid-ul-Fitri Ed-ul-Adha

4. Shopping a. b. c. d. e. f. The Mall Yayasan Hassanal Bolkiah Time Squre Airport Mall Gadong Night Market Tamu Kianggeh

5. Transportation a. b. c. d. Airport Jetty Cab Bus

WebApp Design Goals 1. Consistency Content should be constructed consistently Graphic design (aesthetics) should present a consistent look across all parts of the WebApp Architectural design should establish templates that lead to a consistent hypermedia structure Interface design should define consistent modes of interaction, navigation and content display Navigation mechanisms should be used consistently across all WebApp elements 2. Identity Establish an identity that is appropriate for the business purpose 3. Robustness The user expects robust content and functions that are relevant to the users needs 4. Navigability designed in a manner that is intuitive and predictable 5. Visual appeal the look and feel of content, interface layout, color coordination, the balance of text, graphics and other media, navigation mechanisms must appeal to end-users 6. Compatibility With all appropriate environments and configurations

Design & WebApp Quality Security o Rebuff external attacks o Exclude unauthorized access o Ensure the privacy of users/customers Availability o the measure of the percentage of time that a WebApp is available for use Scalability o Can the WebApp and the systems with which it is interfaced handle significant variation in user or transaction volume Time to Market

WebE Design Pyramid


Interface design Aesthetic design Content design Navigation design Architecture design Component design technology

Effective WebApp Interfaces Bruce Tognozzi [TOG01] suggests Effective interfaces are visually apparent and forgiving, instilling in their users a sense of control. Users quickly see the breadth of their options, grasp how to achieve their goals, and do their work. Effective interfaces do not concern the user with the inner workings of the system. Work is carefully and continuously saved, with full option for the user to undo any activity at any time. Effective applications and services perform a maximum of work, while requiring a minimum of information from users.

Interface Design Principles AnticipationA WebApp should be designed so that it anticipates the uses next move. CommunicationThe interface should communicate the status of any activity initiated by the user ConsistencyThe use of navigation controls, menus, icons, and aesthetics (e.g., color, shape, layout) Controlled autonomyThe interface should facilitate user movement throughout the WebApp, but it should do so in a manner that enforces navigation conventions that have been established for the application. EfficiencyThe design of the WebApp and its interface should optimize the users work efficiency, not the efficiency of the Web engineer who designs and builds it or the client-server environment that executes it.

FocusThe WebApp interface (and the content it presents) should stay focused on the user task(s) at hand.

Fitts LawThe time to acquire a target is a function of the distance to and size of the target.

Human interface objectsA vast library of reusable human interface objects has been developed for WebApps.

Latency reductionThe WebApp should use multi-tasking in a way that lets the user proceed with work as if the operation has been completed.

Learnability A WebApp interface should be designed to minimize learning time, and once learned, to minimize relearning required when the WebApp is revisited.

Maintain work product integrityA work product (e.g., a form completed by the user, a user specified list) must be automatically saved so that it will not be lost if an error occurs.

ReadabilityAll information presented through the interface should be readable by young and old.

Track stateWhen appropriate, the state of the user interaction should be tracked and stored so that a user can logoff and return later to pick up where she left off.

Visible navigationA well-designed WebApp interface provides the illusion that users are in the same place, with the work brought to them.

Aesthetic Design Dont be afraid of white space. Emphasize content. Organize layout elements from top-left to bottom right.

Group navigation, content, and function geographically within the page. Dont extend your real estate with the scrolling bar. Consider resolution and browser window size when designing layout.

Content Design Develops a design representation for content objects o For WebApps, a content object is more closely aligned with a data object for conventional software Represents the mechanisms required to instantiate their relationships to one another. o analogous to the relationship between analysis classes and design components . A content object has attributes that include content-specific information and implementation-specific attributes that are specified as part of design

Process Flow
Linear Process
Communication Planning Modeling Construction Deployment

The Waterfall Model

Communicat ion
project init iat ion requirement gat hering

estimating scheduling tracking

analysis design

Const ruct ion

code t est

delivery support f eedback

Data Tree
Travelers kit


Top Places




Info Info Info

Info Info Info

Info Info Info

Info Info Info

Info Info Info

The date tree is divided into 3 parts.

1. Travelers Kit- Home page. 2. Tanslate, TopPlace, Events, Shopping Transpotation Sub Menu Page. 3. Information

Home Graphic Interface

This is the main page of the software. Its contain function such Translate, TopPlace, Events, Shopping and Transportation. In this function its represented by buttons where the graphics are related by the function. Each button is functional, when click it hyperlink to the related page.

Sub-menu Graphics Interface

This page is the sub-menu. It hyperlink to this when the Transportation button was click. In this page it contains Airport, Jetty, Cab and Bus. As same as the main page, the graphics are related to the function. As it seen the consistency of the concept, format and color are all over the pages.

Information Graphic Interface

This in the Airport page. Its appear when the Airport button was click. It is different compare the previous page, where information and picture regarding Airport also included.


In conclusion, Alhamdulillah we achieve to finish our project. We have made the software to help the tourist to travel in Brunei. We hope, with the promotion to Islamic related place in our software project will make the tourist to see the beauty of Islam. This will promote the goodness of Islam to entire world.

By doing this project also, we manage to gain our knowledge in software skill and geographical knowledge. As example, we research about Bruneis place; we also have gain the knowledge about Brunei. We also can see the beauties of Brunei itself. Other than that, we also learn a lot the software tool we have use, especially Macromedia Flash 8.

We also want to thanks to our lecturer, Dr. Shihab Ahmed Hameed for his cooperation with us along this project and for the discussion in the tutorial class. Its very give us benefits since sometimes we do not know what we have done is right or wrong.

1. Ted, 2011,Software Engineering & A Practice Approach, Pressmon 2. 3. 4. 5. 6. 7. 8. 9. 10.