Designing and Developing Mobile Web Applications using MVC, JavaScript and Web Components

Understanding Development for Connectivity between Heterogeneous Platforms

1 Utilise the understanding of development for connectivity between heterogeneous platforms and programming languages, using Service Oriented Architectures

2 Design and evaluate appropriate remote services

3 Analyse, design and implement a mobile web application with data persistence capability with an appropriate user interface, for a business scenario and given user requirements

Title Portfolio

Task details A case study accompanies this assignment. It describes the requirement for a system within a business context. You will need to make assumptions in the course of constructing your software.

The case study Mobile Web Programming will be used for all element(s) of the assignment. You are required to choose ONE suitable use case from the case study to produce the tasks given below. If you are at all unsure about the case study description you should ask questions within the seminars/workshops.

You are required to design a mobile web application based on MVC, using JavaScript and Web Component specification (using React Native). As part of your assignment produce the following:

1. A controller written in JavaScript

2. User Interface based on HTML

3. Data models using JSON format

4. Data binding and connectivity between the Model View and Controller parts.

5. Evidence of running program

6. Program listing with explanation

IT Magazine

A magazine called “IT in the Valley” is published every month. An information system is needed to help deal with the editing of the magazine. It should also help with the payments to the contributors of stories and photographs and the receipt of payment from the advertisers. The enterprise consists of four main departments: A Marketing Department, an Editing Department, a Processing Centre and an Accounts Department.

The information system will collect adverts, stories and photographs and publish magazine issues. It will also pay the journalists and photographers whose stories and photographs are published. The Marketing Department receives advertising details from advertisers. Details of these adverts are recorded. The system should record who is to pay for the advertisement when it should appear and how large the advert should be. There may be other considerations such as where in the  magazine it should appear. The Marketing Department passes the advertisement to the editor. An advertiser may place several different adverts in the same issue of the magazine. The Editor checks and edits the adverts and sends them to the processing centre, where all the data concerning the content of the advertisement are stored this would normally consist of text and graphics.

In addition to the advertisements the magazine consists of a mixture of stories and adverts. A freelancing journalist submits stories to the editor. Sometimes a successful journalist has more than one story in the same issue. Details of the journalists are kept for reference purposes. When a story is published the journalist is automatically paid an agreed amount. A similar situation exists for photographers. Photographers and journalists may be regular contributors or occasional contributors. Details of the stories and photographs must be stored. Complete issues of the magazine are also stored so old stories may be researched in the future. Any stories or photographs that have been submitted and remain unused after six months are archived.

The editor may match one or more photographs with a story to illustrate it. The editor chooses all the stories adverts and photographs and puts them together to form the magazine issue. Copies of completed issues of the magazine are sent to advertisers.

At the end of each month the Accounts Department send out payment to each of the journalists and photographers who have had a story published in the last issue of the magazine. The fee will have previously been agreed between the Editor and the journalist or photographer. The Accounts Department will also invoice the advertisers for adverts that have been published. If no payment is received within two months they will begin to bring legal proceedings against their debtors