Online System Design & Development by mamatazroy91

VIEWS: 8 PAGES: 18

									 Online System Design &
      Development
 http://www.articlesbase.com/web-design-
   articles/phases-of-website-design-and-
 development-4412211.html#ixzz1Hrly9rkN
Under Creative Commons License: Attribution
  6 Phases of Website Design and
           Development
Phase 1: Collection of Information
Phase 2: Planning
Phase 3: Design
Phase 4: Development
Phase 5: Testing and Delivery
Phase 6: Maintenance
Phase 1: Collection of Information
• Gathering information is the first step while
  designing any website. While putting up a plan
  regarding development of a website, many factors
  have to be taken into consideration:
   – It involves a good understanding of the company,
     its business objectives, target audience etc.
   – Purpose of the site has to be well-defined. It
     should be clear whether one wants to provide
     information, sell a product, promote a service etc.
   – You also have to be clear about age, education,
     background etc. of your target audience.
   – You also need to make out what kind of
     information will the target audience be looking
     for on your site.
          Phase 2: Planning
• When you have all the information at your
  disposal, it is time to chalk out a plan for your
  website.
• It would serve as a guide as to what content
  would be on the site and help to develop an
  easy-to-comprehend navigational system.
• It is during this stage when the web designer
  decides about the technologies to be
  implemented.
            Phase 2: Planning
          (Proposal Document)
• Define Problem Statement
• Understanding current process:
  – Interview
  – Observation
  – Study current document
• Time Frame – Gantt Chart
• Cost Estimation
                Phase 3: Design
Several things to be complete :
• GUI Design
   – It is time now to determine the look and feel of your website –
     Ease to use and user friendly GUI
   – Navigation of your page.
   – Process Flow
   – Data Flow Diagram (DFD)

• Database Design
   – How many tables?
   – Data type?
   – Normalization ( join tables)- primary key, foreign key.
 Phase 3: Design (Documentation)
• Data Flow Diagram
  – What data involved?
  – Who involved?
• GUI Design
  – Menu Chart
  – Flow Chart Design- Navigation
• Entity Relationship Diagram (ERD)
   Phase 4: Development
• The actual development of website begins at this stage.
• Prepare the development environment – servers, tools and
  database
• Set environment – Using WAMP or XAMPP
• The designer takes all the individual graphic elements from
  the prototype and uses them to create a functional website.
• The design and navigation contains all the elements
  previously decided on.
• On the technical front, code needed for front-end and back-
  end web development is written at this stage.
  Phase 5: Testing and Delivery
• This stage involves giving the website final touch and testing it
  on different parameters.
• A website has to be tested for the complete functionality of
  forms or other scripts, as well as for compatibility with
  different web browsers.
• As part of testing, the designer must ensure that the code
  written for your website validates.
• Valid code means that the website meets the current web
  development standards. Once the testing is done, the website
  is uploaded using FTP (File Transfer Protocol) program to your
  server.
• Most designers offer domain name registration and web
  hosting services as well. Once you set up these accounts, and
  the web site uploaded to the server, it becomes public.
       Phase Six: Maintenance

• Provide user training and manual guide
• Before hand in the system to your user, make
  sure user get a proper training.
Assignment 3
       Modul Penyelenggaraan Kapal
                Terbang
Penyelenggaraan Kapal Terbang
                                            Tambah
      Data                         Proses
                                            Kemaskini
       Maklumat Penyelenggaraan
                                            Papar
      Tarikh penyelenggaraan
      Pegawai yang menyelenggara
      Jenis Penyelenggaraan                   Papar ikut jenis kapal terbang
      Tempoh Penyelenggaraan
      Kos                                     Kos penyelenggaraan
      Kategori Penyelenggaraan
                                               Papar Maklumat
      Tarikh penghantaran
                                               Penyelenggaraan
      Tarikh siap
      Bengkel Penyelenggaraan
                                                        Tahun

                                                        Bulan
          Simpanan Kapal Terbang

Simpanan Kapal Terbang
                                        Tambah
                               Proses
           Data                         Kemaskini
      Maklumat Simpanan
                                        Papar
    Jenis Kapal Terbang
    Kuantiti
    Lokasi Simpanan                       Papar ikut jenis kapal terbang
    Tempoh Simpanan
    Maklumat Penggunaan                    Papar Maklumat
    Maklumat Pindahan
    Pegawai Bertanggungjawab
    Maklumat Pegawai yang                           Jenis
    Bertanggungjawab
                                                    Lokasi
    GUI Design - Login Page Example
      SISTEM PENYELENGARAAN KAPAL TERBANG
1                                                       Login.php
         MAKLUMAT LOGIN:
         User id :
         Katalaluan :
                                              Hantar




2        MENU SISTEM PENYELENGARAAN KAPAL TERBANG

      Tambah            Tambah Maklumat Penyelenggaraan Baru
      Kemaskini
                    Tarikh :
      Papar                                                         Welcome.php
                    Jenis Penyelenggaraan:
                    Jenis Kapal Terbang:



                         Simpan   Kemaskini     Hapus
                            Database Design
Flight_Info
 Flight_No    Flight_Category           Flight_Name           Flight_Location   Qty
   K-684         VIP Flight     Royal Danish Air Force C-47       Subang         2
   XF-87          Aircraft             Curtiss XF-87             Langkawi        5




 maintenance_Info
     M_ID        Flight_No        M_Category              Workshop_Location           Qty
     0011           K-684            painting                   Sg Besi                2
     0012           XF-87            overhaul                  Langkawi                5
LOGIN PROCESS -FLOW CHART
           mula


           Login
           Menu



         pengesahan      Tidak Sah

                   Sah


          Papar Menu
            Utama



             Tamat
    DATA FLOW DIAGRAM - DFD

  Pentadbir                                          Pekerja_Bengkel
                             Sistem
                         Penyelenggaraan
Maklumat kapal terbang    Kapal Terbang    Maklumat servis

								
To top