Description: This feature will enable user to send messages from website to phone number.

Size: px
Start display at page:

Download "Description: This feature will enable user to send messages from website to phone number."

Transcription

1 Web to Phone text message Description: This feature will enable user to send messages from website to phone number. User will use this feature and can send messages from website to phone number, this will be a normal text message which will be sent using DID API. User will login to index page, he will see inbox on the page where all the messages will be available from various numbers to DID number. By clicking over right side button view chat chat thread will open for that particular number and user can send message from below typing box. Set Webhook Url: Web.config settings: <add key="didnumber" value=" "/> <add key="smsapibaseurl" value=" <add key="apikey" value="smjkq1v67k320e6af48fa9d99b a11ae1d31"/> <connectionstrings><add name="didwebtophonetextentities" connectionstring="metadata=res://*/models.didwebtophonetextchat.csdl res://*/models.didwe btophonetextchat.ssdl res://*/models.didwebtophonetextchat.msl;provider=system.data.sqlcl ient;provider connection string="data source=(localdb)\mssqllocaldb;attachdbfilename= DataDirectory \DIDWebToPhoneText.mdf;inte grated security=true;multipleactiveresultsets=true;app=entityframework"" providername="system.data.entityclient" /></connectionstrings> Coding Description: DIDWebToPhoneText/Controllers/HomeController.cs using DIDWebToPhoneText.Models; using DIDWebToPhoneText.Services; using System; using System.Collections.Generic; using System.IO;

2 using System.Linq; using System.Net; using System.Net.Security; using System.Security.Cryptography.X509Certificates; using System.Web; using System.Web.Configuration; using System.Web.Mvc; namespace DIDWebToPhoneText.Controllers public class HomeController : Controller // GET: Home // Get values from web.config file public string didnumber = WebConfigurationManager.AppSettings["DidNumber"].ToString(); public string apikey = WebConfigurationManager.AppSettings["ApiKey"].ToString(); public string smsapibaseurl = WebConfigurationManager.AppSettings["SmsApiBaseUrl"].ToString(); public ActionResult Index() return View(); [HttpPost] public ActionResult Index(Account user) if (ModelState.IsValid) using (DIDWebToPhoneTextEntities db = new DIDWebToPhoneTextEntities()) var result = db.accounts.where(u => u.username.tolower() == user.username.tolower().trim() && u.password == user.password).firstordefault(); if (result!= null) Session["UserId"] = result.id; return RedirectToAction("Inbox"); else ViewData["error"] = "Invalid User Name Or Password."; else ViewData["error"] = "Invalid Input"; return View(); public ActionResult Inbox() if (Session["UserId"] == null) return RedirectToAction("index"); using (DIDWebToPhoneTextEntities db = new DIDWebToPhoneTextEntities()) var result = db.getdistnumber().tolist();

3 return View(result); public ActionResult Message(string number) if (Session["UserId"] == null) return RedirectToAction("index"); if (!string.isnullorempty(number)) ViewBag.Number = number; using (DIDWebToPhoneTextEntities db = new DIDWebToPhoneTextEntities()) var result = db.inboxes.where(g => g.phonenumber == number).tolist(); return View(result); return View(); public ActionResult ReceiveSms() String from_number = Request.Form["From"]; // Sender's phone number String to_number = Request.Form["To"]; // Receiver's phone number String text = Request.Form["Text"]; // The text which was received if (!string.isnullorempty(from_number)) from_number = from_number.replace("+", ""); from_number = from_number.replace(" ", ""); Inbox inbox = new Inbox(); inbox.datetime = DateTime.Now; inbox.phonenumber = from_number; inbox.dedicatednumber = to_number; inbox.message = text; inbox.type = Utility.SMSType.received; inbox.status = false; using (DIDWebToPhoneTextEntities db = new DIDWebToPhoneTextEntities()) var q = db.inboxes.add(inbox); db.savechanges(); return RedirectToAction("index"); public ActionResult SentSms(string Number, string message) if (Session["UserId"] == null) return RedirectToAction("index"); try var status = HttpPostRequest(Number, message); if (status.contains("100"))

4 Inbox inbox = new Inbox(); inbox.datetime = DateTime.Now; inbox.phonenumber = Number; inbox.dedicatednumber = didnumber; inbox.message = message; inbox.type = Utility.SMSType.sent; inbox.status = false; using (DIDWebToPhoneTextEntities db = new DIDWebToPhoneTextEntities()) var q = db.inboxes.add(inbox); db.savechanges(); catch return RedirectToAction("Message", new number = Number ); public ActionResult LogOut() Session["UserId"] = null; Session.Abandon(); return RedirectToAction("index"); public string HttpPostRequest(string mobilenumber, string text) string result = string.empty; //DIDforsale api only accept json data format var httpwebrequest = (HttpWebRequest)WebRequest.Create(smsApiBaseUrl + apikey); httpwebrequest.contenttype = "application/json"; httpwebrequest.method = "POST"; using (var streamwriter = new StreamWriter(httpWebRequest.GetRequestStream())) var json = "\"from\":\"" + didnumber + "\",\"to\":[\"" + mobilenumber + "\"],\"text\":\"" + text + "\""; streamwriter.write(json); streamwriter.flush(); streamwriter.close(); ServicePointManager.ServerCertificateValidationCallback = delegate (object s, X509Certificate certificate, X509Chain chain, SslPolicyErrors sslpolicyerrors) return true; ; ServicePointManager.SecurityProtocol = SecurityProtocolType.Ssl3 SecurityProtocolType.Tls12 SecurityProtocolType.Tls11 SecurityProtocolType.Tls; var httpresponse = (HttpWebResponse)httpWebRequest.GetResponse(); using (var streamreader = new StreamReader(httpResponse.GetResponseStream())) result = streamreader.readtoend(); return result;

5 Layout = null; <!DOCTYPE html> <html> <head> <!-- Required meta tags --> <meta charset="utf-8"> <title>login</title> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-tofit=no"> <link href="@url.content("~/css/style.css")" rel="stylesheet"> <!-- Bootstrap CSS --> <link href="@url.content("~/css/bootstrap.min.css")" rel="stylesheet"> <script src=" <script src=" </head> <body> <div class="wrapper fadeindown"> <div (ViewData["error"]!= null) <div class="alert alert-danger in"> <a href="#" class="close" data-dismiss="alert"> </a> <!-- Tabs Titles --> <h2 class="active text-center">login</h2> <!-- Login Form (Html.BeginForm("index", "home", FormMethod.Post)) <input type="text" id="login" class="second" name="username" placeholder="user Name"> <input type="password" id="password" class="third" name="password" placeholder="password"> <input type="submit" class="fourth" value="log (Html.BeginForm("ReceiveSms", "home", FormMethod.Post)) <input type="text" id="from" class="first" name="from" placeholder="from"> <input type="text" id="to" class="second" name="to" placeholder="to">

6 <input type="text" id="text" class="third" name="text" placeholder="text"> <input type="submit" class="fourth" value="log In"> </body> </html> Layout = IEnumerable<DIDWebToPhoneText.Models.GetDistNumber_Result> <!DOCTYPE html> <html> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-tofit=no"> <link href="@url.content("~/css/style.css")" rel="stylesheet"> <!-- Bootstrap CSS --> <link href="@url.content("~/css/bootstrap.min.css")" rel="stylesheet"> <link href=" rel="stylesheet"> <title>inbox</title> </head> <body> <div class="tble_section"> <div class="container"> <div class="full_tble"> <h2 class="active">inbox <a href="@url.action("logout")" class="backbtn">logout</a></h2> <div class="table-responsive"> <table class="table"> <thead class="thead-default"> <tr> <th>phone Number</th> <th>received Message</th> <th>datetime</th> <th></th> </tr> </thead> (Model.Count() > 0) foreach (var item in Model) <tr> <th scope="row">@item.phonenumber</th> <td>@item.message</td>

7 <td><a new number = item.phonenumber ) ">View Chat</a></td> </tr> else <tr> <td></td> <td></td> <td>no Records</td> <td></td> </tr> </tbody> </table> <script src=" <script src=" <script> $(document).ready(function () $('table').datatable(); ); </script> </body> </html> Layout = IEnumerable<DIDWebToPhoneText.Models.Inbox> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-tofit=no"> <link href="@url.content("~/css/style.css")" rel="stylesheet"> <!-- Bootstrap CSS --> <link href="@url.content("~/css/bootstrap.min.css")" rel="stylesheet"> <link href=" rel="stylesheet"> <title>message</title> </head> <body> <div class="tble_section"> <div class="container"> <div class="full_tble"> <div class="row"> <div class="col-md-12">

8 <h2 class="active"><a class="fa fa-arrow-circle-left" aria-hidden="true"></i></a> Messages class="backbtn">logout</a></h2> <div (Html.BeginForm("SentSms", "home", new ViewBag.Number ); <div class="row"> <div class="chatbox"> <div class="chat-history"> (var item in Model) if (item.type == DIDWebToPhoneText.Services.Utility.SMSType.received) <li> <div class="message-data"> <span class="message-dataname"><i class="fa fa-circle <span <div class="message </li> else <li class="clearfix"> <div class="message-data righttxt"> <span <span <i class="fa fa-circle me"></i></span> <div class="message other-message </li> </ul> <div class="chat-message clearfix"> <div class="row"> <div class="col-md-10 col-sm-10 col-xs-9"> <textarea placeholder="type your message" name="message" rows="2"></textarea> <div class="col-md-2 col-sm-2 col-xs-3"> <button type="submit" class="btn cstmbtn">send</button>

9 <script src=" <script> $(document).ready(function () $(".chat-history").animate( scrolltop: $('.chathistory').prop("scrollheight"), 1000); ); </script> </body> </html> DIDWebToPhoneText\Services\Utility.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace DIDWebToPhoneText.Services public class Utility public class SMSType public const string received = "Received", sent = "Sent"; In this project user need to add a MS SQL Database file in App_Data with name DIDWebToPhoneText.mdf and add table (Account & Inbox) and procedure(getdistnumber). Add Stored Procedure: Create proc [dbo].[getdistnumber] as select Inbox.Id,Inbox.PhoneNumber,Inbox.DedicatedNumber,Inbox.Message,Inbox.DateTime,Inbox.Type, Inbox.Status from Inbox, (SELECT MAX(Id) as Id FROM Inbox where Inbox.Type='Received' GROUP BY PhoneNumber) as temp where Inbox.Id=temp.Id Then add an ADO.Net Entity Data Model with name didwebtophonetextchat.edmx after that you can access table model in project like as Account model and Inbox model. DIDWebToPhoneText/Models/Account.cs namespace DIDWebToPhoneText.Models

10 using System; using System.Collections.Generic; public partial class Account public int Id get; set; public string UserName get; set; public string Password get; set; DIDWebToPhoneText/Models/Inbox.cs namespace DIDWebToPhoneText.Models using System; using System.Collections.Generic; public partial class Inbox public int Id get; set; public string PhoneNumber get; set; public string DedicatedNumber get; set; public string Message get; set; public System.DateTime DateTime get; set; public string Type get; set; public Nullable<bool> Status get; set;

Set Up a Two Factor Authentication with SMS.

Set Up a Two Factor Authentication with SMS. Set Up a Two Factor Authentication with SMS. Adding two-factor authentication (2FA) to your web application increases the security of your user's data. 1. First we validate the user with an email and password

More information

Working Bootstrap Contact form with PHP and AJAX

Working Bootstrap Contact form with PHP and AJAX Working Bootstrap Contact form with PHP and AJAX Tutorial by Ondrej Svestka Bootstrapious.com Today I would like to show you how to easily build a working contact form using Boostrap framework and AJAX

More information

This project will use an API from to retrieve a list of movie posters to display on screen.

This project will use an API from   to retrieve a list of movie posters to display on screen. Getting Started 1. Go to http://quickdojo.com 2. Click this: Project Part 1 (of 2) - Movie Poster Lookup Time to put what you ve learned to action. This is a NEW piece of HTML, so start quickdojo with

More information

Using Visual Studio 2017

Using Visual Studio 2017 C H A P T E R 1 Using Visual Studio 2017 In this chapter, I explain the process for installing Visual Studio 2017 and recreate the Party Invites project from Chapter 2 of Pro ASP.NET Core MVC. As you will

More information

Responsive Web Design and Bootstrap MIS Konstantin Bauman. Department of MIS Fox School of Business Temple University

Responsive Web Design and Bootstrap MIS Konstantin Bauman. Department of MIS Fox School of Business Temple University Responsive Web Design and Bootstrap MIS 2402 Konstantin Bauman Department of MIS Fox School of Business Temple University Exam 3 (FINAL) Date: 12/06/18 four weeks from now! JavaScript, jquery, Bootstrap,

More information

Project Part 2 (of 2) - Movie Poster And Actor! - Lookup

Project Part 2 (of 2) - Movie Poster And Actor! - Lookup Getting Started 1. Go to http://quickdojo.com 2. Click this: Project Part 2 (of 2) - Movie Poster And Actor! - Lookup This is an extension of what you did the last time (the Movie Poster lookup from Week

More information

SportsStore: Administration

SportsStore: Administration C H A P T E R 11 SportsStore: Administration In this chapter, I continue to build the SportsStore application in order to give the site administrator a way of managing orders and products. Managing Orders

More information

MVC :: Understanding Views, View Data, and HTML Helpers

MVC :: Understanding Views, View Data, and HTML Helpers MVC :: Understanding Views, View Data, and HTML Helpers The purpose of this tutorial is to provide you with a brief introduction to ASP.NET MVC views, view data, and HTML Helpers. By the end of this tutorial,

More information

Dingle Coderdojo 6. Project Part 2 (of 2) - Movie Poster And Actor! - Lookup. Week 6

Dingle Coderdojo 6. Project Part 2 (of 2) - Movie Poster And Actor! - Lookup. Week 6 Dingle Coderdojo 6 Week 6 Project Part 2 (of 2) - Movie Poster And Actor! - Lookup This is an extension of what you did the last time (the Movie Poster lookup from Week 5). Make sure you ve finished that

More information

Bootstrap 1/20

Bootstrap 1/20 http://getbootstrap.com/ Bootstrap 1/20 MaxCDN

More information

Lampiran. SetoransController

Lampiran. SetoransController 67 Lampiran SetoransController using System; using System.Collections.Generic; using System.Data; using System.Data.Entity; using System.Linq; using System.Net; using System.Web; using System.Web.Mvc;

More information

CSS (Cascading Style Sheets)

CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) is a language used to describe the appearance and formatting of your HTML. It allows designers and users to create style sheets that define how

More information

LAMPIRAN. 1. Source Code Data Buku. using System; using System.Collections.Generic; using System.Data; using System.Data.Entity; using System.

LAMPIRAN. 1. Source Code Data Buku. using System; using System.Collections.Generic; using System.Data; using System.Data.Entity; using System. 81 LAMPIRAN 1. Source Code Data Buku using System; using System.Collections.Generic; using System.Data; using System.Data.Entity; using System.Linq; using System.Net; using System.Web; using System.Web.Mvc;

More information

Chapter6: Bootstrap 3. Asst.Prof.Dr. Supakit Nootyaskool Information Technology, KMITL

Chapter6: Bootstrap 3. Asst.Prof.Dr. Supakit Nootyaskool Information Technology, KMITL Chapter6: Bootstrap 3 Asst.Prof.Dr. Supakit Nootyaskool Information Technology, KMITL Objective To apply Bootstrap to a web site To know how to build various bootstrap commands to be a content Topics Bootstrap

More information

MVC :: Preventing JavaScript Injection Attacks. What is a JavaScript Injection Attack?

MVC :: Preventing JavaScript Injection Attacks. What is a JavaScript Injection Attack? MVC :: Preventing JavaScript Injection Attacks The goal of this tutorial is to explain how you can prevent JavaScript injection attacks in your ASP.NET MVC applications. This tutorial discusses two approaches

More information

Session 5. Web Page Generation. Reading & Reference

Session 5. Web Page Generation. Reading & Reference Session 5 Web Page Generation 1 Reading Reading & Reference https://en.wikipedia.org/wiki/responsive_web_design https://www.w3schools.com/css/css_rwd_viewport.asp https://en.wikipedia.org/wiki/web_template_system

More information

Create First Web Page With Bootstrap

Create First Web Page With Bootstrap Bootstrap : Responsive Design Create First Web Page With Bootstrap 1. Add the HTML5 doctype Bootstrap uses HTML elements and CSS properties that require the HTML5 doctype. 2. Bootstrap 3 is mobile-first

More information

Consuming SAIT API via ITS ESB from web / desktop application

Consuming SAIT API via ITS ESB from web / desktop application Consuming SAIT API via ITS ESB from web / desktop application 1. Configuration Requirements: To be able to test / consume API via ITS ESB the following steps must be addressed: a. The certificate should

More information

Web Development and HTML. Shan-Hung Wu CS, NTHU

Web Development and HTML. Shan-Hung Wu CS, NTHU Web Development and HTML Shan-Hung Wu CS, NTHU Outline How does Internet Work? Web Development HTML Block vs. Inline elements Lists Links and Attributes Tables Forms 2 Outline How does Internet Work? Web

More information

Front-End UI: Bootstrap

Front-End UI: Bootstrap Responsive Web Design BootStrap Front-End UI: Bootstrap Responsive Design and Grid System Imran Ihsan Assistant Professor, Department of Computer Science Air University, Islamabad, Pakistan www.imranihsan.com

More information

Purpose of this doc. Most minimal. Start building your own portfolio page!

Purpose of this doc. Most minimal. Start building your own portfolio page! Purpose of this doc There are abundant online web editing tools, such as wordpress, squarespace, etc. This document is not meant to be a web editing tutorial. This simply just shows some minimal knowledge

More information

LAMPIRAN. Index.php. <?php. unset($_session["status"]); //session_destroy(); //session_destroy();

LAMPIRAN. Index.php. <?php. unset($_session[status]); //session_destroy(); //session_destroy(); LAMPIRAN Index.php unset($_session["status"]); //session_destroy(); //session_destroy();?>

More information

Deccansoft Software Services

Deccansoft Software Services Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module

More information

Introduction to Computer Science Web Development

Introduction to Computer Science Web Development Introduction to Computer Science Web Development Flavio Esposito http://cs.slu.edu/~esposito/teaching/1080/ Lecture 14 Lecture outline Discuss HW Intro to Responsive Design Media Queries Responsive Layout

More information

Making a live edit contact list with Coldbox REST & Vue.js

Making a live edit contact list with Coldbox REST & Vue.js Tweet Making a live edit contact list with Coldbox REST & Vue.js Scott Steinbeck Mar 28, 2016 Today we will be making a contact database that you can quickly and easily manage using ColdBox and Vue.js.

More information

Ten good practices for ASP.NET MVC applications

Ten good practices for ASP.NET MVC applications Ten good practices for ASP.NET MVC applications Dino Esposito JetBrains dino.esposito@jetbrains.com @despos facebook.com/naa4e Options for Web development Fully serverside Fully clientside Hybrid SPA And

More information

Guide to Integrate. ADSelfService Plus with. Outlook Web App.

Guide to Integrate. ADSelfService Plus with. Outlook Web App. Guide to Integrate ADSelfService Plus with Outlook Web App Contents Document Summary 1 ADSelfService Plus Overview 1 ADSelfService Plus Integration with Outlook Web App 1 Steps Involved 2 Step 1: Locate

More information

Spring Data JPA, Spring Boot, Oracle, AngulerJS 적용게시판실습 게시판리스트보기.

Spring Data JPA, Spring Boot, Oracle, AngulerJS 적용게시판실습 게시판리스트보기. Spring Data JPA, Spring Boot, Oracle, AngulerJS 적용게시판실습 http://ojc.asia, http://ojcedu.com 게시판리스트보기 Spring JDBC 또는 MyBatis로만들때보다쉽고빠르게작성할수있다. 스프링컨트롤러는 RestController를적용했으며, 뷰페이지에 Bootstrap 및 AngulerJS 적용했다.

More information

User manual Scilab Cloud API

User manual Scilab Cloud API User manual Scilab Cloud API Scilab Cloud API gives access to your engineering and simulation knowledge through web services which are accessible by any network-connected machine. Table of contents Before

More information

Bootstrap Carousel. jquery Image Sliders

Bootstrap Carousel. jquery Image Sliders Bootstrap Carousel jquery Image Sliders Bootstrap Carousel Carousel bootstarp css js jquery js bootstrap.js http://getbootstrap.com/javascript/#carousel item ol.carousel-indicators li

More information

Static Webpage Development

Static Webpage Development Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for PHP Given below is the brief description for the course you are looking for: - Static Webpage Development Introduction

More information

web-sockets-homework Directions

web-sockets-homework Directions web-sockets-homework Directions For this homework, you are asked to use socket.io, and any other library of your choice, to make two web pages. The assignment is to create a simple box score of a football

More information

А «- - «Exellent»» 50, 18, «Exellent»., , -., -. -,, html -. - «Exellent»,.

А «- - «Exellent»» 50, 18, «Exellent»., , -., -. -,, html -. - «Exellent»,. А «- - «Exellent»» 50, 18, 21. - - «Exellent»., -. -. -. -, -., -. -,, html -. - «Exellent»,. А... 3 1 -... 5 1.1, -... 5 1.2 Э -... 8 1.3 -... 9 1.4, -... 16 1.4.1... 16 1.4.2... 18 1.4.3.... 18 2 - «Exellent»...

More information

Produced by. Agile Software Development. Eamonn de Leastar

Produced by. Agile Software Development. Eamonn de Leastar Agile Software Development Produced by Eamonn de Leastar (edeleastar@wit.ie) Department of Computing, Maths & Physics Waterford Institute of Technology http://www.wit.ie http://elearning.wit.ie Pacemaker

More information

LIPNET OUTBOUND API FORMS DOCUMENTATION

LIPNET OUTBOUND API FORMS DOCUMENTATION LIPNET OUTBOUND API FORMS DOCUMENTATION LEGAL INAKE PROFESSIONALS 2018-03-0926 Contents Description... 2 Requirements:... 2 General Information:... 2 Request/Response Information:... 2 Service Endpoints...

More information

Stamp Builder. Documentation. v1.0.0

Stamp  Builder. Documentation.   v1.0.0 Stamp Email Builder Documentation http://getemailbuilder.com v1.0.0 THANK YOU FOR PURCHASING OUR EMAIL EDITOR! This documentation covers all main features of the STAMP Self-hosted email editor. If you

More information

LAMPIRAN-LAMPIRAN A. Source Code 1) Sample Controller pada HomeController.php

LAMPIRAN-LAMPIRAN A. Source Code 1) Sample Controller pada HomeController.php 67 LAMPIRAN-LAMPIRAN A. Source Code 1) Sample Controller pada HomeController.php

More information

Programming of web-based systems Introduction to HTML5

Programming of web-based systems Introduction to HTML5 Programming of web-based systems Introduction to HTML5 Agenda 1. HTML5 as XML 2. Basic body elements 3. Text formatting and blocks 4. Tables 5. File paths 6. Head elements 7. Layout elements 8. Entities

More information

Justin Jones 21 st February 2013 Version 1.1 Setting up an MVC4 Multi-Tenant Site

Justin Jones 21 st February 2013 Version 1.1 Setting up an MVC4 Multi-Tenant Site Setting up an MVC4 Multi-Tenant Site Contents Introduction... 2 Prerequisites... 2 Requirements Overview... 3 Design Structure (High Level)... 4 Setting Up... 5 Dynamic Layout Pages... 15 Custom Attribute

More information

SportsStore: Completing the Cart

SportsStore: Completing the Cart C H A P T E R 10 SportsStore: Completing the Cart In this chapter, I continue to build the SportsStore example app. In the previous chapter, I added the basic support for a shopping cart, and now I am

More information

thymeleaf #thymeleaf

thymeleaf #thymeleaf thymeleaf #thymeleaf Table of Contents About 1 Chapter 1: Getting started with thymeleaf 2 Remarks 2 Versions 2 Examples 2 Configuration 2 Using checkboxes 3 Ajax form submition with Jquery 4 Replacing

More information

Enhancing Koha s Public Reports Feature

Enhancing Koha s Public Reports Feature Enhancing Koha s Public Reports Feature A presentation to the Koha-Oz User Group Melbourne Athenaeum 18 August 2016 Bob Birchall / Chris Vella Reports in Koha can be made public FROM THE Koha MANUAL: Report

More information

FatModel Quick Start Guide

FatModel Quick Start Guide FatModel Quick Start Guide Best Practices Framework for ASP.Net MVC By Loma Consulting February 5, 2016 Table of Contents 1. What is FatModel... 3 2. Prerequisites... 4 Visual Studio and Frameworks...

More information

Advantages: simple, quick to get started, perfect for simple forms, don t need to know how form model objects work

Advantages: simple, quick to get started, perfect for simple forms, don t need to know how form model objects work 1 Forms 1.1 Introduction You cannot enter data in an application without forms. AngularJS allowed the user to create forms quickly, using the NgModel directive to bind the input element to the data in

More information

Django AdminLTE 2 Documentation

Django AdminLTE 2 Documentation Django AdminLTE 2 Documentation Release 0.1 Adam Charnock Jul 02, 2018 Contents 1 Contents 3 1.1 Quickstart................................................ 3 1.2 Templates & Blocks Reference.....................................

More information

Chapter 7 Detecting Device Capabilities

Chapter 7 Detecting Device Capabilities Chapter 7 Detecting Device Capabilities Just a few years ago, the world of web clients consisted of browsers running on desktops and browsers running on mobile devices. The desktop browsers offered the

More information

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space. HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information

More information

CSC Web Technologies, Spring HTML Review

CSC Web Technologies, Spring HTML Review CSC 342 - Web Technologies, Spring 2017 HTML Review HTML elements content : is an opening tag : is a closing tag element: is the name of the element attribute:

More information

Cursos técnicos gratuitos en línea

Cursos técnicos gratuitos en línea Microsoft Virtual Academy Cursos técnicos gratuitos en línea Tome un curso gratuito en línea. http://www.microsoftvirtualacademy.com Microsoft Virtual Academy Aprendiendo a Programar Validando Validando

More information

MICRO SERVICES ARCHITECTURE

MICRO SERVICES ARCHITECTURE Hola! MICRO SERVICES ARCHITECTURE South Sound Developers User Group Olympia, Washington March 13, 2015 bool haslocalaccount = OAuthWebSecurity.HasLocalAccount(WebSecurity.GetUserId(User.Identity.Name));

More information

HTML: Parsing Library

HTML: Parsing Library HTML: Parsing Library Version 4.1.3 November 20, 2008 (require html) The html library provides functions to read html documents and structures to represent them. (read-xhtml port) html? port : input-port?

More information

Web Programming BootStrap Unit Exercises

Web Programming BootStrap Unit Exercises Web Programming BootStrap Unit Exercises Start with the Notes packet. That packet will tell you which problems to do when. 1. Which line(s) are green? 2. Which line(s) are in italics? 3. In the space below

More information

User manual Scilab Cloud API

User manual Scilab Cloud API User manual Scilab Cloud API Scilab Cloud API gives access to your engineering and simulation knowledge through web services which are accessible by any network-connected machine. Table of contents Before

More information

SMS GATEWAY API INTEGRATION GUIDE

SMS GATEWAY API INTEGRATION GUIDE SMS GATEWAY API INTEGRATION GUIDE For PHP Developers Are you a developer or bulk SMS reseller? You can interface your application, website or system with our 247 reliable messaging gateway by using our

More information

Developing and deploying MVC4/HTML5 SDK application to IIS DigitalOfficePro Inc.

Developing and deploying MVC4/HTML5 SDK application to IIS DigitalOfficePro Inc. Developing and deploying MVC4/HTML5 SDK application to IIS DigitalOfficePro Inc. -------------------------------------------------------------------------------------------------------------------------------------

More information

Lampiran Source Code:

Lampiran Source Code: Lampiran Source Code: Halaman Login Siswa Sourcecode : @session_start(); $db = mysqli_connect("localhost", "root", "", "learning");

More information

django-rest-framework-datatables Documentation

django-rest-framework-datatables Documentation django-rest-framework-datatables Documentation Release 0.1.0 David Jean Louis Aug 16, 2018 Contents: 1 Introduction 3 2 Quickstart 5 2.1 Installation................................................ 5

More information

For your convenience Apress has placed some of the front matter material after the index. Please use the Bookmarks and Contents at a Glance links to

For your convenience Apress has placed some of the front matter material after the index. Please use the Bookmarks and Contents at a Glance links to For your convenience Apress has placed some of the front matter material after the index. Please use the Bookmarks and Contents at a Glance links to access them. Contents at a Glance About the Author...

More information

Django Part II SPARCS 11 undead. Greatly Inspired by SPARCS 10 hodduc

Django Part II SPARCS 11 undead. Greatly Inspired by SPARCS 10 hodduc Django Part II 2015-05-27 SPARCS 11 undead Greatly Inspired by SPARCS 10 hodduc Previously on Django Seminar Structure of Web Environment HTTP Requests and HTTP Responses Structure of a Django Project

More information

Programming web design MICHAEL BERNSTEIN CS 247

Programming web design MICHAEL BERNSTEIN CS 247 Programming web design MICHAEL BERNSTEIN CS 247 Today: how do I make it?! All designers need a medium. Napkin sketches aren t enough.! This week: core concepts for implementing designs on the web! Grids!

More information

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">

<link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css> About the Tutorial Materialize is a UI component library created with CSS, JavaScript, and HTML. Materialize UI components help in constructing attractive, consistent, and functional web pages and web

More information

Major Project Report PRESENTED BY. Banani Das. Roll Number: Labani Basak. Roll Number: Under the supervision of

Major Project Report PRESENTED BY. Banani Das. Roll Number: Labani Basak. Roll Number: Under the supervision of Major Project Report PRESENTED BY Banani Das Registration number: 151170510010 of 2015-16 Roll Number: 11701015010 & Labani Basak Registration number: 151170510022 of 2015-16 Roll Number: 11701015022 Under

More information

HTML and CSS COURSE SYLLABUS

HTML and CSS COURSE SYLLABUS HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page

More information

ajax1.html 1/2 lectures/7/src/ ajax1.html 2/2 lectures/7/src/

ajax1.html 1/2 lectures/7/src/ ajax1.html 2/2 lectures/7/src/ ajax1.html 1/2 3: ajax1.html 5: Gets stock quote from quote1.php via Ajax, displaying result with alert(). 6: 7: David J. Malan 8: Dan Armendariz 9: Computer Science E-75 10: Harvard Extension School 11:

More information

CSS (Cascading Style Sheets): An Overview

CSS (Cascading Style Sheets): An Overview CSS (Cascading Style Sheets): An Overview CSS (Cascading Style Sheets) is a language used to describe the appearance and formatting of your HTML. It allows designers and users to create style sheets that

More information

Responsive Web Design (RWD)

Responsive Web Design (RWD) Responsive Web Design (RWD) Responsive Web Design: design Web pages, so that it is easy to see on a wide range of of devices phone, tablet, desktop,... Fixed vs Fluid layout Fixed: elements have fixed

More information

Spring 2014 Interim. HTML forms

Spring 2014 Interim. HTML forms HTML forms Forms are used very often when the user needs to provide information to the web server: Entering keywords in a search box Placing an order Subscribing to a mailing list Posting a comment Filling

More information

Web UI. Survey of Front End Technologies. Web Challenges and Constraints. Desktop and mobile devices. Highly variable runtime environment

Web UI. Survey of Front End Technologies. Web Challenges and Constraints. Desktop and mobile devices. Highly variable runtime environment Web UI Survey of Front End Technologies Web UI 1 Web Challenges and Constraints Desktop and mobile devices - mouse vs. touch input, big vs. small screen Highly variable runtime environment - different

More information

Technical Guide Login Page Customization

Technical Guide Login Page Customization Released: 2017-11-15 Doc Rev No: R2 Copyright Notification Edgecore Networks Corporation Copyright 2019 Edgecore Networks Corporation. The information contained herein is subject to change without notice.

More information

The Hypertext Markup Language (HTML) Part II. Hamid Zarrabi-Zadeh Web Programming Fall 2013

The Hypertext Markup Language (HTML) Part II. Hamid Zarrabi-Zadeh Web Programming Fall 2013 The Hypertext Markup Language (HTML) Part II Hamid Zarrabi-Zadeh Web Programming Fall 2013 2 Outline HTML Structures Tables Forms New HTML5 Elements Summary HTML Tables 4 Tables Tables are created with

More information

WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5

WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 In this chapter, you will learn how to... LEARNING OUTCOMES Code relative hyperlinks to web pages in folders within a website Configure

More information

Python For Hackers. Shantnu Tiwari. This book is for sale at This version was published on

Python For Hackers. Shantnu Tiwari. This book is for sale at   This version was published on Python For Hackers Shantnu Tiwari This book is for sale at http://leanpub.com/pythonforhackers This version was published on 2015-07-23 This is a Leanpub book. Leanpub empowers authors and publishers with

More information

EVALUATION COPY. Unauthorized reproduction or distribution is prohibitied ASP.NET MVC USING C#

EVALUATION COPY. Unauthorized reproduction or distribution is prohibitied ASP.NET MVC USING C# ASP.NET MVC USING C# ASP.NET MVC Using C# Rev. 4.8 Student Guide Information in this document is subject to change without notice. Companies, names and data used in examples herein are fictitious unless

More information

Lecture 7. Action View, Bootstrap & Deploying 1 / 40

Lecture 7. Action View, Bootstrap & Deploying 1 / 40 Lecture 7 Action View, Bootstrap & Deploying 1 / 40 Homeworks 5 & 6 Homework 5 was graded Homework 6 was due last night Any questions? 2 / 40 How would you rate the di culty of Homework 6? Vote at http://pollev.com/cis196776

More information

Udacity Frontend Nanodegree Style Guide

Udacity Frontend Nanodegree Style Guide HTML CSS JavaScript Git Udacity Frontend Nanodegree Style Guide Introduction This style guide acts as the of cial guide to follow in your projects. Udacity evaluators will use this guide to grade your

More information

TUTORIAL CRUD CODEIGNITER

TUTORIAL CRUD CODEIGNITER TUTORIAL CRUD CODEIGNITER With MySQL Tutorial ini saya dedikasikan untuk yang baru terjun di framework codeigniter, dan para pemula yang ingin belajar secara otodidak. Crud merupakan kewajiban dasar yang

More information

Viostream Upload Widget

Viostream Upload Widget Viostream Upload Widget Version: 1.0 Date: 15 September, 2015 Viocorp 2015 Author Brendon Kellett Viocorp International Pty Ltd ABN: 43 100 186 838 110 Jones Bay Wharf, 26-32 Pirrama Road, Pyrmont NSW

More information

django-amp-tools Documentation Release latest

django-amp-tools Documentation Release latest django-amp-tools Documentation Release latest February 07, 2017 Contents 1 Installation 3 2 Usage 5 2.1 Usage app................................................ 5 3 Contributing 9 4 Source code and contacts

More information

Monetra Payment Software

Monetra Payment Software Monetra Payment Software Monetra PaymentFrame Guide Revision: 1.0 Publication date August 30, 2017 Copyright 2017 Main Street Softworks, Inc. Monetra PaymentFrame Guide Main Street Softworks, Inc. Revision:

More information

Creating Web Pages Using HTML

Creating Web Pages Using HTML Creating Web Pages Using HTML HTML Commands Commands are called tags Each tag is surrounded by Some tags need ending tags containing / Tags are not case sensitive, but for future compatibility, use

More information

CSE 154 LECTURE 8: FORMS

CSE 154 LECTURE 8: FORMS CSE 154 LECTURE 8: FORMS Web data most interesting web pages revolve around data examples: Google, IMDB, Digg, Facebook, YouTube, Rotten Tomatoes can take many formats: text, HTML, XML, multimedia many

More information

Web development using PHP & MySQL with HTML5, CSS, JavaScript

Web development using PHP & MySQL with HTML5, CSS, JavaScript Web development using PHP & MySQL with HTML5, CSS, JavaScript Static Webpage Development Introduction to web Browser Website Webpage Content of webpage Static vs dynamic webpage Technologies to create

More information

Structure Bars. Tag Bar

Structure Bars. Tag Bar C H E A T S H E E T / / F L A R E 2 0 1 8 Structure Bars The XML Editor provides structure bars above and to the left of the content area in order to provide a visual display of the topic tags and structure.

More information

INTRODUCTION TO WEB DEVELOPMENT IN C++ WITH WT 4

INTRODUCTION TO WEB DEVELOPMENT IN C++ WITH WT 4 INTRODUCTION TO WEB DEVELOPMENT IN C++ WITH WT 4 Roel Standaert FOSDEM 2018 https://www.webtoolkit.eu/wt CONTENTS What is Wt? A simple Hello world Creating a larger application, with: Templates Style sheets

More information

,.., «..»

,.., «..» ,.., 2018. 09.03.03.19 - «..».... 2018 1 : - 39, 5, 1. : -. :,, -,. -.,,. 2 ... 4 1 -. 6 1.1 -... 6 1.2 -... 9 1.3 -... 11 1.4, -... 13 2. - «..»... 16 2.1.... 16 2.2 CMS WordPress... 17 2.3 -... 22...

More information

AngularJS. CRUD Application example with AngularJS and Rails 4. Slides By: Jonathan McCarthy

AngularJS. CRUD Application example with AngularJS and Rails 4. Slides By: Jonathan McCarthy AngularJS CRUD Application example with AngularJS and Rails 4 1 Slides By: Jonathan McCarthy Create a new Rails App For this example we will create an application to store student details. Create a new

More information

HTML: Parsing Library

HTML: Parsing Library HTML: Parsing Library Version 6.7 October 26, 2016 (require html) package: html-lib The html library provides functions to read conformant HTML4 documents and structures to represent them. Since html assumes

More information

AT&T Smart Cities With M2X & Flow Designer

AT&T Smart Cities With M2X & Flow Designer AT&T Smart Cities With M2X & Flow Designer Introduction... 2 FASTEST Way to Get Started... 5 Getting Started use Socket.io... 6 Getting Started Get Data / Polling... 9 Add a New M2X Device and Create your

More information

Guest Access Portal Integration

Guest Access Portal Integration Integrate the cnpilot enterprise Access Points with an external Guest Access Portal Guest Access Portal Integration cnpilot E400, E500, epmp1000 Hotspot Cambium Networks Ltd. All rights reserved. Table

More information

CS 350 COMPUTER/HUMAN INTERACTION. Lecture 6

CS 350 COMPUTER/HUMAN INTERACTION. Lecture 6 CS 350 COMPUTER/HUMAN INTERACTION Lecture 6 Setting up PPP webpage Log into lab Linux client or into csserver directly Webspace (www_home) should be set up Change directory for CS 350 assignments cp r

More information

Mobile Web Development

Mobile Web Development Mobile Web Development By Phil Huhn 2013-04-30 2013 Northern Software Group Agenda Web-site issues for mobile devices Responsive Design Media Queries Twitter Bootstrap As-is (themes) less variables.less

More information

ADVANCED JAVASCRIPT. #7

ADVANCED JAVASCRIPT. #7 ADVANCED JAVASCRIPT. #7 7.1 Review JS 3 A simple javascript functions is alert(). It's a good way to test a script is working. It brings up a browser default popup alert window. alert(5); 4 There are 2

More information

Internet publishing HTML (XHTML) language. Petr Zámostný room: A-72a phone.:

Internet publishing HTML (XHTML) language. Petr Zámostný room: A-72a phone.: Internet publishing HTML (XHTML) language Petr Zámostný room: A-72a phone.: 4222 e-mail: petr.zamostny@vscht.cz Essential HTML components Element element example Start tag Element content End tag

More information

Chapter 7 BMIS335 Web Design & Development

Chapter 7 BMIS335 Web Design & Development Chapter 7 BMIS335 Web Design & Development Site Organization Use relative links to navigate between folders within your own site o Sometimes dividing your site into folders makes maintenance and updating

More information

Integrated Dashboard Design

Integrated Dashboard Design Integrated Dashboard Design integrating Zabbix data with other systems Lukasz Lipski IT Operations Specialist, Nordea Bank Polska SA September 2013 NORDEA IT POLAND AND BALTIC COUNTRIES IT support for

More information

LAMPIRAN. <meta name="description" content="creative - Bootstrap 3 Responsive Admin Template">

LAMPIRAN. <meta name=description content=creative - Bootstrap 3 Responsive Admin Template> LAMPIRAN add_anggota.php(potongan kode untuk menambah anggota) session_start(); if (empty($_session['username'])){ header('location:login.php'); else { include "../koneksi.php";

More information