Top Banner
The Advanced Operation Portal built on Sencha Ext JS 5
24

SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Apr 15, 2017

Download

Technology

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

TheAdvancedOperationPortalbuiltonSencha ExtJS5

Page 2: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Naoki MashikoNTT Communications Corporation

Page 3: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Introducing NTT Communications

Page 4: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Regionalcommunication

Ø Thelargesttelecomgroupintheworld*(32nd in2013FortuneGlobal500)

*Inconsolidatedrevenueof10.9TrillionJPNinFY2013

Applicationintegration

Mobilecommunication

ManagedICTService

Longdistance&internationalcommunication,ICTSolutions

NTT Group

Page 5: SenchaCon 2015 - The advanced operation portal built sencha ExtJs
Page 6: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

About NTT Communications

Ø OperatingRevenues:JPY1,230B(USD12.3B)

Ø OperatingIncome:JPY 127B(USD1.2B)

GlobalICT SolutionswithHighQuality

<GlobalDeployment*2>

Ø NTTCom GroupEmployeesü Japan:Approx.11,300ü OutsideJapan:

Approx.9,100

Ø Officesin43countries/regions,123citiesØ GlobalNetworkServicein196countries/regionsØ GlobalTier-1IPbackboneprovider,oneofthelargestinAsiaØ 132 datacenters,strongincreaseinAsia/US/Europe

<ResultsforFY2013*1>

NTT(HoldingCompany)

・・

*2 AsofJanuary2015- FiguresinUSDarenotofficialbutareprovided forreference(exchangerateusedisUSD1: JPY100)

*1 EndedMarch31,2014

Page 7: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

9 Key Features of Global Cloud Vision 2014

Infrastructure

Cloud

Network

General

Application

CustomerPortaland

IntegratedAPIGateway

Cloud

Migration

Security

ManagedICT

Partnership

Ø Developcompetitiveadvantagesthroughthe9keyfeaturesbelow

Page 8: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Recent Major Awards

Cloud/DataCenter

Network

Security/ManagedICT/Application

EnterpriseServices

<Global Awards> <Japanese Awards>

Page 9: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Gartner Magic QuadrantMagicQuadrantfor

NetworkServices,Global

[Source]Gartner,“MagicQuadrantforNetworkServices,Global” byNeilRickard,BjarneMunch14January 2015

- ThisgraphicwaspublishedbyGartner,Inc.aspartofalargerresearchdocumentandshouldbeevaluatedinthecontextoftheentiredocument.TheGartnerdocumentisavailableuponrequestfromNTTCommunications.Gartnerdoesnotendorseanyvendor,productorservicedepictedinitsresearchpublications,anddoesnotadvisetechnology userstoselectonlythosevendorswiththehighestratings orotherdesignation.GartnerresearchpublicationsconsistoftheopinionsofGartner'sresearchorganizationandshouldnotbeconstruedasstatementsoffact.Gartnerdisclaimsallwarranties,expressedorimplied,withrespecttothisresearch,includinganywarrantiesofmerchantabilityorfitnessforaparticularpurpose.

Ø PositionedintheLeadersQuadrantofGartner's“MagicQuadrantforNetworkServices,Global”forthesecondconsecutiveyear

Page 10: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

About NTT Communications

http://www.ntt.com/index-e.html

Page 11: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

About “AOP(Advanced OPeration)”

Page 12: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Arcstar Universal One

This is a paid tool for our users of the network business service, which is one of the services NTT Communications provide.

Ø CustomerscanchooseeitherL2orL3foreachlocationØ Secure, flexibleandhigh-quality global networkavailablewithshort

leadtimesØ Simpleplanselectablebyqualitylevel

Arcstar UniversalOne

CustomerPortal

NTTComCloud

LightGrade(Best effort)

StandardGrade

BusinessGrade

PremiumGrade

HigherQuality

[Legend]:MainCircuit

:BackupCircuit

Page 13: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

AOP BackgroudOperation Automation System Diagram

Page 14: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

AOPプロモーションビデオ埋め込み

Page 15: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Why we wanted to make this.

• The keywords were “The voices from our customers” and “Automation”.

AutomationCustomer’s Voice

Page 16: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Customer’s Voice• Slow service, expensive, low quality of service.(Customers in Japan

are very strict.• How many circuits and services have we subscribed?• We can’t connect. Is the service down?• When is maintenance? It’s hard to know by email.• Since we subscribed circuits, we would also want

alive monitoring.• There isn’t any problem management regarding

ITIL for the services.

Page 17: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Automation infrastructure for internal operations

• For efficiency and upgrading, we have constructed 4 bases for automation in-house, over the past two to three years.

Page 18: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Automation infrastructure for internal operations

• For efficiency and upgrading, we have constructed 4 bases for automation in-house, over the past two to three years.

Page 19: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Did the customer voice change?

AutomationCustomer’s Voice

• Nothing changed drastically. This was obvious since the automation inside NTT Com was invisible for our customers… So…

AOP Portal

Page 20: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Advance OPeration (AOP)

Page 21: SenchaCon 2015 - The advanced operation portal built sencha ExtJs
Page 22: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Why we chose Sencha.

• Large-scale development, concurrent development was possible.• Easy integration with our in-house system.• Rich parts for the UI.

Page 23: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Wrap Up

• A large-scale business application like AOP was possible to develop since we had a very fine relationship between NTTCom + Xenophy + Sencha.• We would want to grow and

expand this triangle together.

NTTCommunications

SenchaXenophy

DevelopmentSupport

ProvideDevelopmentFramework

QuickReleaseforCompetitiveCustomerService

Page 24: SenchaCon 2015 - The advanced operation portal built sencha ExtJs

Thankyouforjoiningyourtimetomeetwithustoday!