PROGRAM TITLE: PROGRAMMING

UNIT TITLE: IDE AND DEBUGGING

ASSIGNMENT NUMBER: 3
ASSIGNMENT NAME: IDE AND DEBUGGING

SUBMISSION DATE: 14/06/2021

DATE RECEIVED: 01/06/2021
TUTORIAL LECTURER: NGUYỄN MINH TRANG
WORD COUNT: 1200

STUDENT NAME: HOANG THI HIEN

STUDENT ID: BKC18306
MOBILE NUMBER: 0388334345

1
Summative Feedback:

Internal verification:

2
Contents
Introduction.........................................................................................................4
Main content........................................................................................................4
1. Evidence of how the IDE was used to manage the development of my code.......................4
2. An evaluation of developing applications using an IDE versus developing an application
without using an IDE...............................................................................................................5
3. An evaluation of the debugging process in the IDE used and how it helped with
development.............................................................................................................................8
4. An evaluation of coding standards and the benefits to organisations of using them..........8

Software development........................................................................................8
1. Project planner........................................................................................................................8
2. Tasks.........................................................................................................................................8
3. Testing....................................................................................................................................11
4. Manager it..............................................................................................................................11
5. Psuedocode.............................................................................................................................12
6. Reflection................................................................................................................................13

References..........................................................................................................14

3
Introduction
I have been asked by my manager to develop a working application following my design and
program specifications of the ordering system.
My system is used to help customers order food online easily and conveniently.
Through this system, the restaurant can introduce their dishes, with pictures, descriptions and
prices for customers to choose and order.
Therefor, this report has 4 main parts: Part A is Introduction, part B is main content, part C is
and part D is reference.

Main content
1. Evidence of how the IDE was used to manage the development of my code
In the Assignment 2, we already know what an IDE is. And this Assignment, I choose
Visual Studio Code to manage develop of my code and I will evidence of how the
Visual Studio Code was used to manage the development of my code.
I use Visual Studio Code version 1.57.1

Visual Studio Code supports lots of extension

4
I installed lots of extension for my source code such as: Python, Bootstrap 4, Font
awesome 4, Font Awesome 5 Free & Pro snippets, HTML CSS Support, …
And Visual Studio Code supports format my source code:

On Visual Studio Code, I can open one or more terminal tabs at the current working
directory, which greatly increases work efficiency:

5
2. An evaluation of developing applications using an IDE versus developing an
application without using an IDE
Like most newbies, I started learning to code with Notepad++, one of the simplest
IDE.
Notepad++ is a free source code editor which supports several programming
languages running under the MS Windows environment but it is too simple, does not
suggest code, does not fix errors, cannot install additional utilities.

Visual Studio Code build and debug modern web and cloud applications. Code is free
and available on your favorite platform - Linux, Mac OSX, and Windows.

6
Although only released in the last 4-5 years, VSCode has become one of the most
powerful and popular Code Editors for programmers. Thanks to its support for many
popular programming languages, full features and extensibility, VSCode becomes
extremely familiar and easy to use for any programmer.
VSCode dominates most charts of developer environments. In the 2019 Stack
Overflow Survey, VSCode was ranked as the most popular development environment
with over 50% of the more than 90,000 survey participants. This figure for 2018 is
35%. This shows the growing "coverage" and the usefulness that VSCode brings to a
programmer.

Pros and cons:

- Notepad++:
 Free and open source
 Solid default feature
 Fully customizable user interface
 Lots of plugins
 Ability to work with macros
X Old fashioned design

7
 X Manipulate plugins
X Not suggest code
X Not fix errors

- Visual Studio Code:

 Easy to use user interface.

 Free and open source

 Suggest code
 Good integration to code repositories.

 Good integration with third party components.

 High flexibility through extensions and settings

 Visual Studio Code integrates Debug

X Integration to new Git repositories can be better

X Consumes battery and memory

So, I chose Visual Studio Code to code my order system and I think it's the right
choice
3. An evaluation of the debugging process in the IDE used and how it helped with
development.
One of the main features of Visual Studio Code is its excellent debugging support. By
default, Visual Studio Code only comes with a Debugger that supports NodeJS. But of
course, again, you can also install extensions to debug other languages. And I install
extensions to debug for Python.

You can start the debugger in the following ways.

 Select Start Debugging from the Run menu

 Selecting the Run icon from the left pane and click on Run and Debug
 Pressing F5 on the keyboard

8
As soon as you hit the Run and Debug button, a popup will appear in VS Code which
will prompt you to choose the Debug Configuration that you would like to use. Let us
go as soon as you hit the Run and Debug button, a popup will appear in VS Code
which will prompt you to choose the Debug Configuration that you would like to use.
Let us go ahead with the Python File option for the time being. You can select other
debug configurations based on the application that you are working with:

Debug Toolbar – This is the main toolbar that allows you to navigate along with your
code as you try to debug it. There are six actions on this toolbar which are as follows:

Call Stack Pane – This is helpful when your code has a lot of inner methods and you
navigate deep inside a stack and then you might lose track of your stack. When there
is any error in your program you can easily know from which stack is the error has
occurred and then debug it accordingly:

While writing complex applications, it often becomes a pain point to identify bugs in
the existing system. In order to understand the complete flow and remove those bugs,
debugging helps us to identify those pain points and understand them with more
details about the execution flow of the application. Debugging should be considered
as one of the core parts of any application development.

9
 4. An evaluation of coding standards and the benefits to organisations of using
them

Software development
1. Project planner

2. Tasks
My system has functions:

- Register:

10
 If you want to place an order, you must have an account to access my system. So I
made a register function that helps customers create their accounts.

- Login:

After registering you will have an account and login function for you to use that
account to access my order system. If the information you entered is incorrect, my
system will notify you be like:

11
 And if you logged in successfully, your email will display on the header of
website:

- Logout:

- See the Category, Products

12
 - Add to cart:
You can Add products to cart and you can see quantity and total price of them

- Order:
From cart, you click on Bill button, you can order when you enter information
about your order.

3. Testing
After completing the system, I tested the functions, and put in some test cases of the
functions.
Such as: Test case for Login

13
4. Manager it
Django uses the MTV model similar to the MVC (Model-View-Controller) model in
other frameworks framework.
Directory structure of a Django project:

I have an apps folder where all my apps are.

In the static folder I have all the static files like CSS
In the custom folder, I put our logic to override some specific applications.
In the template folder I put our html
The files in the root project tree, like settings and urls.py, are the common
configuration for the project.

14
5. Psuedocode

#Make the GUI

Make the name entry field
Make the address entry field (Greyed out)
make the phone number entry field (Greyed out)

Put a checkbox in labelled "delivery" that ungreys out the address and phone number
field

for each item in data:

make a label with the name
Make a label with the corresponding price from Coffee_Prices
Make a spinbox (0-5) labeled named based on the Coffee type

15
 Make a submit button that calls the submit function
Make a confirm button that prints out the details and resets the window (Greyed out)
Make an output box

Submit Function:
Check the name is entered else error = true
if the delivery button is checked:
check the address is entered else error = true
check the phone number is entered else error = true
check that no more than 5 total coffee are entered else error = true
if error == true:
display error message in the output box
else:
ungrey out the confirm button
get the coffee from the spinboxes
display the order in the output box

6. Reflection
I learned how to program an order system. From the initial steps of creating a
database to the steps of creating an ordering system.

16
 I also learned how to use VSCode fluently, know how to identify bugs and debug

References
GIỚI THIỆU VỀ VISUAL STUDIO CODE - KỲ I - MARKET ENTERPRISE VIỆT NAM
In-text: (Giới thiệu về Visual Studio Code - Kỳ I - Market Enterprise Việt Nam, 2021)
Your Bibliography: Market Enterprise Việt Nam. 2021. Giới thiệu về Visual Studio Code -
Kỳ I - Market Enterprise Việt Nam. [online]
Available at: <https://www.marketenterprise.vn/blog/gioi-thieu-ve-visual-studio-code-ky-
i.html> [Accessed 22 June 2021].

OPEN SOURCE NOTEPAD++ IS A SOLID CONTENDER AMONG TEXT EDITORS

In-text: (Open source NotePad++ is a solid contender among text editors, 2021)
Your Bibliography: TechRepublic. 2021. Open source NotePad++ is a solid contender
among text editors. [online]
Available at: <https://www.techrepublic.com/blog/web-designer/open-source-notepad-plus-
plus-is-a-solid-contender-among-text-editors/> [Accessed 22 June 2021].

17
18