This assessment will allow students to develop a website
Mar 13,23Question:
Background:
Assessment type: Group assessment
Purpose: This assessment will allow students to develop a website. This assessment contributes to
learning outcomes c and d.
Value: 50% (Project plan 10%; Group report 25%; Group presentation 15%)
Due Date: Week 4 (Project plan); Week 10 (Group report); Weeks 11-12 (Group presentations)
Assessment topic: Group Project (3-5 members in a group): project plan (500 words – will be discussed in
class), report with working prototype (2,500 words) and presentation (15 minutes).
Task Details: This assessment requires students to design a website of their choice in their area of interest.
Students are required to develop a prototype of the website. The prototype will be used to test the
applicability of interface design. Students are allowed to use any software tools of their choice to develop
the prototype. A group report needs to be completed and students must present the outcome of their
project
. Students will be expected to answer the questions during the presentation about their project.
The project plan must include:
1) Title and description of the website
2) Design Plan (preliminary sketches of the website)
3) Members role and responsibilities
4) Project Plan (Gantt Chart and other related information)
The Report must contain following sections:
1) Introduction of the report
2) Detailed design of the webpages and all interfaces
3) Prototype development with teasing and screenshots
4) Conclusion and Recommendations
5) References
Presentation: The students will give 15 min presentation and demonstration of their project.
Answer:
Introduction
Assignment
Human Resource
Project Report
Introduction
ERP i.e Enterprise Resource Planning Management is an effective method of collecting, organising and performing tasks related to the development of business information System. ERP planning deals with implementation of software which performs the various tasks related with financial management, inventory handling and all the other tasks related to business information systems in a smooth and effective manner.
The idea of website creation was to create a website which would deal with providing ERP solutions to the clients for successful implementation. The website can be created in many ways using different coding languages, but for this particular assignment a simple website using HTML coding language was created.
The website which will be created in this assignment will provide easy interface to the user, where the user can click on certain sections to get information regarding the various cases.
Objective
The main objective of this project is to create user friendly working Prototype website, through which user will be able to get desktop interface regarding the companies information by clicking on various available icons.
Language Chosen for Coding
HTML i.e hypertext mark up language is chosen for creation of website.
Reasons for Choosing HTML Language
- HTML language is easy to implement.
- HTML language is an user friendly language
- HTML language gives web interfaces to the users.
- HTML language is effective to use.
- No special editor is required for writing code.
- Coding can be done using simple notepad which is easily available in every PC or laptop.
- High level designing skills are not required to do coding using HTML language.
- HTML language actually stands for Hypertext Mark up language which is used for web pages creation using world wide web i.e WWW
- The HTML language is so much user friendly, that even a person, non familiar with coding language could easily create a website, as this language is high-level language which does not makes use of complicated syntaxes or statements.
Design
https://www.powertech.com
WELCOME TO POWER TECH PVT LTD |
The name of the website created for this assignment is www.technopower.com.
HOME |SERVICES|IMAGE GALLERY|ABOUT US|CONTACT US|COPYRIGHT POLICY |
Logo Image |
The Initial Design Sketch of the Website is shown below:
The above design is the rough sketch of the website which is to be created using HTML. It is assumed that the name of the company for whom this website is to be designed is Techno Power Pvt Ltd. The logo image is to be loaded in the website for nice and clear visual effects. The main idea is that the text WELCOME TO TECHNO POWER PVT LTD is to be shown in moving format and when the user clicks on HOME, SERVICES, IMAGE GALLERY, ABOUT US, CONTACT US and COPYRIGHT POLICY, the following information should be displayed. In this case blue font colour for HOME, SERVICES, IMAGE GALLERY, ABOUT US, CONTACT US is used and the White font colour for displaying the text WELCOME TO POWER TECH PVT LTD that too in moving fashion is to be used.
Design Sketches:
Design sketch for HOME webpage is same as the initial design, so when the user clicks on HOME icon, the same information as explained initially is displayed on the PC or laptop.
SERVICES
The rough design sketch for services web page is shown below
https://www.powertech.com
Background is covered with Logo Image |
We deal with giving ERP solutions to the client
The ERP software tools which are available are SAP, Oracle and Epicor |
In this case the background is covered with Image Logo and the short information about the services which is provided by the particular company is highlighted on the web page. The font colour of white for displaying the information is to be used in this case.
IMAGE GALLERY
The rough sketch for the above web page is shown below.
https://www.powertech.com |
Logo Image |
Image 1 |
Image 2 |
Image 3 |
Image 4 |
This webpage will display the logo image along with 4 images related to the company named techno power Pvt Ltd
ABOUT US
https://www.powertech.com
Established on: 15th September 2020 Vision: To provide ERP services to the clients. Mission: To become one of the leading vendors of ERP |
The rough sketch for the above web page is shown below:
Logo Image |
The above web page contains logo image at the centre and below the image details regarding establishment year, vision and mission are highlighted. In this case the font colour of red is to be used for showing information regarding Established on, Vision and Mission.
https://www.powertech.com
Background is covered with logo image |
CONTACT US
Phone:0123-5678899
Email:xyz@powertech.com Address: Headquarter located in Sydney near Water mark park. |
The above web page contains logo image in background and details regarding the phone number, Email and Address through which the user can contact the company are highlighted. In this case font colour of red is used for highlighting purposes.
https://www.powertech.com
Copyright Policy Power Techno policy directs us to promptly respond to clear notices of alleged copyright infringement. This page describes the information that should be present in these notices pursuant to Section 512(c)(3) of the Digital Millennium Copyright Act. The Company’s response to these notices may include removing or disabling access to material claimed to be the subject of infringing activity and/or terminating subscribers. If the Company removes or disables access in response to such a notice, the Company will make a good-faith attempt to contact the provider of the allegedly infringing material so that they may make a counter notification. Power Techno pvt ltd has adopted and reasonably implemented a policy of addressing and terminating accounts of users who are found to be repeat infringers for more than two counts of infringement |
COPYRIGHT POLICY
Logo Image |
The above webpage contains logo image at the left and copyright policy i.e information regarding copyright Policy. In this case the font colour of blue is to be used for highlighting the text Copyright Policy and the font colour of black is used for displaying the contents related to copyright policy.
Prototype Development
The Prototype of the website is developed using HTML language.
MAIN PAGE:
The screenshot of the main page is shown below i.e the main website is shown below:
Code:
The html code which was used to develop this website is shown below:
<html>
<head><title>powertech.com</title>
</head>
<center>
<style>
body
{
background-image: url(‘1.jpg’);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
}
</style>
<img src= “2.jpg” width=”180 px” height= 75 px” align=”left”><br>
<br>
<hr>
<h3><font color=” Blue”> <a href =”index.html”>HOME </a> | <a href =”2.html”>SERVICES </a>|<a href =”3.html”> IMAGE GALLERY</a> | <a href =”4.html”>ABOUT US </a>| <a href =”5.html”>CONTACT US</a> | <a href =”6.html”>COPYRIGHT POLICY </a></font></h3>
<b>
<marquee><font size =”11″ color=”White”> Welcome to Power Tech Pvt Ltd </font></marquee>
</body>
</html>
SERVICES
The screenshot for the services web page is shown below:
Code:
The HTML code is shown below:
<html>
<head><title>services</title>
</head>
<center>
<style>
body
{
background-image: url(‘2.jpg’);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
}
</style>
<p> <font color=”white” size=”7″> We offer the ERP services to the client. <br> The ERP software available are SAP, Oracle.</br></font>
</body>
</html>
IMAGE GALLERY
The screenshot for this above web page is shown below:
Code:
The HTML code for the above web page is shown below:
<html>
<head><title>powertech.com</title>
</head>
<center>
<img src= “2.jpg” width=”180 px” height= 75 px” align=”left”><br>
<br>
<hr>
<img src= “1.jpg” width =”400px” height = 500px” >
<img src= “4.jpg”width =”400px” height = 500 px” >
<img src= “5.jpg”width =”400 px” height = 500 px” >
<img src= “6.jpg”width =”400 px” height = 500 px” >
</body>
</html>
ABOUT US:
The screenshot for above web page is shown below
Code:
The HTML Code for the above web page is shown below:
<html>
<head><title>powertech.com</title>
</head>
<center>
<img src= “2.jpg” ><br>
<br>
<hr>
<p><font size= “7” color=”Red”> Established on : 23rd September 2020</font><br>
<p><font size= “7” color=”Red”>Vision : To provide ERP services to the clients.</font><br>
<p><font size= “7” color=”Red”> Mission : To become one of the leading vendors of ERP providers.</font><br>
</body>
</html>
CONTACT US
The screenshot for the above web page is shown below:
Code:
The HTML Code for the above web page is shown below:
<html>
<head><title>services</title>
</head>
<center>
<style>
body
{
background-image: url(‘2.jpg’);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
}
</style>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p> <font color=”Red” size=”7″> Phone: 0123-5678899 <br> Email : xyz@powertechno.com<br> Address: Headquarter located in Sydney, near water mark park.</font>
</body>
</html>
COPYRIGHT POLICY
The screenshot for above webpage is shown below:
Code:
The HTML Code for above website is shown below:
<html>
<head><title>powertech.com</title>
</head>
<center>
<img src= “2.jpg” width=”180 px” height= 100 px” align=”left”><br>
<br>
<hr>
<p><font color=”blue” size =”7″>Copyright Notice </font><br>
<font color=”black” size =”5″>Power Techno policy directs us to promptly respond to clear notices of alleged copyright infringement. This page describes the information that should be present in these notices pursuant to Section 512(c)(3) of the Digital Millennium Copyright Act.
The Company’s response to these notices may include removing or disabling access to material claimed to be the subject of infringing activity and/or terminating subscribers. If the Company removes or disables access in response to such a notice, the Company will make a good-faith attempt to contact the provider of the allegedly infringing material so that they may make a counter notification. Power Techno pvt ltd has adopted and reasonably implemented a policy of addressing and terminating accounts of users who are found to be repeat infringers for more than two counts of infringement
</body>
</html>
Recommendation
Recommendation part of the report highlights the introduction, background, requirements, options, category by category comparisons, conclusion and recommendations.
The recommendation part of the report, for this particular assignment of website creation is shown below:
- Introduction
The main purpose of the report is to create a website for a particular company or organisation, who is involved in providing ERP solution to the clients for the successful development of their business so as to maintain supply chain network in an effective manner which will prove helpful in yielding success. In the above project, for creation of website, HTML language is used. Apart from HTML languages, other languages such css, JavaScript, python can also be used for website creation. The website designed in this project is simple and is of basic nature, so use of HTML is justified for this case.
- Background
The company which is assumed for this project of website creation provides ERP solution. It is assumed, that the company is new and accordingly, the website was created. The website which is created for the above project is simpler type, yet doing justice. But for more specific type and to obtain high professionalism, the website could have designed using html combined with JavaScript and css style sheets. The above was to get familiar with web designing and hence the use of HTML is clearly justified.
- Requirements
The main requirements for website creation are to have knowledge regarding the various coding languages which supports web development process. The available languages are CSS, JavaScript and many more apart from html. For writing the code a text editor is required. The various types of text editors which are available are notepad, sublime text editor, notepad++. The notepad editor is always available in every PC or laptop. Since the website designed is of basic nature, yet attractive highlighting the information in an efficient manner, the use of notepad for this particular assignment is justified.
- Options
Apart for using notepad editor, the interactive and more creative editor sublime text can also be used, but notepad is freely available and the sublime text editor has to be paid for downloading the software. For the more complex website designs, sublime text editor offers dynamic solutions for coding. Due to designing of website of simpler version and freely availability of notepad editor, use of notepad for the above project is justified.
- Category by Category Comparisons
For development of any project, the one main thing which comes into picture is cost. Every organisation or company wants’ their project to be cost effective. To design a complex website, definitely there would be a cost issue. Complex website can be designed using sublime text editor, which will offer attractive web dynamic interactive tools. The website designed in this project is not so complex, surely the website which is created in this project using notepad editor could also be created using sublime editor but the cost would have then increased and in this case, the website is designed without making any investment i.e it is designed freely. Hence the use of notepad editor in this project is clearly justified.
- Conclusions
From the above discussions only two conclusions are derived, that for designing complex websites as in industries, it would be beneficial to use combined effect of HTML, CSS and JavaScript along with sublime text editor because HTML alone could not be able to fulfil the requirement guidelines of industries and in this case sublime text editor will prove beneficial due to its robust features. On the other hand, for designing websites at academic levels, HTML language along with notepad will prove beneficial as it will be cost effective. In the above project due to these reasons use of HTML along with notepad editor is justified.
- Recommendations
From the above entire discussions, it is highly recommended to use Notepad text editor for coding purposes along with HTML language because the notepad editor is freely available. The website to be designed in this case is for academic purposes only, hence HTML language is perfect due to its user friendly nature.
Conclusion
In the above project of website creation, it was asked to choose a particular website of any choice. The above assignment was divided into 2 parts. In first part it was asked to create a project plan regarding the website creation. The project plan created in Part 1 of this particular assignment consists of detailed Project Charter which contains the information related to project scope, project objectives and the information related to team members involved in the project. The second part of the project deals with report writing. The report consists of brief information regarding the html language in introductory part along with the objective of website creation. The second part of the report highlights the rough design sketches of the website as well as the other web pages in detail. The former then consists of screenshot of actual website along with its interface web pages. The report ends with recommendation memoriam which provides the justification of using HTML language and notepad text editor for website creation.
References
Barker .S, Cole.R (22nd January 2009).” Brilliant Project Management (Revised Edition): what the best project managers know, do and say (Brilliant Business)”, Paperback Import
Chien.T & Syue.J (2014), “What We Ignore During ERP Implementation Activity?” Taiwan, Journal of Enterprise Resource Planning Studies, Pages-16.
https://study.com/academy/lesson/how-to-write-recommendation-reports-purpose-structure-content.html#:~:text=Lesson%20Summary-,A%20recommendation%20report%20is%20a%20paper%20that%20compares%20two%20or,and%2C%20finally%2C%20the%20recommendation.
https://www.w3schools.com/html/
Kumar. B (2018), “Impact and Need for Financial Transformation in the Insurance Industry Using ERP”, New Jersey: USA, Journal of Enterprise Planning Resource Studies, Pages-5
Assignment
Human Resource
Project Plan
Project Plan
The Project Plan starts with the creation of Project Charter, which contains all the details like title, objective, scope and information of about all the team members. The Project Charter for the above Project of Website Creation is given below:
Project Charter: Website Creation
Part 1. Project Overview:
Project Name | A simple website creation using html. | |
Name of Website | www.technopower.com | |
Project Manager | Your Name | |
Project Team Members | · Member 1 name
· Member 2 name · Member 3 name |
|
Project Charter Status
(Pending/ Approve/ Reject) |
Approved |
|
Project Manager Signature | Your Name
Class Section |
Part 2. Project Details:
Project Description | This simple website created using html provides the complete information of the techno power pvt ltd like contact details, services offered and copyright policy. This website will give perform the following information listed below:
· Services offered by the website i.e about various ERP software tools. · Image Gallery of the Company. · Vision, Mission and date of establishment of the company. · Contact Details of the Company i.e Email Address, Phone Number and Address of location. |
Project Purpose | The main purpose of the project is to design a website which will provide the information in real time to the users. |
Project goals and outcomes | The main goal of implementing this project is to develop understanding regarding website creation using html language. |
Project Deliverables | The website created in the project will give the information to the users through easy web user interface. |
Software Language Used | HTML language is used for the creation of the website as it is user friendly and its coding is easier compared to other languages like Java, Python and CSS. |
Preliminary Design Sketch
https://www.techopower.com |
WELCOME TO TECHNO POWER PVT LTD |
The Preliminary rough Design Sketch for the website www.technopower.com is shown below:
Logo
Image |
HOME |SERVICES|IMAGE GALLERY|ABOUT US|CONTACT US|COPYRIGHT POLICY |
This is the rough design sketch of the website. It is assumed that the website is of the company which deals with providing ERP solutions to the clients, which is the effective method of Organising, co-ordinating and performing tasks related to Business Information System. The main Idea is to design this website using a simple web language in HTML, with code written in notepad.
Gantt chart:
Day Project Charter Prelimary Design Sketch Implementation Report Writing
Day 1
Day 2
Day 3
Day 4
The above gantt chart gives the details regarding the tasks performed related to the creation of website. It took 4 days for creation of website. On day 1, project charter was created, which gave the detailed information regarding the scope of the project and the team members involved in creation of the project related to website development. On day 2 preliminary rough sketch using hand describing the design of Website was created. On day 3 actual coding was done using HTML language and the website was implemented in real time. On Day 4 Detailed report regarding the above project was written.
Conclusion
This is the Part 1 of the assignment where it was asked to create the project plan regarding the website development. The detailed project Plan containing the information in project charter, followed by preliminary design sketch and Gantt Chart is highlighted in this task related to website development.
0 responses on "This assessment will allow students to develop a website"