A Mini Project Report

on

Animation_quiz

By
P.AMULYA
1602-14-733-006

Department of Computer Science &Engineering

VasaviCollege of Engineering
(Autonomous)
Ibrahimbagh, Hyderabad-31
2016

ACKNOWLEDGEMENT
The success and final outcome of this project required a lot of guidance and assistance
from many people and we are extremely fortunate to have got this all along the
completion of our project work. Whatever we have done is only due to such guidance
and assistance and we would not forget to thank them.
We are highly indebted toMr. Shashi and Mr. Vinay for giving us an opportunity to do
the project.
We are thankful to and fortunate enough to get constant encouragement, support and
guidance from all Teaching staffs of Department of computer science which helped us
in successfully completing our project work. Also, we would like to extend our
sincere regards to all the non-teaching staff of department of computer science for
their timely support.

Table of Contents
1 INTRODUCTION:...........................................................................1
1.1 Purpose:..........................................................................................................1
1.2

Scope:..........................................................................................................1

1.3

Definitions, Acronyms, and Abbreviations:................................................1

1.4 Overview:.....................................................................................................1
2.0

OVERALL DESCRIPTION...........................................................................1

2.1 Product Perspective:......................................................................................2

2.2

User Characteristics......................................................................................2

3.0 PERFORMANCE REQUIREMENTS............................................................2

3.1 Usability:........................................................................................................2
3.2 Performance:...................................................................................................3
4 SPECIFIC REQUIREMENTS.............................................................................3
5 CODE....................................................................................................................4
6 SCREENSHOTS.................................................................................................34
7CONCLUSION AND ENHANCEMENTS................................................35
8 REFERENCES....................................................................................................35

List of Figures
Figure 1Home Page Of The App.................................................................32
Figure 2 Questions..................................................................................... 32
Figure 3 Question Containing Images........................................................33
Figure 4 Output.......................................................................................... 33

Abstract

It is a table of the chemical elements arranged in order of atomic number, usually in

rows, so that elements with similar atomic structure appear in vertical columns and
hence similar chemical properties.On clicking on any one of the element in the table it
spells the element name i.e., audio and displays the properties of that element.It is
useful to know about all the elements of the periodic table.

1.0 INTRODUCTION:
1.1 Purpose:

This document is a proposal for requirement specifications in response to the

Chemistry. I am very excited about the idea of the app and prospects of
working on its development. I am also very confident that our level of
expertise will match the sophistication of the apps requirements.

1.2 Scope:

The requirements specified in this document will be used for designing all the
aspects and components of the app. The document will be updated as the
requirements grow and change over the design and development process.

1.3 Definitions, Acronyms, and Abbreviations:

C#-Microsoft C Sharp Language.

Xaml-Extensible Application Markup Language

1.4Overview

This will provide an overview of our vision of the app including our
perspectives of the app, assumptions of user characteristics and interactions,
and some design constraints.

2. Overall Description
2.1 Product Perspective
2.1.1 System Interfaces

There are no external system interfaces that app will interact with.

2.1.2 User Interfaces

The interface for the users will be entertaining and engaging. The function of
the buttons will be easy to understand and simple to use. Menus will be
interactive and easily accessible throughout the app. Once the app is in
playingmode, everything a user needs will be clearly visible on the screen and
easily accessible.

1 | Page

2.1.3 Hardware Interfaces

The app should be able to adjust to one button mouse input or two button mouse input
depending on the system its running on. the total size of the app remains under the
50mb limit.
2.1.4 Software Interfaces

C-Sharp(C#)

2.1.5 Operating System Environment

Windows-10

2.1.6 Operations
The app will provide the following minimal operations:
Provide user interface and controls for the targeted audience.
Provide Entertainment to the Users.

2.2 User Characteristics

This app is targeted directly towards children .This typically correspond to

ages ranging from 10 years. They also tend to be very curious.

2.3 Constraints
The following constraints are specified :
It will be necessary to test the game on children to ensure that it is entertaining and
easy to use.
o Windows 10: DualCore, 16 MB ram, 80 MB HDD space, Mouse, SVGA video
card, 2x, or better, speed CD-ROM, DirectX compatible sound card.

3. Performance Requirements
In this section, we will specify detailed requirements for the app

3.1 Usability

The system will test basic computer abilities prior to beginning the app, and
provide the necessary tutorials

The system will provide in-app tutorials and help

Maximum time from launching the app until it is playable will be 30 sec..

2 | Page

Familiar user interface provided for children.

3.2 Performance

Resource utilization The app will occupy at most 80mb of hard drive space. It
will also be kept simple enough to run smoothly on a system having no more
then a 60 Mhz processor and 16MB of ram.

4.Specific Requirements
In this section, we will specify detailed requirements for the game

Player will choose questions based on his choice.

5.Code:
MainPage.xaml:
<Page

x:Class="app.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:app"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markupcompatibility/2006"
mc:Ignorable="d">

<Grid x:Name="button8" Margin="10,0,-5,10" >

<Grid.RowDefinitions>
<RowDefinition Height="256*"/>
<RowDefinition Height="63*"/>
<RowDefinition Height="36*"/>
</Grid.RowDefinitions>
<Grid.Background>
<ImageBrush Stretch="Fill" ImageSource="Assets/9.jpg"/>
</Grid.Background>
3 | Page

<Button x:Name="button" Content="" HorizontalAlignment="Left"

Margin="51,74,0,0" VerticalAlignment="Top" Width="59" Height="59"
Background="#FFD6587B" Click="button_Click_1" />
<TextBlock x:Name="textBlock" HorizontalAlignment="Left"
Margin="72,86,0,0" TextWrapping="Wrap" Text="H"
VerticalAlignment="Top" RenderTransformOrigin="-1.091,0.4"
FontFamily="Segoe UI Black" FontWeight="Bold" Height="18" Width="11"
/>
<TextBlock x:Name="textBlock2" HorizontalAlignment="Left"
Margin="55,102,0,0" TextWrapping="Wrap" Text="Hydrogen"
VerticalAlignment="Top" FontSize="10" Height="13" Width="44"/>

<TextBlock x:Name="textBlock4" HorizontalAlignment="Left"

Margin="55,73,0,0" TextWrapping="Wrap" Text="1"
VerticalAlignment="Top" FontSize="12" Height="16" Width="6"/>
<Button x:Name="li" Content="" HorizontalAlignment="Left"
Margin="50,131,0,0" VerticalAlignment="Top" Width="59" Height="59"
Background="#FFD29EDE" Click="button1_Click" />
<TextBlock x:Name="textBlock1" HorizontalAlignment="Left"
Margin="57,135,0,0" TextWrapping="Wrap" Text="3"
VerticalAlignment="Top" FontSize="12" Height="16" Width="6"/>
<TextBlock x:Name="textBlock5" HorizontalAlignment="Left"
Margin="73,148,0,0" TextWrapping="Wrap" Text="Li"
VerticalAlignment="Top" FontWeight="Bold" Height="20" Width="12"/>
<TextBlock x:Name="textBlock6" HorizontalAlignment="Left"
Margin="61,164,0,0" TextWrapping="Wrap" Text="Lithium"
VerticalAlignment="Top" FontSize="11" Height="22" Width="49"/>
<Button x:Name="na" Content="" HorizontalAlignment="Left"
Margin="50,192,0,0" VerticalAlignment="Top" Width="59" Height="59"
Background="#FFD29EDE" Click="na_Click"/>
<TextBlock x:Name="textBlock1_Copy" HorizontalAlignment="Left"
Margin="57,196,0,0" TextWrapping="Wrap" Text="11"
VerticalAlignment="Top" FontSize="12" Height="16" Width="13"/>
<TextBlock x:Name="textBlock5_Copy" HorizontalAlignment="Left"
Margin="73,209,0,0" TextWrapping="Wrap" Text="Na"
VerticalAlignment="Top" FontWeight="Bold" Height="20" Width="20"/>
<TextBlock x:Name="textBlock6_Copy" HorizontalAlignment="Left"
Margin="61,225,0,0" TextWrapping="Wrap" Text="Sodium"
VerticalAlignment="Top" FontSize="11" Height="15" Width="49"/>
<Button x:Name="k" Content="" HorizontalAlignment="Left"
Margin="50,253,0,0" VerticalAlignment="Top" Width="59" Height="59"
Background="#FFD29EDE" Click="k_Click"/>
4 | Page

<TextBlock x:Name="textBlock1_Copy1" HorizontalAlignment="Left"

Margin="57,257,0,0" TextWrapping="Wrap" Text="19"
VerticalAlignment="Top" FontSize="12" Height="16" Width="13"/>
<TextBlock x:Name="textBlock5_Copy1" HorizontalAlignment="Left"
Margin="73,270,0,0" TextWrapping="Wrap" Text="K"
VerticalAlignment="Top" FontWeight="Bold" Height="20" Width="10"/>
<TextBlock x:Name="textBlock6_Copy1" HorizontalAlignment="Left"
Margin="53,285,0,0" TextWrapping="Wrap" Text="Potassium"
VerticalAlignment="Top" FontSize="11" Height="17" Width="65"/>
<Button x:Name="rb" Content="" HorizontalAlignment="Left"
Margin="50,314,0,0" VerticalAlignment="Top" Width="59" Height="59"
Background="#FFD29EDE" Click="rb_Click"/>
<TextBlock x:Name="textBlock1_Copy2" HorizontalAlignment="Left"
Margin="57,318,0,0" TextWrapping="Wrap" Text="37"
VerticalAlignment="Top" FontSize="12" Height="16" Width="13"/>
<TextBlock x:Name="textBlock5_Copy2" HorizontalAlignment="Left"
Margin="73,331,0,0" TextWrapping="Wrap" Text="Rb"
VerticalAlignment="Top" FontWeight="Bold" Height="20" Width="19"/>
<TextBlock x:Name="textBlock6_Copy2" HorizontalAlignment="Left"
Margin="58,347,0,0" TextWrapping="Wrap" Text="Rubidium"
VerticalAlignment="Top" FontSize="11" Height="15" Width="47"/>
<Button x:Name="cs" Content="" HorizontalAlignment="Left"
Margin="50,375,0,0" VerticalAlignment="Top" Width="59" Height="59"
Background="#FFD29EDE" Click="cs_Click"/>
<TextBlock x:Name="textBlock1_Copy3" HorizontalAlignment="Left"
Margin="57,379,0,0" TextWrapping="Wrap" Text="55"
VerticalAlignment="Top" FontSize="12" Height="16" Width="13"/>
<TextBlock x:Name="textBlock5_Copy3" HorizontalAlignment="Left"
Margin="73,392,0,0" TextWrapping="Wrap" Text="Cs"
VerticalAlignment="Top" FontWeight="Bold" Height="20" Width="16"/>
<TextBlock x:Name="textBlock6_Copy3" HorizontalAlignment="Left"
Margin="61,408,0,0" TextWrapping="Wrap" Text="Cesium"
VerticalAlignment="Top" FontSize="11" Height="15" Width="36"/>
<Button x:Name="fr" Content="" HorizontalAlignment="Left"
Margin="50,436,0,0" VerticalAlignment="Top" Width="59" Height="59"
Background="#FFD29EDE" Click="fr_Click"/>
<TextBlock x:Name="textBlock1_Copy4" HorizontalAlignment="Left"
Margin="57,440,0,0" TextWrapping="Wrap" Text="87"
VerticalAlignment="Top" FontSize="12" Height="16" Width="13"/>
<TextBlock x:Name="textBlock5_Copy4" HorizontalAlignment="Left"
Margin="73,453,0,0" TextWrapping="Wrap" Text="Fr"
VerticalAlignment="Top" FontWeight="Bold" Height="20" Width="14"/>
5 | Page

<TextBlock x:Name="textBlock6_Copy4" HorizontalAlignment="Left"

Margin="61,467,0,0" TextWrapping="Wrap" Text="Francium"
VerticalAlignment="Top" FontSize="11" Height="17" Width="56"/>
<Button x:Name="Be" Content="" HorizontalAlignment="Left"
Margin="111,131,0,0" VerticalAlignment="Top" Width="59" Height="59"
Background="#FFE2DB46" Click="Be_Click" />
<TextBlock x:Name="textBlock1_Copy5" HorizontalAlignment="Left"
Margin="118,135,0,0" TextWrapping="Wrap" Text="4"
VerticalAlignment="Top" FontSize="12" Height="16" Width="6"/>
<TextBlock x:Name="textBlock5_Copy5" HorizontalAlignment="Left"
Margin="134,148,0,0" TextWrapping="Wrap" Text="Be"
VerticalAlignment="Top" FontWeight="Bold" Height="20" Width="18"/>
<TextBlock x:Name="textBlock6_Copy5" HorizontalAlignment="Left"
Margin="120,162,0,0" TextWrapping="Wrap" Text="Berylium"
VerticalAlignment="Top" FontSize="11" Height="24" Width="50"/>
<Button x:Name="mg" Content="" HorizontalAlignment="Left"
Margin="111,192,0,0" VerticalAlignment="Top" Width="59" Height="59"
Background="#FFE2DB46" Click="mg_Click"/>
<TextBlock x:Name="textBlock1_Copy6" HorizontalAlignment="Left"
Margin="118,196,0,0" TextWrapping="Wrap" Text="12"
VerticalAlignment="Top" FontSize="12" Height="16" Width="13"/>
<TextBlock x:Name="textBlock5_Copy6" HorizontalAlignment="Left"
Margin="134,209,0,0" TextWrapping="Wrap" Text="Mg"
VerticalAlignment="Top" FontWeight="Bold" Height="20" Width="24"/>
<TextBlock x:Name="textBlock6_Copy6" HorizontalAlignment="Left"
Margin="111,225,0,0" TextWrapping="Wrap" Text="Magnesium"
VerticalAlignment="Top" FontSize="11" Height="15" Width="57"/>
<Button x:Name="ca" Content="" HorizontalAlignment="Left"
Margin="111,253,0,0" VerticalAlignment="Top" Width="59" Height="59"
Background="#FFE2DB46" Click="ca_Click"/>
<TextBlock x:Name="textBlock1_Copy7" HorizontalAlignment="Left"
Margin="118,257,0,0" TextWrapping="Wrap" Text="20"
VerticalAlignment="Top" FontSize="12" Height="16" Width="13"/>
<TextBlock x:Name="textBlock5_Copy7" HorizontalAlignment="Left"
Margin="134,270,0,0" TextWrapping="Wrap" Text="Ca"
VerticalAlignment="Top" FontWeight="Bold" Height="30" Width="36"/>
<TextBlock x:Name="textBlock6_Copy7" HorizontalAlignment="Left"
Margin="123,284,0,0" TextWrapping="Wrap" Text="Calcium"
VerticalAlignment="Top" FontSize="11" Height="15" Width="39"/>
<Button x:Name="sr" Content="" HorizontalAlignment="Left"
Margin="111,314,0,0" VerticalAlignment="Top" Width="59" Height="59"
Background="#FFE2DB46" Click="sr_Click"/>
6 | Page

<TextBlock x:Name="textBlock1_Copy8" HorizontalAlignment="Left"

Margin="118,318,0,0" TextWrapping="Wrap" Text="38"
VerticalAlignment="Top" FontSize="12" Height="16" Width="13"/>
<TextBlock x:Name="textBlock5_Copy8" HorizontalAlignment="Left"
Margin="134,331,0,0" TextWrapping="Wrap" Text="Sr"
VerticalAlignment="Top" FontWeight="Bold" Height="21" Width="28"/>
<TextBlock x:Name="textBlock6_Copy8" HorizontalAlignment="Left"
Margin="119,347,0,0" TextWrapping="Wrap" Text="Strontium"
VerticalAlignment="Top" FontSize="11" Height="15" Width="48"/>
<Button x:Name="ba" Content="" HorizontalAlignment="Left"
Margin="111,375,0,0" VerticalAlignment="Top" Width="59" Height="59"
Background="#FFE2DB46" Click="ba_Click"/>
<TextBlock x:Name="textBlock1_Copy9" HorizontalAlignment="Left"
Margin="118,379,0,0" TextWrapping="Wrap" Text="56"
VerticalAlignment="Top" FontSize="12" Height="16" Width="13"/>
<TextBlock x:Name="textBlock5_Copy9" HorizontalAlignment="Left"
Margin="134,392,0,0" TextWrapping="Wrap" Text="Ba"
VerticalAlignment="Top" FontWeight="Bold" Height="20" Width="18"/>
<TextBlock x:Name="textBlock6_Copy9" HorizontalAlignment="Left"
Margin="124,406,0,0" TextWrapping="Wrap" Text="Barium"
VerticalAlignment="Top" FontSize="11" Height="15" Width="48"/>
<Button x:Name="ra" Content="" HorizontalAlignment="Left"
Margin="111,436,0,0" VerticalAlignment="Top" Width="59" Height="59"
Background="#FFE2DB46" Click="ra_Click"/>
<TextBlock x:Name="textBlock1_Copy10"
HorizontalAlignment="Left" Margin="118,440,0,0" TextWrapping="Wrap"
Text="88" VerticalAlignment="Top" FontSize="12" Height="16"
Width="13"/>
<TextBlock x:Name="textBlock5_Copy10"
HorizontalAlignment="Left" Margin="134,453,0,0" TextWrapping="Wrap"
Text="Ra" VerticalAlignment="Top" FontWeight="Bold" Height="20"
Width="18"/>
<TextBlock x:Name="textBlock6_Copy10"
HorizontalAlignment="Left" Margin="122,470,0,0" TextWrapping="Wrap"
Text="Radium" VerticalAlignment="Top" FontSize="11" Height="22"
Width="48"/>
<Button x:Name="sc" Content="" HorizontalAlignment="Left"
Margin="172,253,0,0" VerticalAlignment="Top" Width="59" Height="59"
Background="#FF37D1CA" Click="sc_Click"/>
<TextBlock x:Name="textBlock1_Copy11"
HorizontalAlignment="Left" Margin="179,257,0,0" TextWrapping="Wrap"
Text="21" VerticalAlignment="Top" FontSize="12" Height="16"
Width="13"/>
7 | Page

<TextBlock x:Name="textBlock5_Copy11"
HorizontalAlignment="Left" Margin="195,270,0,0" TextWrapping="Wrap"
Text="Sc" VerticalAlignment="Top" FontWeight="Bold" Height="20"
Width="16"/>
<TextBlock x:Name="textBlock6_Copy11"
HorizontalAlignment="Left" Margin="180,284,0,0" TextWrapping="Wrap"
Text="Scandium" VerticalAlignment="Top" FontSize="11" Height="15"
Width="48" />
<Button x:Name="y" Content="" HorizontalAlignment="Left"
Margin="172,314,0,0" VerticalAlignment="Top" Width="59" Height="59"
Background="#FF37D1CA" Click="y_Click"/>
<TextBlock x:Name="textBlock1_Copy12"
HorizontalAlignment="Left" Margin="179,318,0,0" TextWrapping="Wrap"
Text="39" VerticalAlignment="Top" FontSize="12" Height="16"
Width="13"/>
<TextBlock x:Name="textBlock5_Copy12"
HorizontalAlignment="Left" Margin="195,331,0,0" TextWrapping="Wrap"
Text="Y" VerticalAlignment="Top" FontWeight="Bold" Height="20"
Width="9"/>
<TextBlock x:Name="textBlock6_Copy12"
HorizontalAlignment="Left" Margin="184,346,0,0" TextWrapping="Wrap"
Text="yttrium" VerticalAlignment="Top" FontSize="11" Height="15"
Width="35"/>
<Button x:Name="button6_Copy1" Content=""
HorizontalAlignment="Left" Margin="172,375,0,0"
VerticalAlignment="Top" Width="59" Height="59"
Background="#FFE8792D"/>
<TextBlock x:Name="textBlock1_Copy13"
HorizontalAlignment="Left" Margin="179,379,0,0" TextWrapping="Wrap"
Text="57-71" VerticalAlignment="Top" FontSize="12" Width="32"
Height="16"/>
<TextBlock x:Name="textBlock5_Copy13"
HorizontalAlignment="Left" Margin="225,408,0,0" TextWrapping="Wrap"
Text="" VerticalAlignment="Top" FontWeight="Bold" Height="20"
Width="0"/>
<TextBlock x:Name="textBlock6_Copy13"
HorizontalAlignment="Left" Margin="213,424,0,0" TextWrapping="Wrap"
Text="" VerticalAlignment="Top" FontSize="11" Height="15" Width="0"/>
<TextBlock x:Name="textBlock7_Copy13"
HorizontalAlignment="Left" Margin="216,434,0,0" TextWrapping="Wrap"
Text="" VerticalAlignment="Top" FontSize="10" Height="13" Width="0"/>
<Button x:Name="button7_Copy1" Content=""
HorizontalAlignment="Left" Margin="172,436,0,0"
8 | Page

VerticalAlignment="Top" Width="59" Height="59"

Background="#FFD69624"/>
<TextBlock x:Name="textBlock1_Copy14"
HorizontalAlignment="Left" Margin="179,440,0,0" TextWrapping="Wrap"
Text="89-103" VerticalAlignment="Top" FontSize="12" Width="38"
Height="16"/>
<TextBlock x:Name="textBlock5_Copy14"
HorizontalAlignment="Left" Margin="225,469,0,0" TextWrapping="Wrap"
Text="" VerticalAlignment="Top" FontWeight="Bold" Height="20"
Width="0"/>
<TextBlock x:Name="textBlock6_Copy14"
HorizontalAlignment="Left" Margin="213,486,0,0" TextWrapping="Wrap"
Text="" VerticalAlignment="Top" FontSize="11" Height="15" Width="0"/>
<TextBlock x:Name="textBlock7_Copy14"
HorizontalAlignment="Left" Margin="183,483,0,0" TextWrapping="Wrap"
Text="" VerticalAlignment="Top" FontSize="10"
RenderTransformOrigin="4.114,-2.077" UseLayoutRounding="False"
d:LayoutRounding="Auto" Height="13.301" Width="0">
<TextBlock.RenderTransform>
<CompositeTransform Rotation="0.49"/>
</TextBlock.RenderTransform>
</TextBlock>
<Grid x:Name="H" HorizontalAlignment="Left" Height="407"
Margin="344,218,0,0" VerticalAlignment="Top" Width="415"
Background="#FF807474" Grid.RowSpan="2" Visibility="Collapsed" >
<Button x:Name="button18" Content="X"
HorizontalAlignment="Left" Margin="378,0,0,0" VerticalAlignment="Top"
FontSize="20" FontWeight="Bold" Background="#FFC51818"
Click="button18_Click_1" />
<TextBlock x:Name="textBlock38" HorizontalAlignment="Left"
Margin="10,24,0,0" TextWrapping="Wrap" Text=""
VerticalAlignment="Top" Height="373" Width="395" />
</Grid>
<TextBlock x:Name="textBlock36" HorizontalAlignment="Left"
Margin="61,24,0,0" TextWrapping="Wrap" Text="READ MORE :"
VerticalAlignment="Top" Width="147" FontWeight="Bold" FontSize="20"
Grid.Row="2" Height="27"/>
<HyperlinkButton HorizontalAlignment="Left" Margin="194,14,0,0"
VerticalAlignment="Top" Height="47" Background="#FFDED3D6"
Width="984" FontSize="20" Click="HyperlinkButton_Click_1"
Grid.Row="2" >
9 | Page

Content="http://www.lenntech.com/periodic/number/atomicnumber.htm" Click="HyperlinkButton_Click"></HyperlinkButton>
<Image x:Name="image" HorizontalAlignment="Left" Height="104"
Margin="175,92,0,0" VerticalAlignment="Top" Width="112"
Source="Assets/11.jpg" DoubleTapped="image_DoubleTapped"
Stretch="Fill"/>
<TextBlock x:Name="tb" HorizontalAlignment="Left"
Margin="248,121,0,0" TextWrapping="Wrap" Text="DOUBLE TAP HERE"
VerticalAlignment="Top" Height="55" Width="132"
RenderTransformOrigin="0.5,0.5" FontWeight="Bold" FontSize="20" />
<TextBlock x:Name="ammu" HorizontalAlignment="Left"
Margin="258,24,0,0" TextWrapping="Wrap" Text="TextBlock"
VerticalAlignment="Top" Height="31" Width="78" Visibility="Collapsed"/>
<TextBlock x:Name="textBlock35" HorizontalAlignment="Left"
Margin="331,114,0,0" TextWrapping="Wrap" Text="TextBlock"
VerticalAlignment="Top" Height="49" Width="69" Visibility="Collapsed"/>
<TextBlock x:Name="sai" HorizontalAlignment="Left"
Margin="850,32,0,0" TextWrapping="Wrap" Text="TextBlock"
VerticalAlignment="Top" Visibility="Collapsed" Height="0" Width="0"/>
<Button x:Name="result" Content="CLICK HERE"
HorizontalAlignment="Left" Margin="380,91,0,0" VerticalAlignment="Top"
Click="result_Click" Height="104" Width="316" FontSize="30"
FontFamily="Gabriola" />
<Button x:Name="button1" Content="" HorizontalAlignment="Left"
Margin="1193,70,0,0" VerticalAlignment="Top" Width="68" Height="59"
Background="#FFD29EDE"/>
<TextBlock x:Name="textBlock39" HorizontalAlignment="Left"
Margin="1206,79,0,0" TextWrapping="Wrap" Text="Alkali metals"
VerticalAlignment="Top" Height="54" Width="44"/>
<Button x:Name="button2" Content="" HorizontalAlignment="Left"
Margin="1193,137,0,0" VerticalAlignment="Top" Width="67" Height="59"
Background="#FFD6587B" />
<TextBlock x:Name="textBlock39_Copy" HorizontalAlignment="Left"
Margin="1212,148,0,0" TextWrapping="Wrap" Text="non metals"
VerticalAlignment="Top" Height="54" Width="44"/>
<Button x:Name="button3" Content="" HorizontalAlignment="Left"
Margin="1193,207,0,0" VerticalAlignment="Top" Width="67"
Background="#FFE2DB46" Height="59"/>
<TextBlock x:Name="textBlock39_Copy4"
HorizontalAlignment="Left" Margin="1203,423,0,0" TextWrapping="Wrap"
Text="basic metal" VerticalAlignment="Top" Height="54" Width="64"
FontSize="15"/>
10 | P a g e

<Button x:Name="button7" Content="" HorizontalAlignment="Left"

Margin="1194,487,0,0" VerticalAlignment="Top"
Background="#FF6C77E4" Width="68" Height="59" Grid.RowSpan="2"/>
<TextBlock x:Name="textBlock39_Copy5"
HorizontalAlignment="Left" Margin="1201,509,0,0" TextWrapping="Wrap"
Text="halogens" VerticalAlignment="Top" Height="39" Width="64"
FontSize="15" Grid.RowSpan="2"/>
<Button x:Name="button9" Content="" HorizontalAlignment="Left"
Margin="1194,45,0,0" VerticalAlignment="Top" Background="#FF4C5F64"
Width="68" Height="59" Grid.Row="1"/>
<TextBlock x:Name="textBlock39_Copy6"
HorizontalAlignment="Left" Margin="1199,52,0,0" TextWrapping="Wrap"
Text="noble gases" VerticalAlignment="Top" Height="54" Width="64"
FontSize="15" Grid.Row="1"/>
</Grid>
</Page>

MainPage.Xaml.cs:
using SQLite.Net.Attributes;
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Popups;
using System.ServiceModel.Channels;
namespace app
{
11 | P a g e

public sealed partial class MainPage : Page

{
string path;
SQLite.Net.SQLiteConnection conn;
public MainPage()
{
InitializeComponent();
path =
Path.Combine(Windows.Storage.ApplicationData.Current.LocalFolder.Path,
"db123.sqlite");
conn = new SQLite.Net.SQLiteConnection(new
SQLite.Net.Platform.WinRT.SQLitePlatformWinRT(), path);
conn.CreateTable<pt>();
}

private void button_Click(object sender, RoutedEventArgs e)

{

sai.Text = textBlock.Text;
}
private void button18_Click(object sender, RoutedEventArgs e)
{
H.Visibility = Visibility.Visible;
}

private void HyperlinkButton_Click(object sender, RoutedEventArgs e)

{
this.Frame.Navigate(typeof(BlankPage1));

private void HyperlinkButton_Click_1(object sender, RoutedEventArgs

e)
12 | P a g e

{
this.Frame.Navigate(typeof(BlankPage1));
}
public class pt
{
[PrimaryKey, AutoIncrement]
public int Id { get; set; }
public string info{ get; set; }
public string Name { get; set; }

}
private void image_DoubleTapped(object sender,
DoubleTappedRoutedEventArgs e)
{
this.Frame.Navigate(typeof(video));
}
private void button18_Click_1(object sender, RoutedEventArgs e)
{
H.Visibility = Visibility.Collapsed;
}
private void button2_Copy5_Click(object sender, RoutedEventArgs e)
{
ammu.Text = textBlock11.Text;
result.Content = "

" + ammu.Text + "\nClick here for info"; ;

private void button1_Click(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock5.Text;
result.Content = "

}
13 | P a g e

" + ammu.Text + "\nClick here for info";

private void button_Click_1(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock.Text;
result.Content = "

"+ammu.Text+"\nClick here for info";

}
private void result_Click(object sender, RoutedEventArgs e)
{
var ss = conn.Query<pt>("SELECT * FROM pt");
string name = "";
foreach (var s in ss)
{
if (s.info == ammu.Text)
{
name = name + " " + s.Name;
}
textBlock38.Text = name;
textBlock35.Text = name;
}

H.Visibility = Visibility.Visible;
}

private void u_Click(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock5_Copy134.Text;
result.Content = "

" + ammu.Text + "\nClick here for info";

private void Np_Click(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock5_Copy135.Text;
result.Content = "
14 | P a g e

" + ammu.Text + "\nClick here for info";

private void bk_Click(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock5_Copy139.Text;
result.Content = "

" + ammu.Text + "\nClick here for info";

private void cf_Click(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock5_Copy140.Text;
result.Content = "

" + ammu.Text + "\nClick here for info";

private void es_Click(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock5_Copy141.Text;
result.Content = "

" + ammu.Text + "\nClick here for info";

private void fm_Click(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock5_Copy142.Text;
result.Content = "

" + ammu.Text + "\nClick here for info";

private void Md_Click(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock5_Copy143.Text;
result.Content = "
}
15 | P a g e

" + ammu.Text + "\nClick here for info";

private void No_Click(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock32_Copy1.Text;
result.Content = "

" + ammu.Text + "\nClick here for info";

private void Lr_Click(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock32_Copy.Text;
result.Content = "

" + ammu.Text + "\nClick here for info";

private void Dy_Click_1(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock5_Copy124.Text;
result.Content = "

" + ammu.Text + "\nClick here for info";

private void Ho_Click(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock5_Copy125.Text;
result.Content = "

" + ammu.Text + "\nClick here for info";

private void ER_Click(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock5_Copy126.Text;
result.Content = "

" + ammu.Text + "\nClick here for info";

private void Tm_Click(object sender, RoutedEventArgs e)

16 | P a g e

{
ammu.Text = textBlock5_Copy127.Text;
result.Content = "

" + ammu.Text + "\nClick here for info";

private void yb_Click(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock32_Copy2.Text;
result.Content = "

" + ammu.Text + "\nClick here for info";

private void Lu_Click(object sender, RoutedEventArgs e)

{
ammu.Text = textBlock32.Text;
result.Content = "

" + ammu.Text + "\nClick here for info";

}
}
}

Video.xaml.cs:
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
17 | P a g e

using Windows.UI.Xaml.Navigation;

// The Blank Page item template is documented at

http://go.microsoft.com/fwlink/?LinkId=234238

namespace app
{
/// <summary>
/// An empty page that can be used on its own or navigated to within a
Frame.
/// </summary>
public sealed partial class video : Page
{
public video()
{
this.InitializeComponent();
}

private void image_DoubleTapped(object sender,

DoubleTappedRoutedEventArgs e)
{
mediaElement.Play();
}

private void image1_DoubleTapped(object sender,

DoubleTappedRoutedEventArgs e)
{
mediaElement.Pause();
}

private void image2_DoubleTapped(object sender,

DoubleTappedRoutedEventArgs e)
{
mediaElement.Stop();
18 | P a g e

private void button_Click(object sender, RoutedEventArgs e)

{
this.Frame.Navigate(typeof(MainPage));
}
}
}

Video.xaml:
using
using
using
using
using
using
using
using
using
using
using
using
using
using

System;
System.Collections.Generic;
System.IO;
System.Linq;
System.Runtime.InteropServices.WindowsRuntime;
Windows.Foundation;
Windows.Foundation.Collections;
Windows.UI.Xaml;
Windows.UI.Xaml.Controls;
Windows.UI.Xaml.Controls.Primitives;
Windows.UI.Xaml.Data;
Windows.UI.Xaml.Input;
Windows.UI.Xaml.Media;
Windows.UI.Xaml.Navigation;

// The Blank Page item template is documented at

http://go.microsoft.com/fwlink/?LinkId=234238
namespace app
{
/// <summary>
/// An empty page that can be used on its own or navigated to within a
Frame.
/// </summary>
public sealed partial class BlankPage1 : Page
{
public BlankPage1()
{
this.InitializeComponent();
}
private void button_Click(object sender, RoutedEventArgs e)
{
webv.Visibility = Visibility.Visible;
Uri trg = new
Uri("http://www.lenntech.com/periodic/number/atomic-number.htm");
webv.Navigate(trg);
button.Visibility = Visibility.Collapsed;
}
19 | P a g e

private void button1_Click(object sender, RoutedEventArgs e)

{
this.Frame.Navigate(typeof(MainPage));
}
}
}

Blank1.xaml.cs:

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;
namespace app
{
public sealed partial class BlankPage1 : Page
{
public BlankPage1()
{
this.InitializeComponent();
}
private void button_Click(object sender, RoutedEventArgs e)
{
webv.Visibility = Visibility.Visible;
Uri trg = new
Uri("http://www.lenntech.com/periodic/number/atomic-number.htm");
webv.Navigate(trg);
button.Visibility = Visibility.Collapsed;
}
private void button1_Click(object sender, RoutedEventArgs e)
{
this.Frame.Navigate(typeof(MainPage));
}
}
}

Blank1.xaml:

<Page
x:Class="app.BlankPage1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:app"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markupcompatibility/2006"
20 | P a g e

mc:Ignorable="d">
<Grid>
<Grid.Background>
<ImageBrush Stretch="Fill" ImageSource="Assets/3.jpg"/>
</Grid.Background>
<WebView x:Name="webv" HorizontalAlignment="Left"
Height="700" VerticalAlignment="Top" Width="1270"/>
<Button x:Name="button" Content="CLICK HERE"
HorizontalAlignment="Left" Margin="926,185,0,0"
VerticalAlignment="Top" FontSize="30" Click="button_Click"
FontStyle="Italic" Background="#332424B6" Width="242"
FontWeight="Bold"/>
<Button x:Name="button1" Content="X"
HorizontalAlignment="Stretch" Margin="1207,4,10,0"
VerticalAlignment="Top" Height="56" Background="#FFBF2929"
FontWeight="Bold" FontSize="27" Click="button1_Click"/>
</Grid>
</Page>

6.SCREEN SHOTS:

21 | P a g e

7. CONCLUSION AND ENHANCEMENTS

Conclusion:
The App is Created For the Education and easy way to learn periodic
table.

Future Enhancements:
Further enhancements for the project would be able to add new levels.

8. References:
1. https://msdn.microsoft.com/en-us/default.aspx
2.https://msdn.microsoft.com/developer-centers-msdn

22 | P a g e