Window Application Development Report

Embed Size (px)

Citation preview

  • 7/24/2019 Window Application Development Report

    1/20

    Contents

    1. INTRODUCTION...5

    2.

    ABOUT COMPANY...6

    3.DETAILS OF THE PROGRAM.7

    4.TRAINING MODULES..7

    I.UNDERSTANDING SOFTWARE DEVELOPMENT

    REQUIREMENT8

    II. GENERATING SOFTWARE SPECIFICATION

    REPORT.8

    III.

    DESIGNING GUI..9

    A.SCREENSHOTS OF APPLICATION10

    IV. DEVELOPMENT OF APPLICATION...13

    A.MVC ARCHITECTURE.13

    B.WEB-API.15

    C.SQL SERVER.16

    D.AZURE17

    E.

    ELEMENTS USED IN PROJECT..18

    V. APPLICATION TESTING AND VERIFICATION23

    VI. FINALIZING APPLICATION23

    5.CONCLUSION..24

  • 7/24/2019 Window Application Development Report

    2/20

    INTRODUCTION

    We were admitted to study the Windows Store Application

    Development. We were taught SDLC for a Windows Store Application

    Development. Windows Store Applications are the applications that

    targeted to Windows 8/8.1/10 platform. Windows Store Apps are

    Windows Runtime-based app. These applications provide an integrated

    environment for users to interact with the system to get a desired

    output.

    We were assigned to Media Player App and were asked to develop an

    application.

    Imagination is the beginning of creation. You imagine what you

    desire, you will what you imagine and at last you create what you

    will.Youll learn how to create an project and run a debuggable version

    of the app. You'll also learn some fundamentals of Android and IOSapp design, including how to build a simple user interface and handle

    user input.

    While discussing app development solutions offered by us at company

    are formidable that make myriad tasks easier than otherwise. We

    provide custom design, development, and support packages to our

    business customers who want their applications to look attractive and

    be perfectly usable.

  • 7/24/2019 Window Application Development Report

    3/20

    DETAILS OF THE PROGRAM AND

    PROJECT

    Name of the program:

    Windows Store App Development Training Name of the

    project:

    MEDIA PLAYERThis app is capable of playing video file.

    Description:Windows Store App Development Training is training program to

    give detailed knowledge of development cycle of a Windows Store

    App. A Windows Store App is an application software that is available

    for download from Microsoft Windows Store. It can either be paid orfree as per the developers wish. Windows Store Apps are meant to run

    on Windows 8/8.1/10. This training program was fully oriented to

    development of a Windows Store App. It covered all the modules that

    are required in SDLC life cycle of a Windows Store App.

    Training Modules: Understanding Software Development Requirement

    Generating Software Specification Report

    Designing GUI

    Development of Application

    Application Testing

    Application Verification

    Finalizing Application

  • 7/24/2019 Window Application Development Report

    4/20

    Understanding Software Development

    Requirement

    This phase involves understanding of the requirement of the project.

    This helps in observing and study of project to collect information

    required for the development of the application software. Software

    Development Requirement states the requirement like tools required

    for development, operating system, hardware requirements, software

    specification, etc.

    In Project Vote India the Software Requirements could be stated as

    follows:

    Microsoft Windows

    Microsoft Visual Studio

    Adobe Photoshop

    SQL Server

    Microsoft Azure Application Specification

    Generating Software Specification Report

    In this phase of SDLC, a report is generated which contains all the

    necessary information to carry the project forward.

    This report acts as a reference for the project life cycle. The report

    contains all the information and methodology for each and every

    module of the project.

  • 7/24/2019 Window Application Development Report

    5/20

    Designing GUI

    GUI or Graphical User Interface is a type of interface that allows users

    to interact with electronic devices through graphical icons and visual

    indicators such as secondary notation, as opposed to textbased

    interfaces, typed command labels or text navigation. GUIs were

    introduced in reaction to the perceived steep learning curve of

    command-line interfaces (CLIs), which require commands to be typed

    on the keyboard.

    The actions in a GUI are usually performed through direct

    manipulation of the graphical elements. In addition to computers, GUIs

    can be found in hand-held devices such as MP3 players, portable media

    players, gaming devices and smaller household, office and industry

    equipment. The term "GUI" tends not to be applied to other

    lowresolution types of interfaces with display resolutions, such as

    video games.

  • 7/24/2019 Window Application Development Report

    6/20

    Screenshots of Media Player App

  • 7/24/2019 Window Application Development Report

    7/20

  • 7/24/2019 Window Application Development Report

    8/20

    DEVELOPMENT OF APPLICATION

  • 7/24/2019 Window Application Development Report

    9/20

    Development phase is very important phase of Application

    Development Life Cycle. In this phase all the function algorithms are

    implemented and added to the application.

    This application is based on MVC architecture of software

    development. This application also uses Web-API, SQL Server and

    Azure.

    MVC Architecture

    MVC is one of three ASP.NET programming models.

    MVC is a framework for building web applications using a MVC

    (Model View Controller) design:

    The Model represents the application core (for instance a list of

    database records).

    The View displays the data (the database records).

    The Controller handles the input (to the database records).

    The MVC model also provides full control over HTML, CSS, and

    JavaScript.

  • 7/24/2019 Window Application Development Report

    10/20

    The MVC model defines web

    applications with 3 logic

    layers:

    The business layer (Model

    logic)

    The display layer (View logic)

    The input control (Controller

    logic)

    The Modelis the part of the application that handles the logic for the

    application data.

    Often model objects retrieve data (and store data) from a database.

    The Viewis the parts of the application that handles the display of the

    data.Most often the views are created from the model data.

    The Controller is the part of the application that handles user

    interaction.

    Typically controllers read data from a view, control user input, and

    send input data to the model.

    The MVC separation helps you manage complex applications, becauseyou can focus on one aspect a time. For example, you can focus on the

    view without depending on the business logic. It also makes it easier to

    test an application.

    The MVC separation also simplifies group development. Different

    developers can work on the view, the controller logic, and the business

    logic in parallel.

  • 7/24/2019 Window Application Development Report

    11/20

    Modelviewcontroller(MVC) is a softwarearchitectural pattern for

    implementinguser interfaces. It divides a given software application

    into three interconnected parts, so as to separate internal

    representations of information from the ways that information is

    presented to or accepted from the user.

    Traditionally used for desktop graphical user interfaces, this

    architecture has become extremely popular for designing web

    applications.

    Web-API

    ASP.NET Web API is a framework that makes it easy to build HTTP

    services that reach a broad range of clients, including browsers and

    mobile devices. ASP.NET Web API is an ideal platform for building

    RESTful applications on the .NET Framework.

    HTTP is not just for serving up web pages. It is also a powerful

    platform for building APIs that expose services and data. HTTP is

    simple, flexible, and ubiquitous. Almost any platform that you can

    think of has an HTTP library, so HTTP services can reach a broad range

    of clients, including browsers, mobile devices, and traditional desktop

    applications.

    ASP.NET Web API is a framework for building web APIs on

    top of the .NET Framework. In this tutorial, you will use ASP.NET

    Web API to create a web API that returns a list of products.

    https://en.wikipedia.org/wiki/Architectural_patternhttps://en.wikipedia.org/wiki/User_interfacehttps://en.wikipedia.org/wiki/Graphical_user_interfacehttps://en.wikipedia.org/wiki/Web_applicationshttps://en.wikipedia.org/wiki/Web_applicationshttps://en.wikipedia.org/wiki/Web_applicationshttps://en.wikipedia.org/wiki/Web_applicationshttps://en.wikipedia.org/wiki/Web_applicationshttps://en.wikipedia.org/wiki/Graphical_user_interfacehttps://en.wikipedia.org/wiki/User_interfacehttps://en.wikipedia.org/wiki/User_interfacehttps://en.wikipedia.org/wiki/Architectural_patternhttps://en.wikipedia.org/wiki/Architectural_patternhttps://en.wikipedia.org/wiki/Architectural_pattern
  • 7/24/2019 Window Application Development Report

    12/20

    SQL Server

    Microsoft SQL Server is a relational database management systemdeveloped byMicrosoft. As adatabase server, it is a software product

    with the primary function of storing and retrieving data as requested by

    othersoftware applications which may run either on the same computer

    or on another computer across a network (including the Internet).

    Microsoft markets at least a dozen different editions of Microsoft SQL

    Server, aimed at different audiences and for workloads ranging from

    small single-machine applications to large Internet-facing applications

    with manyconcurrent users.

    SQL Server uses as its primary query languages T-SQL and ANSI

    SQL.

    SQL Server 2014 accelerates mission critical applications with a new

    in-memory OLTP engine that can deliver up to 30x transactional

    performance gains. For data warehousing, the new updatable in-

    memory columnstore can query 100x faster than legacy solutions. SQL

    Server also delivers peace of mind as the most secure database five

    years in a row. (National Institute of Standards and TechnologyComprehensive Vulnerability Database 4/17/2013, Market share from

    IDC 2013)

    Get to insights faster with a complete BI platform that speeds up how

    you access, analyze, clean and shape both internal and external data.

    With SQL Server 2014 and Microsoft Power BI, it is easy to connect

    https://en.wikipedia.org/wiki/Relational_database_management_systemhttps://en.wikipedia.org/wiki/Microsofthttps://en.wikipedia.org/wiki/Database_serverhttps://en.wikipedia.org/wiki/Software_producthttps://en.wikipedia.org/wiki/Software_applicationhttps://en.wikipedia.org/wiki/Concurrent_userhttps://en.wikipedia.org/wiki/Query_languagehttps://en.wikipedia.org/wiki/T-SQLhttps://en.wikipedia.org/wiki/ANSI_SQLhttps://en.wikipedia.org/wiki/ANSI_SQLhttps://en.wikipedia.org/wiki/ANSI_SQLhttps://en.wikipedia.org/wiki/ANSI_SQLhttps://en.wikipedia.org/wiki/ANSI_SQLhttps://en.wikipedia.org/wiki/T-SQLhttps://en.wikipedia.org/wiki/T-SQLhttps://en.wikipedia.org/wiki/T-SQLhttps://en.wikipedia.org/wiki/T-SQLhttps://en.wikipedia.org/wiki/Query_languagehttps://en.wikipedia.org/wiki/Query_languagehttps://en.wikipedia.org/wiki/Concurrent_userhttps://en.wikipedia.org/wiki/Concurrent_userhttps://en.wikipedia.org/wiki/Software_applicationhttps://en.wikipedia.org/wiki/Software_applicationhttps://en.wikipedia.org/wiki/Software_producthttps://en.wikipedia.org/wiki/Software_producthttps://en.wikipedia.org/wiki/Software_producthttps://en.wikipedia.org/wiki/Database_serverhttps://en.wikipedia.org/wiki/Microsofthttps://en.wikipedia.org/wiki/Relational_database_management_systemhttps://en.wikipedia.org/wiki/Relational_database_management_systemhttps://en.wikipedia.org/wiki/Relational_database_management_system
  • 7/24/2019 Window Application Development Report

    13/20

    every user in an organization to the right data they need to make better

    decisions, faster.

    SQL Server 2014 was designed to work in a hybrid environment that

    spans on-premises and the cloud. New tools in SQL Server and

    Microsoft Azure make it even easier to build patching, backup and

    disaster recovery solutions with Microsoft Azure. These tools provide

    an easy on-ramp to the cloud for on-premises SQL Server databases,

    enabling customers to use their existing skills to take advantage of

    Microsofts global datacenters.

    Microsoft Azure

    Microsoft Azure is a cloud computing platform and infrastructure,

    created by Microsoft, for building, deploying and managing

    applications and services through a global network of Microsoft-managed and Microsoft partner hosted datacenters. It provides both

    PaaS and IaaS services and supports many different programming

    languages, tools and frameworks, including both Microsoft-specific

    and third-party software and systems. Azure was announced in October

    2008 and released on 1 February 2010 as Windows Azure, before being

    renamed to Microsoft Azure on 25 March 2014.

    Microsoft Azure uses a specialized operating system, called Microsoft

    Azure, to run its "fabric layer": a cluster hosted at Microsoft's data

    centers that manages computing and storage resources of the computers

    and provisions the resources (or a subset of them) to applications

    running on top of Microsoft Azure. Microsoft Azure has been

    described as a "cloud layer" on top of a number of Windows Server

    systems, which use Windows Server 2008 and a customized version of

  • 7/24/2019 Window Application Development Report

    14/20

    Hyper-V, known as the Microsoft Azure Hypervisor to provide

    virtualization of services.

    Scaling and reliability are controlled by the Microsoft Azure Fabric

    Controller so the services and environment do not crash if one of theservers crashes within the Microsoft data center and provides the

    management of the user's web application like memory resources and

    load balancing.

    Azure provides an API built on REST, HTTP, and XML that allows a

    developer to interact with the services provided by Microsoft Azure.

    Microsoft also provides a client-side managed class library which

    encapsulates the functions of interacting with the services. It alsointegrates with Microsoft Visual Studio, Git, and Eclipse.

    ELEMENTS USED IN PROJECT

    Splash Screen

    As we now know what the splash screens are, we'll now see

    how to add them in our projects. Step 1: Open the

    Package.appxmanifest file which contains the capabilities and

    other assets of the app. Step 2: Under the heading

    Visual Assets, upload all the logos, store logos, badge logos and splash

    screens according to the size specified. NOTE: You should have all theimages prepared beforehand to to reduce time consumption.

  • 7/24/2019 Window Application Development Report

    15/20

    Step 1: On the Project tab at the top, under the Store heading, click on

    the Create App Packages and follow the instructions on the screen.

    You will have to open up your developer account for this. Login to your

    account and follow the steps. You'll get a screen asking for the name

    of app package and app name. Reserve it and go next.

  • 7/24/2019 Window Application Development Report

    16/20

    To locate the package while uploading onto the store, you'll go to the

    location where the project is saved on your hard drive and click on the

    folder other than the sln file. Go inside app packages. There you'll find

    some files with .appxupload extension. The latest version of this file is

    the file package to be uploaded on the store.

    Hop you might have got the idea how to upload these packages on the

    store. In the next blog we'll discuss about adding button controls. Till

    then STAY TUNED!!

    Button

    To add a button, we will again work on the file with .xaml extension.

    Drag and drop the button tool from the toolbox into the designer

    window.

  • 7/24/2019 Window Application Development Report

    17/20

    ListView

    To add a ListView in xaml:1.Add a ListView control to a parent

    container. 2.To assign a name to the list view, set the x:Name attribute

    to a string value.

    To refer to a control in code, it must have a name. Otherwise, a name

    is not required. 3.Add items to the list view by populating the Items

    collection or by binding the ItemsSource property to a data source.

    Here's an example of how to populate the Items collection in XAML.

    Item 1

    Item 2

    Here's an example of how to bind the ItemsSource to a collection in

    XAML. The ItemsSource is bound to the DataContext of the ListView.

    4.To perform an action when the list view selection changes, add a

    handler for the SelectionChanged event. In the SelectionChanged event

    handler, add code to perform some action.

  • 7/24/2019 Window Application Development Report

    18/20

    To check the selected item of the control outside of the

    SelectionChanged event, use the SelectedItem or SelectedIndex

    properties.

    TextBox

    1.Add a Textbox control to the container.

    2.To assign a name to the Textbox, set the x:Name attribute to a string

    value.

    3.

    To assign a label to the Textbox, set the Content property to a stringvalue. XAML

    TextBox x:Name="textBox1"Text="I am a TextBox"TextChanged="TextBox_TextChanged"

    This example shows a read-only TextBox with several properties set to

    customize the appearance of the text. XAML.

    MediaElement

    Add media to your app by creating a MediaElement object

    in XAML and set the Source to a Uniform Resource Identifier (URI)

    that points to an audio or video file.

    Here is some code that creates a MediaElement and sets its Source

    property to the URI of a video file. The MediaElement begins playing

    when the page loads. To suppress media from starting right away, you

    can set the AutoPlay property to false.

  • 7/24/2019 Window Application Development Report

    19/20

    x:Name="mediaSimple" Source="Videos/video1.mp4"Width="400" AutoPlay="False"/>

    APPLICATION TESTING AND

    VERIFICATION

    This phase involoves thorough testing of the application for errors.

    All the errors are identified and rectified to produce a fully functioning

    good quality application.

    This is the most crucial phase as during this phase only all the errors

    and bugs are removed from the application.

    FINALIZING APPLICATION

    Finally, the application is ready to be published on the store. To

    publish an application on the Windows Store one should have a

    developer account. If not then one needs to buy a developer account

    from Microsoft and then will be able to publish their application.

  • 7/24/2019 Window Application Development Report

    20/20

    CONCLUSION

    Windows Store Application Development is easy and much more

    presentable than desktop application.

    Web-APIs play a vital role in modern day software development.

    Azure is an excellent cloud platform. Visual Studio makes it very easy to develop Windows Store App.

    MVC Programming Model reduces complexity of the application

    architecture.