README.md 5.72 KB
Newer Older
mohanvamsi's avatar
mohanvamsi committed
1 2
                                                    Digimart Exexution steps
First complete the below "requirement" steps
mohanvamsi's avatar
mohanvamsi committed
3

mohanvamsi's avatar
mohanvamsi committed
4
Now clone the project into your required directory in laptop
mohanvamsi's avatar
mohanvamsi committed
5

mohanvamsi's avatar
mohanvamsi committed
6
Now create a new project in your pc by looking on "Create Blank project" steps below
mohanvamsi's avatar
mohanvamsi committed
7

mohanvamsi's avatar
mohanvamsi committed
8
Now copy the node modules folder from the new project which is present in project directory.
mohanvamsi's avatar
mohanvamsi committed
9

mohanvamsi's avatar
mohanvamsi committed
10 11 12 13 14 15 16
Copy that node modules folder into the cloned project and now you are ready to run it.
                                                      
REQUIREMENTS:
                                                      
                                                      IONIC INSTALLATION
                                                       Node Installation
1.To Install Ionic, we should Do the following Steps
mohanvamsi's avatar
mohanvamsi committed
17

mohanvamsi's avatar
mohanvamsi committed
18
2.Open Terminal
mohanvamsi's avatar
mohanvamsi committed
19

mohanvamsi's avatar
mohanvamsi committed
20
3.First we should install Nodejs to work on ionic
mohanvamsi's avatar
mohanvamsi committed
21

mohanvamsi's avatar
mohanvamsi committed
22 23 24 25 26 27 28 29
	Type Following command to install nodejs
	$ sudo apt-get install nodejs or  sudo apt install nodejs-legacy or
           curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -
             sudo apt-get install -y nodejs (To install nodejs version 10)
	Thus We have installed Nodejs 
           To install  npm $ sudo apt-get install npm
      If any problem persists update packages with command $ sudo apt update
   and try again.
mohanvamsi's avatar
mohanvamsi committed
30
   
mohanvamsi's avatar
mohanvamsi committed
31
4.Check whether nodejs and npm is installed or not by typing the following 	command. npm –version and node --version
mohanvamsi's avatar
mohanvamsi committed
32

mohanvamsi's avatar
mohanvamsi committed
33
5.If it is successfully installed it will print the version of your npm
mohanvamsi's avatar
mohanvamsi committed
34

mohanvamsi's avatar
mohanvamsi committed
35
6.Now Install Ionic 
mohanvamsi's avatar
mohanvamsi committed
36

mohanvamsi's avatar
mohanvamsi committed
37
7.Open command prompt  and go to root $sudo su
mohanvamsi's avatar
mohanvamsi committed
38

mohanvamsi's avatar
mohanvamsi committed
39
8.Type the following command sudo npm install -g ionic@3.2.0  and npm install 	cordova
mohanvamsi's avatar
mohanvamsi committed
40

mohanvamsi's avatar
mohanvamsi committed
41
9.Now check for Successful installation of ionic By typing commands as ionic 	--version.
mohanvamsi's avatar
mohanvamsi committed
42

mohanvamsi's avatar
mohanvamsi committed
43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134
                                                    Create Blank Project

4.Now create a  new Blank Project by typing following command ionic start 	helloWorld blank
5.To add Android Dependecy to the app:
	$ionic cordova platform add android
6.To add Ios Dependecy to the app:
	$ionic cordova platform add ios (System should be ios).
7.Now it will create a folder named helloWorld in your respective location.
     	     To create a Page: (Neglet <>)
	ionic g page <Page Name>.
8.It Will create a page in src folder of your project.
9.To Run Ionic Project:
	Go to Your Project Directory and Type the following command For serving 	on Browser: ionic serve
12.To Run on emulator(android):
	$ionic cordova run android
13.Apk Will Be found on :
	<You App Directory>\<You App 	Name>\platforms\android\app\build\outputs\apk\debug
14,To Run On Browser(Browser Comaptability):
	$ionic cordova run browser.

                                            Plugins Installation
Used Plugins in Our Project:
Plugins Present in Ionic will be Present in following Link
https://ionicframework.com/docs/v3/native/
1. Geolocation Plugin: (To trace the Location which returns Latitude and Longitude Values of Current Posititon)
https://ionicframework.com/docs/v3/native/geolocation/
2. Geocoder Plugin:(To Trace the Name of the places using Latitude and Longitude Values)
https://ionicframework.com/docs/native/native-geocoder/
3. Camera Plugin: (Works only on Mobile and Emulators)
To Take Photos
https://ionicframework.com/docs/native/camera
4. Call Number: (To directly call the number from app)
https://ionicframework.com/docs/native/call-number
5. Image Picker:(To access Gallery)
https://ionicframework.com/docs/native/image-picker

 
                                        VISUAL STUDIO CODE INSTALLATION


1.Goto https://code.visualstudio.com/download and download the .deb  file for linux

2.Then open terminal
 3.Thengoto the .deb file directory 
	default cmd: “cd Downloads”

4.Now use the cmd: “sudo dpkg -i filename.deb”.
5.Then you can see the Visual studio code in the menu.

                                         DOCUMENTATION FOR LEAFLET MAPS INSTALLATION

To Install Leaflet Maps, we should Do the following Steps
1. Open Terminal
2. Check for whether “npm” is installed or not by typing following command “npm --version”
3. If it is present it will show the version or else it will print some error
4. If Error is present try to reinstall node library(npm)
5. If “npm” is present now we should install Leaflet package using “npm”
6. Installing Leaflet Package command
npm install leaflet –save
7. Now open Index.html file in your project directory (Present in “src” folder of Your project) and Paste the following code.
<link href="https://unpkg.com/leaflet@1.1.0/dist/leaflet.css" rel="stylesheet">.
    10.Now you Have Successfully finished the installation of leaflet Maps.

SAMPLE LEAFLET MAP IMAGE

	References:
	1.http://tphangout.com/ionic-3-leaflet-maps-geolocation-markers/


                                               XAMPP INSTALLATION

	1. To download  XAMPP
	open your browser and search the URL "apachefriends.org", There you can	see a 	button download  XAMPP for linux,click on it.
	2. to Install XAMPP
		open terminal and go to downloads, "cd downloads"
		To Execute the downloaded installer,we need to set executable 				permissions on it.
		using cmd :sudo chmod +x xampp-linux-x64-7.0.23-0-installer.run and 		enter your password to proceed 
		note: the version may be different,check the version.
	3.install  xampp using cmd :sudo ./xampp-linux-x64-7.0.23-0-installer.run  
	4. Now a setup window will open, click on next button until the installation 	starts.

	5.Select Developer Files

	6.It will take some time to install, then click on finish button. After It will appear like this
	

	7.To  start  XAMPP
		open terminal and type the cmd : sudo /opt/lampp/lampp start 
	8.To Stop XAMPP
		open terminal and type the cmd : sudo/opt/lampp/lampp 	stop
	9. To go to localhost
		Start  the XAMPP again ,now open your browser and search the URL “localhost/phpmyadmin”