WEB DESIGNING

WD1 :PHP, WordPress, Joomla , Drupal , Polymer , Pure.CSS , ReactJS , RequireJS , RESTful Web Services , Ruby on Rails-2.1 , Ruby on Rails

WD3 :Ajax , Angular2 , AngularJS , ASP.Net , Bootstrap , HTML,HTML5,HTTP,JasmineJS, JavaScript , Joomla 

WD5 :CherryPy , Codeigniter , CoffeeScript , CPanel , CSS , CSS Buttons , Django , Drupal , ExpressJS , Flask 

WD7 :Adobe Flex , Framework7, Google Maps , jQuery , jQueryUI , JSF , Magento Framework , MVC Framework , PhantomJS , Phalcon

WD9 :VBScript , VueJS , W3CSS , Web2Py , WebGL , WebRTC , Web Services , Website Development , Web Sockets , Zend Framework 


1) 5101-WordPressWork

Assignment Description

TASK 1: PROTOTYPE IMPLEMENTATION (25 marks)

1. Use the assigned URL supplied to you by your Cloudaccess.net/WordPress to develop a preliminary prototype of your proposed e-commerce website.
a. REMINDER: Ensure that the prototype is directly and obviously related to the business model/category that was assigned to you. Failure to do so will result in your assignment being rejected and a zero mark awarded.
2. Configure the site with a menu and navigation links to (at the very minimum) the following content pages:
a. Home page (including a company banner and logo, and navigation menu)
b. About page
c. Product/information page/s (include descriptions, prices and images)
d. Company Policies page
i. Returns and refunds
ii. Security
iii. Privacy and confidentiality
e. Contacts page

TASK 2: FINAL WEBSITE (40 marks)

1. Extend your WordPress prototype to include:
a. An aesthetically pleasing, easy- to-use interface
b. Customer registration
c. A comprehensive product/service catalogue
d. Shopping cart
e. Order form and payment interface
f. Discussion forum
g. Feedback form
You will not be required to install WordPress on your computer.
Instead you will be provided access to a pre-installed WordPress development environment provided by cloudaccess.net via a url link assigned to each student.
Page 3 of 5
Instructions to access your cloudaccess.net website will be provided on the StudyDesk.
Task 1 and 2 will be assessed for completeness and working functionality based on an inspection of your website.
Page 4 of 5

TASK 3: BRIEFING REPORT (essay format) (35 marks)

Prepare and submit a briefing document (about 1000 words) with appropriate numbering, headings and sub-headings on completion of the development of the prototype. Include the following in your briefing document:
1. Identify the URL of the website and your assigned business model/category in the first part of the report.
2. Describe the website structure and the purpose of each element (include snapshots and diagrams where appropriate).
3. List the WordPress components and features you used in the development of the prototype.
4. Describe each of the website features and functionality that you implemented in Task 2.
5. Explain any changes you have implemented (or plan to implement) that deviates from your initial proposal and presentation from Assignment 1.
6. List and briefly describe any links and resources that you have used, as well as any that you are likely to use in the building of the fully functional website.


2) EM0182-EM19259JAS2301CSWR

Assignment Description

Assignment 3 requires you to present a report to discuss implementation issues in the e-commerce management sector, including further extending your prototype website from Assignment 2 to facilitate e-commerce transactions based on the same online business category as in Assignment 2. You will be required to extend the development of your prototype website using the Joomla! content management system in cloudaccess.net. Details about setting up your website at CloudAccess.net is provided in Joomla Workshop 1. Your implementation report and prototype website must be related to the online business category assigned to you. Failure to do so will result in your assignments being rejected and no marks will be allocated.

Checklist: Prototype Joomla! Website 30 marks
Ensure you setup your Joomla! website and complete the activities as listed in the checklist document. Your Joomla! Website URL should be accessible for the marker to assess the activities undertaken as per the checklist document. 1. Overall Presentation & Functionality Enhancements (5) 2. Product/ Service Catalogue (5) 3. Shopping Cart/ Enquiry Form (5) 4. Account Registration & Login (5) 5. Checkout/ Order Processing & Payment (5) 6. Discussion Forums/ Blog (5)


3) 7248-Joomla

Assignment Description

Assignment 2

Assignment 2 requires you to plan and develop an e-commerce business strategy report including building a prototype website using Joomla! based on the online business category assigned to you. Your online business category will be emailed to you separately. You will be required to develop your prototype website using the Joomla! content management system in cloudaccess.net. Details about setting up your website at CloudAccess.net is provided in Joomla Workshop 1 (Joomla Workshop 1 PDF is available on your Study Desk under Module 1 in Week 1). Your business model and prototype website must be related to the online business category assigned to you. Failure to do so will result in your assignments being rejected and no marks will be allocated.
Report: E-commerce Business Strategy 70 marks
Report Structure and Presentation 5 Your report should include a title page, Table of Contents (including List of Tables and List of Figures if applicable) and Appendices. Note: Make sure to state your name and student number in the report on the title page. State the word count of the report (Introduction to Conclusions & Recommendations) Report Executive Summary and Introduction 5 (Introduction – approx. 250 words) Your report should include executive summary, and introduction to the report. Note: Make sure to nominate a name for your prototype website and provide a brief rationale why you used this name in the Introduction to the report.

Report Section 1 – E-commerce Business Strategy (approx. 500 words) 15
A business strategy is a set of plans for achieving superior long-term returns on the capital invested in an organisation. There are five basic business strategies – Table 5.9 (page 364) in your textbook illustrates those strategies.
Select a business strategy that you think is relevant to your proposed online business and assigned business category.
When you consider your business strategy, you have to discuss the nature of competition in your market, types of products and services that you may be providing, unique value that you may be offering, distinguishing processes that you may be following, and level of personalisation and customisation that you may be able to offer.
Report Section 2 – E-commerce Business Models (approx. 1000 words) 20
Simply put, a business model is a plan for making money. The textbook explains eight components of a business model (Refer to Table 5.3, page 336). Discuss the following three components of the e-commerce business model for your online business:
 Value proposition – how does your online business fulfil customer needs?
 Revenue model – how does your online business earn revenue and have a positive return on investment?
 Competitive environment – who else occupies your intended market place?
Report Section 3 –Online marketing and advertising tools (approx. 500 words) 15
Online marketing and advertising tools provide a greater opportunity for companies to attract potential customers and increase their revenues. The textbook explains six online marketing tools – Refer to page 394.
Select two online marketing tools that are relevant to your online business and justify your choice.
Describe how the chosen online marketing tools attract customers. You should discuss the main benefits and challenges of using these tools for your online business and ways to measure the results of the chosen online marketing tools.
Report: Conclusions and Recommendations to the Business (approx. 250 words) 5 Your report should include a separate conclusions and recommendations section.  Conclusions provide a summary of your key findings from the body of the report.  Recommendations provide a summary of the recommendations to your online business based on the research conducted in the report.

Report: Referencing and Appropriateness of Sources 5 References are required and the Harvard AGPS standard of referencing must be used. This standard is detailed on USQ Library Site <http://www.usq.edu.au/library/referencing>. Ensure that your reports are fully referenced, including any reference to the text book. Your report should include in-text references and a List of References.
Do not repeat verbatim large slabs of information from other sources such as the text – you must put the ideas/information in your own words.
You must use at least ten (10) academically sound sources other than the textbook in completing this report.
Note: the word count does not include letter of transmittal, executive summary, references or appendices.
Checklist: Prototype Joomla! Website 30 marks
Ensure you setup your Joomla! website and complete the activities as listed in the checklist document. Your Joomla! Website URL should be accessible for the marker to assess the activities undertaken as per the checklist document. 1. Valid setup of Joomla! Website (5) 2. Template and layout is accessible and user friendly (5) 3. Content – key articles: Home, About, Contact (5) 4. Menu & Links (5)
Report: Website Development Journal 10 Prepare a journal that records your activities while developing the prototype website. In date order, clearly list the following:  Date of project activity  Full description of activity / discussion  Time duration of the activity


4) 7248-Joomla

Assignment Description

Assignment 3

Assignment 3 requires you to present a report to discuss implementation issues in the e-commerce management sector, including further extending your prototype website from Assignment 2 to facilitate e-commerce transactions based on the same online business category as in Assignment 2. You will be required to extend the development of your prototype website using the Joomla! content management system in cloudaccess.net. Details about setting up your website at CloudAccess.net is provided in Joomla Workshop 1. Your implementation report and prototype website must be related to the online business category assigned to you. Failure to do so will result in your assignments being rejected and no marks will be allocated.
Report: E-commerce Implementation 70 marks
Report Structure and Presentation 5 Your report should include a title page, Table of Contents (including List of Tables and List of Figures if applicable) and Appendices. Note: Make sure to state your name and student number in the report on the title page. State the word count of the report (Introduction to Conclusions & Recommendations) Report Executive Summary and Introduction 5 (Introduction – approx. 250 words) Your report should include an executive summary, and introduction to the report. Note: Make sure to use the same name for your e-commerce site as reported in Assignment 2.

Report Section 1 – Implementation Plan (approx. 750 words) 10 The systems development life cycle (SDLC) is a methodology to understand the business objectives of an information systems and to design an appropriate information systems. Using the SDLC methodology, construct an implementation plan for the e-commerce presence for your online business. The SDLC for an e-commerce site involves five major steps: systems analysis, systems design, building the system, testing the system and continuing maintenance of the system. As a planning report, please list how these steps will be performed for your e-commerce website with reference to the e-commerce strategy adopted in Assignment 2. Report Section 2 – Social Marketing Campaign (approx. 750 words) 10
The social marketing process is a series of five steps or stages; fan acquisition, engagement, amplification, community, and finally brand strength or sales.
Briefly explain the five steps and suggest how your website can assist during the five steps of social marketing campaign.
Report Section 3 –Privacy in Social Networks (approx. 750 words) 10
Your online website provides a link to social networks for better engagement with your customers. While such interactions are beneficial, your business is considering to adopt ethical ways to manage customer information on social networks.
Your business has decided to alert your existing customers regarding social network communication. You are asked to research why do social networks pose a unique problem to the issue of information privacy, and how might sharing personal information on a social site adversely affect a user? Your research findings will be emailed to your customers and hosted in your website.
Report Section 4 –Mobile Presence (approx. 750 words) 10
The majority of Internet users access the web using mobile devices these days.
Assuming you intend to develop a mobile presence for your business, briefly explain the steps required to do so? Please refer to section 3.6 from the textbook.
Based on your business category and objectives, determine the key system functionality and information requirements for mobile presence.
How can your business take advantage of m-commerce from customer as well as your business point of views?
Report: Conclusions and Recommendations to the Business (approx. 250 words) 5 Your report should include separate conclusions and recommendations sections.  Conclusions provide a summary of your key findings from the body of the report.  Recommendations provide a summary of the recommendations to your online business based on the implementation study conducted in the report.

Report: Referencing and Appropriateness of Sources 5 References are required and the Harvard AGPS standard of referencing must be used. This standard is detailed on USQ Library Site <http://www.usq.edu.au/library/referencing>. Ensure that your reports are fully referenced, including any reference to the text book. Your report should include in-text references and a List of References.
Do not repeat verbatim large slabs of information from other sources such as the text – you must put the ideas/information in your own words.
You must use at least ten (10) academically sound sources other than the textbook in completing this report.
Note: the word count does not include letter of transmittal, executive summary, references or appendices.
Report: Appendix 1 Journal 10 Prepare a journal that records your activities and research related to completing this assignment. In date order, clearly list the following:  Date of research & project activity  Full description of activity / discussion  Time duration of the activity Submit this journal as Appendix 1 in the Report.
Checklist: Prototype Joomla! Website 30 marks
Ensure you setup your Joomla! website and complete the activities as listed in the checklist document. Your Joomla! Website URL should be accessible for the marker to assess the activities undertaken as per the checklist document. 1. Overall Presentation & Functionality Enhancements (5) 2. Product/ Service Catalogue (5) 3. Shopping Cart/ Enquiry Form (5) 4. Account Registration & Login (5) 5. Checkout/ Order Processing & Payment (5) 6. Discussion Forums/ Blog (5)


5) 7247-WebsiteProposal

Assignment Description

1. Your web design consultancy company has been invited to tender for the design of a web site for a newly formed business/organization.
2. As part of the tender process you are required to present a proposal to the management team of the company.
3. If your proposal is eventually accepted, you will be asked to develop a prototype of your design in WordPress in Assignment 2.
4. The client’s business category/model will be supplied to you via email in the first week of the semester.
5. Your design proposal MUST address the specific and unique needs of the business category/model you have been assigned. You are also required to ensure that both your
Assignments 1 and 2 meet the criteria to be classed within, and is directly related to, the business category assigned to you. Failure to do so will result in your assignments being rejected and no marks will be allocated to them.
6. You have been asked to do some preliminary research into the needs of the company and then demonstrate your capabilities and what you and your company can offer.
7. Your company has been told from the outset that the website must incorporate a highend and responsive web design that provides a great user experience while creating an
atmosphere of trust and professionalism.
8. You sent the management of the business a questionnaire and interviewed them for more information about the project and their requirements.
9. You analysed the information they provided and promised to send them a proposal in the next few days.
10. Prepare a professional web design and development proposal in the form of a PowerPoint presentation (25-30 slides) that will inform and impress the client.
11. Include speaker’s notes for each slide, as well as images, graphics, tables, animations, etc. where appropriate.
12. Do not include citations in your slides. Place all your sources of reference on your final slide.


6) 735634- Web Application Development

Assignment Description

  1. Web portal: The architecture of the assignment needs to be strictly three tiers based. This means web portal is only used for rendering contents, taking inputs from users and feeding
    back results. The portal is not supposed to handle any business logics (PHP, Ruby on Rails, JSP style portal and things similar will not be accepted and marked). You will need to use javascript+HTML 5+CSS for your web portal development. Necessary third party libraries are allowed in the implementation. It should not point any specific backend server (bound with specific IP/hostname or etc.) but needs to be configurable using some configuration files
    2. Middle Layer: A middle layer that talks to both database and web portal through message exchange. It should handle all business logics (how SMS should be manipulated, how transaction is supported, authorisation and authentication and etc.). The middle layer needs to be implemented conforming to Java Servlet standard. It needs to be done in JAVA rather than any other programming languages. It should not point any specific backend database, but is configurable using web.xml configure file.
    3. Database: MySQL database will be used to store data. You will need to define your database schema that support your application. For this assignment, you don’t need to worry too much about the DB normalisation rules and etc. You can use one table even as long as it satisfies your needs.
    4. Message Exchange: The messages that are exchanged between the portal and middle layer need to be JSON. This leads the whole system to a completely decoupled manner. No portal will be relying on any specific middle layer’s implementation and vice versa. Both of them are only dependent on the contents of the messages exchanged and interpretations of those messages.


7) EM0128-EM18921AVN2410WEB

Assignment Description

TASK 1: PROTOTYPE IMPLEMENTATION (25 marks)
1. Use the assigned URL supplied to you by your Cloudaccess.net/WordPress to develop a preliminary prototype of your proposed e-commerce website.
a. REMINDER: Ensure that the prototype is directly and obviously related to the business model/category that was assigned to you. Failure to do so will result in your assignment being rejected and a zero mark awarded.
2. Configure the site with a menu and navigation links to (at the very minimum) the following
content pages:
a. Home page (including a company banner and logo, and navigation menu)
b. About page
c. Product/information page/s (include descriptions, prices and images)
d. Company Policies page
i. Returns and refunds
ii. Security
iii. Privacy and confidentiality
e. Contacts page

TASK 2: FINAL WEBSITE (40 marks)
1. Extend your WordPress prototype to include:
a. An aesthetically pleasing, easy- to-use interface
b. Customer registration
c. A comprehensive product/service catalogue
d. Shopping cart
e. Order form and payment interface
f. Discussion forum
g. Feedback form
You will not be required to install WordPress on your computer.
Instead you will be provided access to a pre-installed WordPress development environment provided
by cloudaccess.net via a url link assigned to each student.


8) 7152-webservices

Assignment Description

We’d like to have the services working on NodeJS, following standard (and clearly visible) MVC pattern with comment on each one, comments on each service.

Requirements:

• Step by step instructions on how to create operational Cassandra DB and it’s tablespace (with username/password, etc.);

• Simple web page (no registration, no navigation, no styles) will upload a document with the following fields (meta-information):

o Title – up to 150 characters;

o Target discipline (specialty) dropdown – to be taken from a table within MySQL (separate read service for the HTML drop-down, no CRUD here)

o Article type dropdown – to be taken from a table within MySQL (separate read service for the HTML drop-down, no CRUD here)

o Abstract – additional meta description from the students, up to 2000 characters

o Images (up to 5), to be stored within the Document DB. Separate small service behind the scene, who deals only with images CRUD operations. Tight to the main document ID from MySQL

o Tags – up to 10, provided by the user. Stored in the Document DB together with the main document

o Tags: separate CRUD service (micro service for tag management. No preferences which database to keep them. Up to the developer, but in a separate table/document)

o Date of creation (provided by the user. May be older/different than current date)

o Additional information – text with up to 500 characters size

o The file itself – from the main service, send it to a smaller service, once the metadata is uploaded. Check it for Text file (all possible formats are welcome – txt, doc, docx, pdf-but text, html, but NO javascript. Send hunan readable error and code

• Each record should have timestamp – date of creation and Timestamp – update/modify date

• I’d like to start with a single “huge” rest service who receives the post data and creates the following records:

o Create meta information record within MySQL database and using its ID and

o Create the record within Document Database, using the ID from the step 1

o Document creation should be separate “small” service

o All these are supposed to have separate services for the CRUD operations (it may be one and the same entry point, but different routing based on the operation)

• The response should contain the following two parameters: ID of the created record within the MySQL and document ID, created into the document DB

• If completely new files are required for any of the mentioned configurations – we’d expect to have them in the final tar.gz file

• NodeJS requirements:

o Sample application under MVC pattern (the most simple framework to be chosen)

o NodeJS code to be well documented, so people with very beginners level to be able to read the code and potentially build a new entry point for Rest Service

o The functionality of the NodeJS Service/s should accept/deal as described below

From an end-user perspective (consider usage of Ubuntu native Rest Client and having only json format of the data and responses), I’d like to have documentation and code on how to (each bullet to be able to be executed separately):

• Create (upload) new document

• Modify uploaded data

• Delete (mark with a record within the DB as deleted)

• Service which reads created documents (meta information)

• Get (read) document content by ID

• Get list of documents by timeframe (meta information only)

• Get latest 10, 20 or 50 documents (by parameter, meta information only)

All of the responses are to be limited up to 1000 records.


9) 633396-Information content and management

Assignment Description

1. Create a hosting account and install Drupal. The hosting account should not cost you any more than $10 (e.g. https://www.greengeeks.com/drupal-hosting). Alternately you can use the free hosting providers (e.g. Pantheon at https://pantheon.io/register, or Acquia at https://insight.acquia.com/free/register). If you have your own server, you may use it for the purposes of this assignment. Maintain the hosting account until you
have received your assignment marks.
2. Once you have created the hosting account and the Drupal web site, please email your web site’s URL link to me at w.tan@griffith.edu.au
3. Implement your web site design from the Blog 3 assignment using Drupal. You are encouraged to use as much of Drupal’s functionality as possible. You can also add extra modules to extend Drupal’s capabilities if required.
4. Put a link to your Drupal web site on your blog, and try to promote it using your blog and the course Facebook page.


10) 2000-Website Design

Assignment Description

Need to design a manual click counter for a wordpress website. The counter needs to show text and have a manual click users can use. It also needs to be able to share from our site on social media.

I need a counter to be on our homepage – counting in increments of .01 and adding.

The text would say How rich we would be If we had a penny every time we said Yes, I am the Sound Engineer! Yes, I know what I am doing! Yes, there are more of us!

Then we need to be able to share it on social media

I am trying to build a counter for wordpress. It needs to be a manual click counter that displays text and can be shared on social media and on our website. We have JellyFish and Ultimate Counter – but they do not seem work

I need a counter to be on our homepage – counting in increments of .01 and adding.

The text would say How rich we would be If we had a penny every time we said Yes, I am the Sound Engineer! Yes, I know what I am doing! Yes, there are more of us!

Then we need to be able to share it on social media

Does the counter make sense? it will increase by a cent for each click. so .01, .02,.03, .04 etc. after .99 it would go to

1.00 and continue 1.01

We also have Ultimate Counter and Jellyfish Plug in….

One more thing here is our site www.soundgirls.org I want the counter on the homepage – but not the centerpiece can you take a look at it and recommend where it could go. Footer maybe? Also you will see our font and style design so it would be nice if the counter fit our style


11) Sample-Create Paint Web App

Assignment Description

Refer

http://www.tayasui.com/tayasui/SketchesApp.html

1. Investigate how this application is designed

2. Design a similiar/better web application.


12) 7072-Design Database Document

Assignment Description

1. Write a five to ten (5-10) page design document in which you:

a. Create a database schema that supports the company’s business and processes.

b. Explain and support the database schema with relevant arguments that support the rationale for the structure. Note: The minimum requirement for the schema should entail the tables, fields, relationships, views, and indexes.

c. Create database tables with appropriate field-naming conventions. Then, identify primary keys and foreign keys, and explain how referential integrity will be achieved.

d. Normalize the database tables to third normal form (3NF).

e. Create an Entity-Relationship (E-R) Diagram through the use of graphical tools in Microsoft Visio or an open source alternative such as Dia. Note: The graphically depicted solution is not included in the required page length but must be included in the design document appendix.

f. Explain your rationale behind the design of your E-R Diagram.

g. Create a Data Flow Diagram (DFD) through the use of graphical tools in Microsoft Visio or an open source alternative such as Dia. Note: The graphically depicted solution is not included in the required page length but must be included in the design document appendix.

h. Explain your rationale behind the design of your DFD.

i. Create at least two (2) sample queries that will support the organizational reporting needs.

j. Create at least two (2) screen layouts that illustrate the interface that organizational users will utilize.

2. Then You will need to “Update” the Gantt Chart I will provide

Update the Gantt chart or project plan (summary and detail) template, from Gantt Chart Provided, with all the project tasks


13) 521060-IT ( Website Design)

Assignment Description

During this session your major assignment (see Assignment 3 specifications) will be to build a
personal portfolio website to demonstrate your life/business/IT skills. Each of topics of the study
guide will bring you closer to being able to produce this website. This topics continuous
assessment forms part of your assignment 1, due in week 4.
Create a new folder for your assignment 1 continuous assessments and name it with your name and
ISY10209_Ass1, e.g. bsmart_ISY10209_Ass1. This will be your work folder for assignment 1.
Create another folder named ‘documents’ inside your work folder. This will be your documents folder
for Assignment 1.
You will be required to submit your work folder to your tutor as part of your assignment 1. See the
assignment folder on MySCU for additional information.
For this first continuous assessment:
1. The first file you will create is a Word document (.doc or .docx) containing a concept map for
your electronic portfolio (see Assignment 3 for details). You may use any software you like for
the concept map or even use pencil and paper (scanning the result and inserting it in the
document). The concept map should show all the possible things you want on your web site. Save
this file in your documents folder as: – your name and CA1_ConceptMap e.g.
bsmart_CA1_ConceptMap.doc(x).
2. The second file you will create is a storyboard for your Assignment 3 (look it up In the
Assignments folder of the MySCU website) homepage (templates for the storyboards are also
located in the Assignments Resources sub-folder of the Assignments folder of the units MySCU
website). This will also be submitted as a Word document. Whereas you do not have the
experience with designing much HTML yet, you will have some ideas as to how you wish the
home page of your electronic portfolio to look. This file should be saved as: – your name and
CA1_storyboard e.g. ‘bsmart_CA1_storyboard.doc(x)’ in your documents folder. The storyboard
should include:
• a sketch (or diagram) of the home page;
• a list of pages that it will link to;
• a description of the content on the home page (including text, graphics and any other
content); and
• page details, author, date, title, version etc.
3. Additionally, you will create an HTML page with the following content:
• The document type definition
• A title e.g. ‘Bill Smart CA1’ – follow this convention for the titles of CAs 1-7.
• At least 3 paragraphs introducing yourself, the course you are studying, what you
hope to achieve during and after your studies. Be sure to include your full name as
part of the text, or in one of the headers if so desired.
• Multiple headings (<h1>…</h1>, <h2>…</h2> etc.
• All three types of lists examined in this topic (demonstrating your knowledge) with
at least 1 list contained within another list (nested lists), for example an ordered list
within an unordered list.
• A hyperlink to an external site (opening in a new tab/window so users are still on
your site – see the creating a HTML5 webpage video),
• An email link.
Your page must validate with no errors.
The file name of your webpage should be your first initial, surname, and CA1 (e.g.
bsmart_CA1.html) and saved inside your work folder.
Additional video resources are available to assist you. See the How-to Video’s folder in the MySCU
site for this unit. Of particular use to you in this topic are:
• How-to build a simple XHTML page
• How-to Build a simple HTML5 webpage.
• How-to validate a XHTML page.
• How-to validate a HTML5 webpage
On the textbooks companion website located at:
http://www.pearsonglobaleditions.com/Felke-Morris
Are several VideoNotes that will be of assistance to you they are:
• Evolution of the Web
• Your First Web Page (using HTML5)
• HTML validation (using HTML5)
Topic 2 Continuous Assessment
During this session your major assignment (see Assignment 3 specifications) will be to build a
personal portfolio website to demonstrate your life/business/IT skills. Each of topics of the study
guide will bring you closer to being able to produce this website. This topics continuous
assessment forms part of your assignment 1, due in week 4.
Save all the files for this exercise to the related folders, you created in CA1. You will be required to
submit this to your tutor as part of your assignment 1. See the assignment folder on MySCU for
additional information.
1. Copy the HTML page in your work folder that you have previously created in CA1. Save this
file as: – your name and CA2 (e.g. bsmart_CA2.html). This will be your new home page
for this continuous assessment.
2. Create a new folder in your work folder and name it css. Place all your external CSS files in
this folder. Name your external CSS file for this continuous assessment ‘styles_CA2.css’.
You will need to link to this file (within your HTML) using a relative addressing e.g.
css/styles_CA2.css.
Demonstrate the use of all types of CSS on your HTML page that is: inline, embedded and
external. Use the CSS to create the following (all must be included):
• At least two different text colours;
• At least two different background colours (one applied to the entire webpage);
• At least two different font-weight, -style and -size;
• At least one font-family with four typefaces
• Three differently aligned paragraphs
• At least two different text-decorations
• At least one class selector and one id selector
• Change the bullet type on your unordered list to squares
• Change the numbers on your ordered list to roman numerials
• Use at least one div and one span.
3. Make sure to validate your HML and the external CSS file
Note: Do not use a black background for your HTML page. Black backgrounds are difficult to read
which in turn makes it difficult to mark (or print as you will find). Any pages with a black background
or any background that makes the text difficult to read will receive a poor mark.
Additional video resources are available to assist you. See the How-to Video folder in the MySCU
site for this unit. Of particular use to you for this topic are:
• How-to implement CSS Part 1
• How-to implement CSS Part 2
On the textbooks companion website located at:
http://www.pearsonglobaleditions.com/Felke-Morris
Are two VideoNotes that will be of assistance to you they are:
• CSS External Style Sheets
• CSS Validation
Topic 3 Continuous Assessment
During this session your major assignment (see Assignment 3 for details) will be to build a
personal portfolio website to demonstrate your life/business/IT skills. Each of topics of the study
guide will bring you closer to being able to produce this website. This topics continuous
assessment forms part of your assignment 1, due in week 4.
Save all the files for this exercise to folder you created in CA1. You will be required to submit this to
your tutor as part of your assignment 1. See the assignment folder on MySCU for additional
information.
1. Copy the HTML page in your work folder that you have previously created in CA2. Save this
file as: index.html. This will be your new home page for this continuous assessment. This
name has been used as when it is uploaded to the infotech server it automatically open when
the site is opened in a browser (due to the design of the server) so instead of entering the
entire address (including page name) only the site address need be entered to the browser
Copy the CSS file in your css folder that you have previously created in CA2. Save it as : –
styles_CA3.css. You will need to link to this file using a relative address e.g.
css/styles_CA3.css.
Create another folder inside your work folder and name it ‘images’. Place all your image files
in this folder (including your background images). You will need to link to these files using
relative addresses e.g. images/example.jpg from a web page or in the case of
background image referenced in your css file ../images/example.jpg.
2. Find several images (.jpg, .gif or .png – either your own or copyright free from the Web) to
use in enhancing your web page from CA2 (note at least three images MUST be used).
Display the images on your HTML page and make sure to include the src, alt, height, and
width attributes. At least one image should be a thumbnail link to the full size image. You
may reuse these files in subsequent CAs if you wish by using relative addresses (Note: your
images should be in a folder of their own labelled images – use relative addressing in your
web pages).
3. Use background-image on your HTML page using CSS. Make sure that the text on your page
does not merge with (or become lost in) the background.
4. Add a hyperlink to the bottom of your index.html page, this link should use the absolute
address of your website as both the text and target e.g.
http://infotech.scu.edu.au/~bsmart10
This will assist with marking the on-line portion of your assignment.
5. Create a navigation bar similar to the textbooks Figure 4.20 (or if so desired you can use
images for the hyperlinks). Create two additional HTML pages that you will include in your
assignment 3 to link to/from your page to e.g. ‘bsmart_CA3_resume.html’ and
‘bsmart_CA3_web_skills.html’.
The content for these pages may be developed later however they should at minimum, use the
same external CSS file and have an identical navigation bar (allowing navigation between
each page in this continuous assessment). Additionally all pages must implement the same
background. They also at minimum should display the same background image you may
reuse these files in subsequent CAs if you wish. Placeholder links (in the navigation bar) to
any pages you have not yet created should use a null link e.g. href=”#”. This is actually a
link, which directs the browser to the top of the current page.
6. Validate all of your HTML and CSS.
7. Upload your index, resume and web_skills HTML pages to the infotech server. You will
also have to upload the folders css and images (they should only contain the appropriate
files). Does it work as expected? Make sure to view the result in several browsers (Fire Fox,
Internet Explorer, Safari, Opera or Chrome).
This Continuous Assessment completes your assignment 1. Be sure to read the instructions for
handing in your assignment 1 they are located in the Assignment folder of MySCU site for this unit.
Following is a screenshot of how the contents of your work folder might look upon completion of
Topic 1.


14) 751333- Lua/C++ (Coding)

Assignment Description

1. Module_3 – 1st Deliverable
Develop a complete scanner. Write a short report describing the work performed. Include the source program, input and output. You must show the execution of this program by using several relevant source lines as input, the program must show a list of the tokens scanned.

2. Module_5 – 2nd Deliverable
Develop a complete parser that executes with the scanner. You must show the execution of this program by using several relevant source lines as input, the program must show the corresponding statement recognized. Write a short report describing the work performed. Include the source program, input and output.

3. Module_7 – 3rd Deliverable
Develop a complete interpreter that includes the scanner and parser. You must show the execution of this program by using a relevant source line as input, the program must show the results after executing the statement recognize by the parser. Write a short report describing the work performed. Include the source program, input and output


15) 723766-Phase 3 Website production

Assignment Description

As always, here is the example page for assignment 3. Word limits are the same for the other two
assignments: aim for 250 words per section, but you can use up to 500 if you really must. Longer is not
better!
Analytics

In order to complete this section you’ll need analytics active on your website – you should have set this
up in week 7 or 8. Once you have been tracking for a couple of weeks you’ll have some data and be
able to do some analysis – that’s really what we want to see here. Some things you can cover include:
What is analytics?
What are the basic stats you got?
How do you interpret these stats?
What insights can you get from your analytics?
The more thoughtful your analysis is, the better. Do some googling about analytics, and perhaps even
about analytics and tumblr to get some ideas about how you can use and interpret your analytics. The
more sophisticated your analysis is and the more detailed, the better.
Aim for around 250 words, but you can go as high as 500 if you need to. Generally shorter more precise
writing will get better marks. Images are important and useful in this section. You can use screenshots
from your browser. Don’t forget that you need to demonstrate your research and ability to connect your
understanding with other sources. The only way you can do this is to use evidence from other sources,
which you can bring into this document with links. Like the other two assignments, just provide links,
we don’t need full references or formal citations.
We’re also very aware that for a lot of people, there will not be many hits. if this is the case then you
may not be able to glean any insights from your website, but you can still discuss the kinds of analysis
you could do with more hits.

Monetisation

How would you make money from your web site? We do not want you to actually implement this, as
it’s not possible to implement most strategies until your web site has been around for a while and has a
certain amount of traffic. What we’re interested in if you have paid attention to the lecture in week 11
and have done your own research into ways of making money online. Show us you can make money
from your web site, at least in theory by:
Phase 3: Website production
by Ben Ennis Butler
As always, here is the example page for assignment 3. Word limits are the same for the other two
assignments: aim for 250 words per section, but you can use up to 500 if you really must. Longer is not
better!
Analytics
Monetisation
telling us what method(s) are available
how do these methods work – how much do you get paid and for what?
describing which method would be best for your web site, and why
some of the drawbacks and risks of monetising your site
Aim for around 250 words, but you can go as high as 500 if you need to. Generally shorter more
precise writing will get better marks. Don’t forget that you need to demonstrate your research and
ability to connect your understanding with other sources. The only way you can do this is to use
evidence from other sources, which you can bring into this document with links. Like the other two
assignments, just provide links, we don’t need full references or formal citations.

Copyright

In this section we want to see evidence that you understand the principles of copyright. Make sure you
review the lecture on copyright because it contains all the basics.
Points you might like to address here include:
what is copyright?
how does copyright apply online?
what happens to your copyright on your chosen platform?
what is ok to post and what is not? For example, linking in youtube videos?
have you been reblogging (if on Tumblr)? why is this ok/not ok?
what specific problems or challenges to do with copyright have you encountered in preparing
your web site?
The one-two punch here that we’re looking for is a general understanding of copyright principles plus
being able to take these principles and understand how they apply to your web site.
Aim for around 250 words, but you can go as high as 500 if you need to. Generally shorter more precise
writing will get better marks. Don’t forget that you need to demonstrate your research and ability to
connect your understanding with other sources. The only way you can do this is to use evidence from
other sources, which you can bring into this document with links. Like the other two assignments, just
provide links, we don’t need full references or formal citations.

Reflection

By now you know the drill. We want you to demonstrate that you can pinpoint your strengths and
weaknesses. By now you have a good idea how this project has gone overall, so reflect on the
production weeks and your experiences day-to-day and help us understand your challenges and how
you have overcome them.


16) 721505-programming typescript and angular

Assignment Description

Part 1 – Basic Typescript App (12 marks)
The aim is to develop a simple one-page TypeScript app to maintain a small database of media library
information while the browser window is open. You can initialize your app with hard coded data or you can
start with an empty data structure. Types are important in your code, however there is no need to type
everything and general applicability of typing is as you have seen in the study guide. For example, there is no
need to define a function type in a function definition as Typescript and the reader can easily deduce the type
from the function definition. You will have to type parameters and return values though. Marks may be
deducted for too few type definitions, i.e. writing JavaScript instead of Typescript.
The media data has the following fields:
Title
Author
Publisher
Type (“video”, “game”, “music”, “other”)
Notes (one line of comments that user can enter)
The data has the following requirements (1 mark):
– Each record must have an Author or Publisher or both.
– The media Type must be one of the options shown.
– A Title can only be entered and saved once.
– The Notes field can be blank.
Your database with probably be a Typescript array of JavaScript objects, each of which has properties
corresponding to the above fields. You can use another data structure if you wish but types will be necessary to
ensure integrity of the data. (1 mark)
Your app should implement:
– (2 marks) A way to edit media data. Remember you do not have to permanently save the data between
browser sessions but you do have to save it while the app is active. HTML form widgets are the easiest
here.
– (2 mark) A way to add a new media information. Consider re-using the edit form above, it will require
careful thought so as not to confuse the user.
– (2 marks) A way to delete individual media with a “Do you really want to…” interaction to reduce
accidental deletions
– (2 marks) A way to search the media by the Title field. This will probably done with a HTML list but
you may use other techniques (e.g. implement a search text field – harder).
Your app should also:
– (1 marks) Provide an interface equally viewable by narrow and wider mobile screens (it will be tested).
Note that this is just a request to keep your app simple and displayable on narrow screen as well as
possibly wider screens. You can put links in a long page to navigate your app on narrow screens. This
will be important when we get to mobile device apps later in the unit.
– (1 mark) Use interactive features (e.g. use innerHTML assignments) to improve user experience (not
alert() calls!). You are expected to do error messages where necessary.
Part 2 – Expand the App (13 marks)
Modify the app from part 1 to become a multipage Angular 2 app. For example, place the add record on a
separate page to the search facility. You can use as many pages as you like but don’t forget to use an error page
(for malformed URLs), an Information page e.g., about the app and have your name as app developer. A Help
page showing how to use the app would be nice as well.
Marks are allocated as follows:
1. Having a working Angular 2 app with appropriate Angular 2 coding (3 marks). Minimally the app will
have one component and one module, but to implement the following requirements you will need more
components.
2. Using Angular forms (3 marks) as we saw in laboratory sessions. This is separate to the multipage
facility. If you just add Angular code to the one-page Typescript app from Part 1 you have not used
Angular forms.
3. The multipage facility using the Angular router (3 marks). This includes the navigation between pages,
error indicators and no broken links.
4. Add at least one help button on each page that shows appropriate help messages. You should make
interaction with the help facility as easy as possible. Also add helpful information, including error
messages, when data entry is incorrect e.g., when neither Author or Publisher are entered. (3 marks).
5. Use of CSS styles (1 mark). Just use them, there are no marks for artistic design. We are looking for
the ability to use styles. Feel free to use styles you find in the Angular documentation or other on-line
sources (a reference to the original designer should be made in your code if appropriate).


17) 9026-Classic asp site

Assignment Description

This is will be done using CLASSIC ASP only. javascript elements if needed. MS ACESS database.

This is a very simple website that will allow scheduling customers.

It must have a nice interface for both desktop and mobile phones.

The main page will be a calendar that will show how many available appointments are left for that days.

To schedule someone you will click on the date on the calendar and it will show available time slots as well as the current customers that are already scheduled.

Information we will collect by entering customer info wil be:

First name, last name, phone number, appointment time, number of adults and number of kids (then autocalculate the number of people in their family), ethnicity, which option they would like (from a selection box), cost per ticket (then auto calculate cost per ticket times the number of total people in their family) and type of tickets we will assign to them (option box).


19) 646151-web based system development

Assignment Description

• Choose one of the following implementation;
Map video browser or Single page blog CMS
Page 1 of 3 Version 1.2
Copyright(2016-2017)
Kim Hawtin,
Flinders University
FLINDERS UNIVERSITY
COLLEGE OF SCIENCE AND ENGINEERING
Map video browser
This web component needs to be able to be embedded into an existing web page and be able to be viewed in any modern web browser on PCs and mobile devices. The features to be implemented
are listed below, to be included in only the following four files; maps.html maps.css maps.js maps.json
• Create a web component to display a map using a map service such as javascript libraries available from OpenStreetMap, GoogleMaps API or other suitable web service,
• Create a suitable JSON structure to store a list of place names, latitudes and longitudes, video url and other metadata,
• Using best industry UX practice, display the metadata when the user browses location markers
• Using a javascript library to a play a video from the above metadata, when the video option is selected by the user,
• Allow the user to close videos and metadata, as well as select other location markers to repeat the process.
For the data in the JSON file;
• Supply your own map points of interest from the Adelaide CBD via a map (metadata; location title, latitude, longitude, etc),
• Supply your own video URLs from an appropriate embeddable video player, such as Youtube of Vimeo (metadata; video URL, video title) Single page blog CMS
This single page web site features to be implemented are listed below, to be included in only the following three files;
blog.html blog.css blog.js
• Create appropriate web components to display individual blog post,
• Create appropriate web components to display a list of blog posts,
• Use the provided virtual machine with pre-installed content management system and REST API,
• To simplify the user experience, initially display a list of most recent posts, allowing the user to select and see individual blog posts,
• Use HTML, CSS and Javascript, and JSON via a REST interface,
• The web application needs to be implemented in a single page, adding and removing content from the DOM as the user interacts with the content.


20) 647712-WebApplicationDevelopment

Assignment Description

The purpose of this assignment is for you to build a small Web site about guitar shop data. The site provides forms for working with a database of customer information for the shop. The guitar shop data comes from the database, my_guitar_shop2, that was installed in Lab 4. The site allows the options of either:
1. working with customer data: updating or removing address details of customers, or
2. finding the total cost of all orders made by the shop. Your site needs to support both options (both functions), but the user chooses whether to take option 1 next or option 2 next.
This assignment involves creation of PHP files corresponding to five pages of your web site and all are connected to an external CSS file. You will need to determine how your site will be designed and then you will develop the pages using PHP, HTML and CSS. The pages and CSS file you will develop are explained below.


21) 201431-Internet Technology

Assignment Description

1. Files for Assignment is in Assignment 3 folder.
2. All students are expected to get the web server account. The pdf file in the Assignment 3 folder which says getting the web server account has all the steps to get the account. Do it ASAP. Please ignore the lines highlighted in yellow. That problem was fixed. All students having CSU user name and password should be able to get the webserver account.  If you have problem in getting the webserver account which is related authentication/ validation, first reset your CSU password. If the problem exists even after that please get in touch with the Student Central .
3. Install WinSCP on your laptops. Please bring them along with you to the class this week.
4. We will do the tutorial of how to create a web page and then we can upload on the web server.
5. Validate your html code on this website. https://validator.w3.org Make changes till all the errors and warnings are fixed. Copy and paste the screen shot on the word document.
6.. Once you have uploaded the files on the public _html folder using WinSCP. The webpage should open when you type http://csusap.csu.edu.au/~username on the web browser.
7.. Word document should contain the following
a.Copy the URL and paste it on a word document http://csusap.csu.edu.au/~username
b.Each feature should include the part of the code as a image and then screen shot below it. The CSS features should also be included in the word document with code as image and screen shot below it.
c. Validate with the link given above and include the screen shot after validation
d.Include your name on your portfolio. Let it show case your skills, experience, activities and qualification.
e.Include the references


22) 205154-Web Application Development

Assignment Description

Using the application Netbeans an web application needs to be made.

1. The Application needs to consists of the following:

JSP, Javabeans, XML & JAXB, XML Schema, XML Transforming,XSLT, REST & SOAP Web Services, XML parsing

Note: Do not create file format on HTML, Only the file format listed above can be made e.g. file.jsp, file.xml ….

2. A report consisting of 2500- 3500 words

Using the application Netbeans an web application needs to be made.

1. The Application needs not consists of the following:

JSP, Javabeans, XML & JAXB, XML Schema, XML Transforming,XSLT, REST & SOAP Web Services, XML parsing
Note: Do not create file format on HTML, Only the file format listed above can be made e.g. file.jsp, file.xml ….

Pictures are completely optional
Availability depends on number of rooms and booking status of a group of people.
Server script side information (simulated)
Location should be included (implement google maps for our company location)
Location is major cities or suburbs in each state in Australia

2. A report consisting of 2500- 3500 words

Yes, You have to create a website in JSP, XML and have to Implement SOAP and REST. You got it correct

I got a mail if any sort of document can be provided or not:
I have attached a zip file which contains my lectures and lab solutions.

the max amount of work count has to be 3500, nothing more. In them you have to describe the following.
1.Describing the application design and architecture
2. Reflection on experiences
3. Discuss issues and challenges
4. Overall


23) 631834-advanced software engineering

Assignment Description

In assignment 1, you have investigated and analyzed a Web site/sub-site, and addressed
the issues that need to be improved or re-designed (if required). Consider that your analysis
report has been submitted to a board of the company (the owner of the Web site).
After reading your Web site/sub-site analysis report, the board of the company has
decided to improve the existing Web site in order to provide better services to its users.
You have been assigned to accomplish this job. The outcome of this assignment is
therefore continuation of your work from the analysis stage to the design stage on the same
Web site/sub-site and then prepare a design report.
This design report must be prepared using Web engineering principles and
methodologies. You can use Enterprise Architect as the CASE tool to prepare all your
design diagram for content, navigation, function and other models or any other tools.
The Web site of this assignment must be the same one which you have investigated and
analyzed in your assignment-1. You are not required to stick to the existing functionalities of
the Web application. So you can add or remove some functions to/from the Web application
whenever necessary.
Your report should contain the following sections which are also the requirements and
marking criteria of this assignment.

1. Website current status and proposed product backlog
a. At first you need to describe the proposed new services, a snapshot of the home page and
existing services of the company.
b. Present your product backlog

2. Product roadmap.
You are required to prepare a product roadmap which has at least three releases.
Each release in the roadmap should have clear goal which depends on following factors.
a. Market map (target customer, business value),
b. Market event,
c. Architecture map,
d. Feature/benefit map.
3. Design part
You are required to use principles, techniques and models of content and navigation
design in this section.
Reference: use the textbook, lecture notes, tutorial/practical class and reading materials
on CloudDeakin, or UWE models uploaded in the assignment-2 folder).
You are only required to design / improve those content objects, content structures,
and navigations that have been identified to be redesigned or improved in your
assignment-1.
A) UML Profile: You are required to develop an UML profile. In the profile, you need
to create stereotypes for your own web application project. You can create following
types of stereotypes:
a) Content classes
This can be different types of content (e.g. clothing product one type, book
product another type etc.).
b) Navigation classes
This can be different types (e.g. menu, search, index, home, any other
navigation node, navigation link and process link)
c) Process classes
The functions required to complete the users’ goals, these can be 1) user
observable function 2) Function which are required for internal processing
of classes — (class collaboration and manipulation of attributes) 3)
integrate application functions (i.e., business processes) which will be
needed into the navigation structure as part of user actions.
B) Content, navigation and functional design:
a. Use your UML profile in your project as a resource, then use these
stereotypes to create as many classes as required for your content design.
Content design can be extended for user hierarchy.
b. You need to focus on the design aspects (refer to the textbook or lecture
notes). Select a particular information architecture.
c. Create navigation views using navigation classes and links (from
stereotyped) and user visible functions from your process classes (in your
process class diagram) and content classes (from your content class diagram)
in order to represent the Navigation semantic units (NSUs). An example for

NSU is given in Book: Roger A Pressman , “Software Engineering: A
Practitioners’ Approach”, Chapter 13: Navigation design—page 388-389 ].
In addition to your practical class reference material, two examples of UWE
design description have been uploaded in the assignment-2 folder.
d. Prepare a functional design view. Follow the steps of creating views as
demonstrated in practical classes and as described in the help documents of
Enterprise Architect in order to describe the functional design of your web
application. In this case, you need to use Web-Modeling language tool of
Enterprise Architect. You need to associate your process classes in the
function class diagram with the corresponding web-modeling classes.
[Hints: Refer to WAE example models provided in the book: Roger S. Pressman
and David Lowe (2009): Web Engineering: A Practitioners Approach. McGrawHill, Function design chapter or teaching materials for more details and
examples.]
4. Interface and aesthetic design
[You are required to use principles and techniques of interface and aesthetic design in
this part (refer to the textbook, lecture notes, tutorial and reading materials on
CloudDeakin). You are only required to design / improve those Web pages and
interfaces that have been identified to be redesigned or improved in your assignment
For each identified user interface, you should
1. indicate what user interface (UI) elements are included in a Web page;
2. Design the corresponding web pages using aesthetic rules.
5. Sprint planning and sprint backlog
First, relate your release goal with the product backlog items, assume your team velocity
and estimate number of sprints per release. Demonstrate which PBIs are in which release
in your product backlog.
Sprint planning
Use a two-part sprint planning scheme
1. Sprint goal: Write the goal of each sprint
2. Capacity determinations: Determine capacity of team and describe capacity
estimation in detail
3. Sprint backlog: Prepare detail task breakdown for all PBIs of each sprint of each
release and estimate, refine your sprint goal if required. Considers all analysis
models and design while preparing the tasks. These are the actual tasks that will
be accomplished in each sprint by the scrum members. The tasks describe and
indicate more detail for the implementation.
6. Summary
This part gives a brief summary of your report, including design and project
management. From this summary, a reader should know

1. what you have done for this report;
2. your conclusions; and
3. Whether there are some problems to be solved in future


24) 7154-Wordpress

Assignment Description

Running a small word press tutorial web site for that I need a tryit editor similar to w3school tryit.
Editor required for
Html css and js for all front end all languages where user can edit and learn with example.
This editor should also support for php and other server side languages (code can not be editable only display code) and its output.
On my word press post I want embed for either code or output or both to display the code or result in post. Also need a button onclicking it show open code editor with specified code to run.

Also provide a count how many times a particular code run.

While saving code on database I also want to save its name and description(So that it shoud be visible to search engines)

On code editor it should show code name and description and other details related to SEO

Features on code editor
1. RUN(for add front end language)
2. Orientation
3. code aligner