SP18 Web Technologies Presentations and Assignments

Assignments

You are required to show your semester projects to Your Lab Instructor on or before 25-06-2018.

Also submit four two pages reports one for each assignment. e.g. Divide your project in 4 parts and make 4 reports. Each group would submit one copy each.

Presentations

Expected Dates of presentations are

SP15-BSE-A 18,19 May
SP16-BSE-A 21,24 May
SP16-BSE-B 18,19 May
SP16-BSE-C 21,23 May

Presentation Topics are assigned Randomly and are listed below.  Check your section for your topic mates.  Groups would present sequentially according to your group number in asc order. If you miss your slot then its bye bye. Participation is mandatory.

SP15-BSE-A 1 CIIT/SP15-BSE-001/LHR NIDA WAHEED G6: WordPress
SP15-BSE-A 2 CIIT/SP15-BSE-003/LHR Ayesha Ali G4: Android Development
SP15-BSE-A 3 CIIT/SP15-BSE-005/LHR Muhummad saud G6: WordPress
SP15-BSE-A 4 CIIT/SP15-BSE-007/LHR Muhammad Usman Anwar G8: Droopal
SP15-BSE-A 5 CIIT/SP15-BSE-008/LHR syed fahad ali G8: Droopal
SP15-BSE-A 6 CIIT/SP15-BSE-009/LHR Hafiz Usama Bin Abid G6: WordPress
SP15-BSE-A 7 CIIT/SP15-BSE-011/LHR khubaib ahmed G2: React
SP15-BSE-A 8 CIIT/SP15-BSE-013/LHR Mariya Tauqeer G7: Joomla
SP15-BSE-A 9 CIIT/SP15-BSE-015/LHR Binyameen Amjad G5: IOS Development
SP15-BSE-A 10 CIIT/SP15-BSE-019/LHR Muhammed Bari G10: Jqury UI
SP15-BSE-A 11 CIIT/SP15-BSE-021/LHR MUHAMMAD HARIS KHAN G7: Joomla
SP15-BSE-A 12 CIIT/SP15-BSE-023/LHR MUHAMMAD MATEEN TAYYAB G7: Joomla
SP15-BSE-A 13 CIIT/SP15-BSE-025/LHR Fahad Shakeel G1: Angular
SP15-BSE-A 14 CIIT/SP15-BSE-027/LHR Muhammad Usman Anwar G9: Shopify
SP15-BSE-A 15 CIIT/SP15-BSE-035/LHR Muhammad Ibtassam Haseeb G3: FireBase
SP15-BSE-A 16 CIIT/SP15-BSE-037/LHR saad nasir G3: FireBase
SP15-BSE-A 17 CIIT/SP15-BSE-039/LHR Muhammad Faiq Rashid G1: Angular
SP15-BSE-A 18 CIIT/SP15-BSE-041/LHR sannan ali G2: React
SP15-BSE-A 19 CIIT/SP15-BSE-043/LHR Fatima Rizwan G6: WordPress
SP15-BSE-A 20 CIIT/SP15-BSE-045/LHR HASHAM ASIF JOIYA G1: Angular
SP15-BSE-A 21 CIIT/SP15-BSE-047/LHR Sheeza Jamil G6: WordPress
SP15-BSE-A 22 CIIT/SP15-BSE-051/LHR Hafiz Taha Nabeel G2: React
SP15-BSE-A 23 CIIT/SP15-BSE-053/LHR Iqra Rafique G8: Droopal
SP15-BSE-A 24 CIIT/SP15-BSE-059/LHR Roha Ijaz G2: React
SP15-BSE-A 25 CIIT/SP15-BSE-061/LHR ahmed hassan shafiq G5: IOS Development
SP15-BSE-A 26 CIIT/SP15-BSE-063/LHR Ahmad Mushtaq G8: Droopal
SP15-BSE-A 27 CIIT/SP15-BSE-065/LHR Wasif Ali Sikandar Chishti G2: React
SP15-BSE-A 28 CIIT/SP15-BSE-067/LHR MUHAMMAD FAZEEL BUTT G5: IOS Development
SP15-BSE-A 29 CIIT/SP15-BSE-069/LHR HAFIZ USAMA KHALID G2: React
SP15-BSE-A 30 CIIT/SP15-BSE-071/LHR Salman Qamar G6: WordPress
SP15-BSE-A 31 CIIT/SP15-BSE-075/LHR Myra Anwar G10: Jqury UI
SP15-BSE-A 32 CIIT/SP15-BSE-077/LHR Athar Waseem G6: WordPress
SP15-BSE-A 33 CIIT/SP15-BSE-079/LHR Sarim Khan G1: Angular
SP15-BSE-A 34 CIIT/SP15-BSE-081/LHR Ameer Hamza G6: WordPress
SP15-BSE-A 35 CIIT/SP15-BSE-083/LHR Ali Raza G10: Jqury UI
SP15-BSE-A 36 CIIT/SP15-BSE-086/LHR Mian Aaqib Ali Javed G10: Jqury UI
SP16-BSE-A 1 CIIT/FA15-BSE-013/LHR AHMED ABDULLAH G5: IOS Development
SP16-BSE-A 2 CIIT/FA15-BSE-124/LHR SOHAIL AMIN G5: IOS Development
SP16-BSE-A 3 CIIT/FA15-BSE-139/LHR UMER EHSAN G4: Android Development
SP16-BSE-A 4 CIIT/SP15-BSE-088/LHR Ehtisham Ali Munawar G8: Droopal
SP16-BSE-A 5 CIIT/SP16-BSE-003/LHR BILAL ARSHAD G7: Joomla
SP16-BSE-A 6 CIIT/SP16-BSE-007/LHR MUHAMMAD TALHA AKRAM G2: React
SP16-BSE-A 7 CIIT/SP16-BSE-011/LHR HAFIZ ZIMMAR AHMED G9: Shopify
SP16-BSE-A 8 CIIT/SP16-BSE-017/LHR RAMEEL REHMAN G8: Droopal
SP16-BSE-A 9 CIIT/SP16-BSE-019/LHR SYED HANNAN HUSSAIN G2: React
SP16-BSE-A 10 CIIT/SP16-BSE-023/LHR WAQAR ALI G3: FireBase
SP16-BSE-A 11 CIIT/SP16-BSE-025/LHR ABDUL WAHAB AWAIS G3: FireBase
SP16-BSE-A 12 CIIT/SP16-BSE-027/LHR MAEMOONA NAZMA G3: FireBase
SP16-BSE-A 13 CIIT/SP16-BSE-029/LHR NOOR FATIMA G6: WordPress
SP16-BSE-A 14 CIIT/SP16-BSE-031/LHR MUHAMMAD YASIR G5: IOS Development
SP16-BSE-A 15 CIIT/SP16-BSE-035/LHR RANA HAMZA KHALID G4: Android Development
SP16-BSE-A 16 CIIT/SP16-BSE-043/LHR ZOHAIB ALI AWAN G10: Jqury UI
SP16-BSE-A 17 CIIT/SP16-BSE-045/LHR MUHAMMAD ZEESHAN G2: React
SP16-BSE-A 18 CIIT/SP16-BSE-047/LHR zuhaib shahid G5: IOS Development
SP16-BSE-A 19 CIIT/SP16-BSE-051/LHR ZAIN MAHMOOD MIRZA G10: Jqury UI
SP16-BSE-A 20 CIIT/SP16-BSE-052/LHR MUHAMMAD ABDULLAH G6: WordPress
SP16-BSE-A 21 CIIT/SP16-BSE-053/LHR AHMAD G5: IOS Development
SP16-BSE-A 22 CIIT/SP16-BSE-055/LHR SHEHROZ MUBARIK G3: FireBase
SP16-BSE-A 23 CIIT/SP16-BSE-057/LHR UMAR KHURSHEED G4: Android Development
SP16-BSE-A 24 CIIT/SP16-BSE-063/LHR MUHAMMAD ABDULLAH G10: Jqury UI
SP16-BSE-A 25 CIIT/SP16-BSE-065/LHR ZESHAN G2: React
SP16-BSE-A 26 CIIT/SP16-BSE-067/LHR ARSLAN KHALID G2: React
SP16-BSE-A 27 CIIT/SP16-BSE-069/LHR FAHAD BIN QAMAR G8: Droopal
SP16-BSE-A 28 CIIT/SP16-BSE-070/LHR MUHAMMAD MUSHFIQ G2: React
SP16-BSE-A 29 CIIT/SP16-BSE-096/LHR KULSUM G2: React
SP16-BSE-B 1 CIIT/FA15-BSE-161/LHR MUHAMMAD JAWAD NAWAZ G9: Shopify
SP16-BSE-B 2 CIIT/SP15-BSE-049/LHR Tayyeb Hassan G6: WordPress
SP16-BSE-B 3 CIIT/SP15-BSE-073/LHR MUHAMMAD SALMAN KHAN G1: Angular
SP16-BSE-B 4 CIIT/SP15-BSE-087/LHR Hafiz Muhammad Adnan Akbar G6: WordPress
SP16-BSE-B 5 CIIT/SP16-BSE-001/LHR HAMZA SHAKEEL G2: React
SP16-BSE-B 6 CIIT/SP16-BSE-002/LHR SYED MUHAMMAD ABBAS SHERAZI G3: FireBase
SP16-BSE-B 7 CIIT/SP16-BSE-004/LHR FATIMA BATOOL G2: React
SP16-BSE-B 8 CIIT/SP16-BSE-006/LHR MUHAMMAD ALAMGIR KHAN G9: Shopify
SP16-BSE-B 9 CIIT/SP16-BSE-010/LHR HAMZA NAEEM G4: Android Development
SP16-BSE-B 10 CIIT/SP16-BSE-012/LHR ABU BAKAR G1: Angular
SP16-BSE-B 11 CIIT/SP16-BSE-016/LHR ASHESH GOPLANI G2: React
SP16-BSE-B 12 CIIT/SP16-BSE-018/LHR HAMZA MAHMOOD G6: WordPress
SP16-BSE-B 13 CIIT/SP16-BSE-020/LHR HUZAIFA JALIL G1: Angular
SP16-BSE-B 14 CIIT/SP16-BSE-022/LHR MUHAMMAD NOUMAN BOOTTER G7: Joomla
SP16-BSE-B 15 CIIT/SP16-BSE-026/LHR MUHAMMAD BILAL HAIDER CHOHAN G9: Shopify
SP16-BSE-B 16 CIIT/SP16-BSE-028/LHR NAFEES AHMAD G10: Jqury UI
SP16-BSE-B 17 CIIT/SP16-BSE-033/LHR IBRAHIM FAROOQ G9: Shopify
SP16-BSE-B 18 CIIT/SP16-BSE-037/LHR BILAL MOHSIN G8: Droopal
SP16-BSE-B 19 CIIT/SP16-BSE-038/LHR ABDULLAH SHAHZAD G3: FireBase
SP16-BSE-B 20 CIIT/SP16-BSE-040/LHR MUHAMMAD SAJID RIAZ G2: React
SP16-BSE-B 21 CIIT/SP16-BSE-042/LHR FIZZA AJMAL G3: FireBase
SP16-BSE-B 22 CIIT/SP16-BSE-044/LHR ABDULLAH MAQBOOL G2: React
SP16-BSE-B 23 CIIT/SP16-BSE-046/LHR HAFIZ MUHAMMAD NAVEED SALEEM G8: Droopal
SP16-BSE-B 24 CIIT/SP16-BSE-048/LHR AIMAN ARIF G1: Angular
SP16-BSE-B 25 CIIT/SP16-BSE-056/LHR BILAL QAMAR G3: FireBase
SP16-BSE-B 26 CIIT/SP16-BSE-058/LHR MUHAMMAD NAVEED ARIF G10: Jqury UI
SP16-BSE-B 27 CIIT/SP16-BSE-060/LHR MUHAMMAD MOHSIN MAHMOOD G5: IOS Development
SP16-BSE-B 28 CIIT/SP16-BSE-062/LHR MUHAMMAD HAMZA G9: Shopify
SP16-BSE-B 29 CIIT/SP16-BSE-068/LHR MUHAMMAD UMAR ASHFAQ G3: FireBase
SP16-BSE-B 30 CIIT/SP16-BSE-075/LHR MUHAMMAD TALHA MUSHTAQ G3: FireBase
SP16-BSE-B 31 CIIT/SP16-BSE-088/LHR MUHAMMAD HANAN HABIB G4: Android Development
SP16-BSE-B 32 CIIT/SP16-BSE-098/LHR Mahnoor Babar G10: Jqury UI
SP16-BSE-B 33 CIIT/SP16-BSE-101/LHR Faizan Gauhar G1: Angular
SP16-BSE-B 34 CIIT/SP16-BSE-113/LHR AROOJ IQBAL G4: Android Development
SP16-BSE-C 1 CIIT/FA15-BSE-025/LHR BURHAN MASEEL G4: Android Development
SP16-BSE-C 2 CIIT/FA15-BSE-082/LHR MUHAMMAD AMEER ABDUL REHMAN G3: FireBase
SP16-BSE-C 3 CIIT/FA15-BSE-091/LHR MUHAMMAD HAMZA TUFAIL G3: FireBase
SP16-BSE-C 4 CIIT/FA15-BSE-154/LHR ZUNAIB G5: IOS Development
SP16-BSE-C 5 CIIT/SP16-BSE-005/LHR HAMZA RIZWAN G2: React
SP16-BSE-C 6 CIIT/SP16-BSE-074/LHR MUHAMMAD MUSA G4: Android Development
SP16-BSE-C 7 CIIT/SP16-BSE-078/LHR MOHKAM FARID G9: Shopify
SP16-BSE-C 8 CIIT/SP16-BSE-079/LHR MUHAMMAD ABUHURRAIRA JAMIL G5: IOS Development
SP16-BSE-C 9 CIIT/SP16-BSE-080/LHR BEHROZ KHAWAR G4: Android Development
SP16-BSE-C 10 CIIT/SP16-BSE-081/LHR OSAMA INAYAT G3: FireBase
SP16-BSE-C 11 CIIT/SP16-BSE-083/LHR M AZEEM RASHEED G7: Joomla
SP16-BSE-C 12 CIIT/SP16-BSE-084/LHR AMMAR AHMAD G7: Joomla
SP16-BSE-C 13 CIIT/SP16-BSE-085/LHR MUHAMMAD SAAD NASHIT G10: Jqury UI
SP16-BSE-C 14 CIIT/SP16-BSE-086/LHR HAFIZ MUNEEB AHMAD G1: Angular
SP16-BSE-C 15 CIIT/SP16-BSE-090/LHR WAQAR HUSSAIN G1: Angular
SP16-BSE-C 16 CIIT/SP16-BSE-092/LHR SYED SHUJAT ALI G1: Angular
SP16-BSE-C 17 CIIT/SP16-BSE-093/LHR USAMA MUSHTAQ G1: Angular
SP16-BSE-C 18 CIIT/SP16-BSE-094/LHR ALI JAVED CHEEMA G4: Android Development
SP16-BSE-C 19 CIIT/SP16-BSE-095/LHR ALI ASIF G10: Jqury UI
SP16-BSE-C 20 CIIT/SP16-BSE-100/LHR Masroor Haider Naqvi G3: FireBase
SP16-BSE-C 21 CIIT/SP16-BSE-102/LHR Numan Ali Nasar G6: WordPress
SP16-BSE-C 22 CIIT/SP16-BSE-103/LHR Rehan Aslam G9: Shopify
SP16-BSE-C 23 CIIT/SP16-BSE-105/LHR Muhammad Awais G8: Droopal
SP16-BSE-C 24 CIIT/SP16-BSE-106/LHR WAQAS NOSHER G2: React
SP16-BSE-C 25 CIIT/SP16-BSE-111/LHR Muhammad Osama Amir G6: WordPress
SP16-BSE-C 26 CIIT/SP16-BSE-115/LHR Usman Ali Khan G4: Android Development
SP16-BSE-C 27 CIIT/SP16-BSE-116/LHR MUHAMMAD ZEESHAN G10: Jqury UI
SP16-BSE-C 28 CIIT/SP16-BSE-118/LHR Aweem Ashar Bhatti G2: React
SP16-BSE-C 29 CIIT/SP16-BSE-119/LHR Israr Ahmed G4: Android Development

 

Setup Instructions for Web Class

You need to install following software

  • Xampp/wamp/uwamp
    • You can use any one
    • PHP >=7.2 with PDO enabled
    • MySQL
      • phpmyadmin
    • Apache
      • dashboard
  • Set PHP in windows path
  • SqlYog(Paid,Optional)
  • Editors
    • PHPStorm (Powerful)
    • Brackets
    • Visual Studio Code
    • SublimeText (Awesome)
  • git
  • github desktop
  • composer
  • node
  • bower

 

 

SP18 Web Technologies Assignments

Term Project.

Assignment One

Submit a One Page proposal of your Term Project. Describing what you built and which technologies you implemented.
Deadline: 26-2-2018

Assignment Two

Make a Word Document Give two screenshots of your frontend HTML/CSS design. and brief about your approach.
Deadline: 26-2-2018

Assignment Three

Make a Word Document having the screenshots of your page which shows the DB Connectivity.
Deadline 16-3-2018

Assignment Four

Write a 3-4 pages report on your project showing how you implement
• create
• read
• update
• delete
• pagination
Deadline
25-5-2016

FA17 Web Technologies Assignments

Term Project.

Assignment One

Submit a One Page proposal of your Term Project. Describing what you built and which technologies you implemented.

Assignment Two

Make a Word Document Give two screenshots of your frontend HTML/CSS design. and brief about your approach.

Assignment Three

Make a Word Document having the screenshots of your page which shows the DB Connectivity.

Assignment Four

Write a 3-4 pages report on your project showing how you implement

  • create
  • read
  • update
  • delete
  • pagination

Code Submission

Submit your code + database dump in the form of zip file

Submission Details

Assignment One, two, three, four and project code are to be submitted on turnitin. Each group would submit same copy in each assignment submission.

You are to submit your assignments to https://turnitin.com by using the following details.

Class ID : 17025772

EnrollmentKey: usmanakram

Create a new user account (student account) with the display name as your roll number like   SDP-FA17-BCS-009-YourNameHere

Submission Closes o n Friday 29th December 2017 at 2PM.

Turnitin would catch you if you copy paste from any resource, or even if you submit someone else’s copy resulting 0 marks for all parties involved. Write your own thoughts.

FA17 OS Assignments

Assignment One

Assignment 1

Assignment Two

Write a one page note on any one of the following

  • QoS in Wireless Networks (e.g., 802.11e)
  • Real-Time Processing and Communication in Sensor Networks
  • Real-Time Aspects of Robotics
  • Case Study of a Real-Time Operating System
  • Dynamic Voltage Scaling
  • Real-Time in Ada

Assignment Three

Write a one page note on any one of the following

  • Real-Time Task Scheduling on Multiprocessors
  • Real-Time Databases
  • Worst-Case Execution Time Analysis
  • Multimedia Computing and Communication
  • Real-Time CORBA
  • Real-Time Programming Languages
  • Fault Tolerance
  • Resource Management
  • Real-Time Java
  • Testing, Debugging
  • Energy Management
  • Real-Time Cluster Computing

Assignemt Four

Write a one page note on any one of the following papers.

You can make a group of Max Three students and each student is required to submit his/her own copy separately. Each group’s copy can be same for all group members. Only Assignment four is a group task.

Submission Details

Assignment one is already submitted. Assignment two, three and four are to be submitted on turnitin

You are to submit your assignments to https://turnitin.com by using the following details.

Class ID : 17025721

EnrollmentKey: usmanakram

Create a new user account (student account) with the display name as your roll number like   SDP-FA17-BCS-009-YourNameHere

Submission Closes o n Friday 29th December 2017 at 2PM.

Turnitin would catch you if you copy paste from any resource, or even if you submit someone else’s copy resulting 0 marks for all parties involved. Write your own thoughts.

Angular KickStart

I recently has to understand angular Js. After fumbling around I got this amazing 60 minute introductory tutorial which is great for my students and for myself too for starting the angular JS learning curve.

 

SP17 Web Technologies All Assignments and Lab Tasks

Course Project:

The aim of the web technologies course project is to take you through all the steps of translating the client requirements to a fully functional web application. In this case I would be the client describing my requirements as follows.

I want to have my own personal custom built blog. The blog should have two sections. One is for general public to view my blog posts and the other section should be the admin panel of my blog.

Assignment Three

Assignment Four

Lab Task Two, Three and Four depends upon this project

Front End

Front page should list all of my posts in chronological order. Only the first 100 characters should be visible and each post should have a read more button to show full post.

  1. Top menu should show all of the categories of my posts.
  2. A post can have only in one category. A category has many posts.
  3. A post has and belong to many tags and a tag has and belong to many posts.
  4. Only logged in users should be able to comment on my posts.

Admin Panel

  1. I should be able to create edit and delete my blog posts with images too from admin panel.
  2. I should be able to CRUD tags and categories.
  3. I should be able to log my blood glucose level in following 6 categories
    1. Fasting
    2. Before Dinner
    3. After Dinner
    4. Before Lunch
    5. After Lunch
    6. Midnight
  4. I should be able to see the visual chart of my glucose levels.
  5. Only admin should be able to handle Admin Panel

 

 

 

Assignment One

You are required to demonstrate your skills of designing web page layouts by showing a one page layout with 3 column layouts. two columns should hold menus. Along with that also show the header with logo and menu and a footer

Do not use bootstrap for this task

 

Deadline: Friday 17-02-2017 Before Juma.

 

Assignment Two

You are required to demonstrate your skills of CRUD (Create Read Update Delete) operations

you should demonstrate with at least one database table.

 

Deadline: 22-03-2017 in labs

 

Assignment Three

Implement Course Project specifications of Front End Task 1,2 and 3

Deadline: April 27, 2017

 

Assignment Four

Implement Course Project specifications of Front End Task 4 and 5

Deadline: May 04, 2017

 

 

Lab Task One

You are required to implement a simple calculator using Bootstrap and JQuery. you can take hints from

http://www.siteforinfotech.com/2015/02/how-to-create-simple-calculator-using.html

But your calculator should also implement power and square root functions

 

Deadline: 2nd March at 12 Noon in my office your code printed on pages

 

Lab Task Two

Implement Course Project specifications of Admin Panel Task 1 and 2

Deadline: May 11, 2017

 

 

Lab Task Three

Implement Course Project specifications of Admin Panel: Task 3

Deadline: May 18, 2017

 

Lab Task Four

Implement Course Project specifications of Admin Panel: Task 4 and 5

Deadline: May 24, 2017

Assignment 2 CRUD

You are required to demonstrate your skills of CRUD operations

you should demonstrate with atleast one database table.

 

Deadline: 22-03-2017 in labs

Show me your work in lab.

Do not submit hard copy